应用模板 演示示例6:应用模板素材 应用模板答案 用模板页制作“装备”商品的详细介绍页 用模板页重新制作“装备”的详细介绍页的步骤 1、新建空白文档 2、应用模板 3、在可编辑区域添加未应用模板的商品的详细介绍页内容 用了模板的商品详细介绍页 应用模板 演示示例7:应用模板素材 应用模板答案 用模板页制作“购买页面” 用模板页制作“购买页面”的步骤 1、新建空白文档 2、应用模板 3、在可编辑区域添加未应用模板的“购买页面” 用了模板的“购买页面” 制作样式表 大家发现前面应用模板的页面中存在的问题吗?是不是字体过大、颜色搭配不合理、超链接样式极其难看、文本不规整等?那如何解决这些问题? 使用制作好的样式表文件,并和相关页面绑定 创建样式文件 教员演示创建样式文件的步骤: 1、选择“文件” ?“新建” 2、选择“基本页” ?“CSS” 3、单击“创建” 制作样式表 演示示例8:演示创建样式文件 1、选择“基本页” 2、选择“CSS” 3、选择“创建” 制作样式表 应用样式文件 教员演示两种方式应用样式文件: 1、打开要应用样式的网页 2、在属性面板中单击“样式”下拉框 3、选择附加样式 4、选择要引入的样式文件 1、选择附加样式表 2、选择样式文件 3、选择附加方式 4、单击确定 发布站点 安装过程中,提示“插入磁盘”,就插入Windows Server 2003 Enterprise Edition光盘 安装IIS 1、打开“控制面板” 2、双击“添加或删除程序”图标 3、单击”添加/删除Windows组件”按钮 4、选中“应用程序服务”并单击”详细信息”按钮 5、选中“Internet信息服务(IIS)”,然后单击”确定” 6、单击”下一步”进行安装,最后单击“完成” 测试并发布网站 测试内容 页面效果是否美观 链接是否完好 测试不同浏览器的兼容性 1、检查单个页面链接 2、检查整个站点的链接 1、设置希望检查的浏览器及其版本 2、检查单个页面或整站的兼容性 发布站点 上传网站 1、选择“管理站点” 2、选中一个已创建好的站点,然后单击“编辑” 3、选择“远程信息” 4、选择“本地/网络” 5、指定网站发布的目录为“C:\Inetpub\wwwroot\”下 6、单击“确定” 7、单击“上传文件”图标,就可以把taobaoweb站点上传到“C:\Inetpub\wwwroot\”目录下 网站上传到指定的服务器上之后,该如何访问呢? 发布站点 访问网站 由于我们的网站是上传到本地服务器上,所以有两种访问方式: /index.html http://本地服务器IP地址/index.html 演示示例14:访问上传到服务器上的网站 * * 先使用记事本,然后引出颜色提示的ultraedit * 字符编码:浏览网页时我们可以通过浏览器的菜单如I.E.)查看->编码进行语言设置; 但如果HTML文件中有这行,浏览器将自动设置相应的语言项(演示给大家看) 提高被搜索的频率和排名的常用办法: 1、在google等搜索引擎中登录自己的网站(花钱) 2、在知名网站中加入链接(花钱) 3、在论坛中发帖宣传(花时间) 4、设置自己网站的meta标签(提供利于被搜索的信息,容易忽视的好习惯) 设置keyword、description的好处,提高被google、百度等搜索到的命中率和排名。 * 说明样式方面的内容后续章节将学习 * * 讲解要点: * 讲解要点: * 讲解要点: * 讲解要点: * * 讲解要点: * * 因此,在页面局部布局中,形成了4种常用的块状结构: (1)div-ul(ol)-li:常用于分类导航或菜单等场合; (2)div-dl-dt-dd:常用于图文混编场合; (3)table-tr-td:常用于图文布局或显示数据的场合; (4)form-table-tr-td:常用于布局表单的场合; 2.学会按上面4种块结构来组织和规划页面的结构,是盒模型实现的关键,后续将进行详细讲解和深入学习。 * 强调:块级和行级标签的区别: 块级:前后换行 行级:一行内显示 * 强调:块级和行级标签的区别: 块级:前后换行 行级:一行内显示 内嵌样式表 ……
床前明月光,
疑是地上霜。
我是郭德刚,
低头思故乡。
…… 样式规则 所有的段落都采