HTML+CSS网页设计_图文.pptVIP

应用模板 演示示例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种块结构来组织和规划页面的结构，是盒模型实现的关键，后续将进行详细讲解和深入学习。 * 强调：块级和行级标签的区别： 块级：前后换行 行级：一行内显示 * 强调：块级和行级标签的区别： 块级：前后换行 行级：一行内显示 内嵌样式表 STYLE type=text/css P { font-family:隶书; font-size:18px; color:#FF0000; } /STYLE /HEAD …… P床前明月光，/P P疑是地上霜。/P P我是郭德刚，/P P低头思故乡。/P …… 样式规则 所有的段落都采用 P 样式，保证样式统一 选择符 样式表 行内（嵌