《网页设计与制作》第1章.pptVIP

* 过度： 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 遵守国际化WEB标准，确保多个浏览器都兼容 W3C-万维网联盟，负责制定web行业标准，它包括一系列的标准。 重点强调我们这门课程需要严格遵守HTML 4.0.1/标准XHTML1.0，两者兼容。 说明：具体规范将随课程边学边告诉大家，DOM和ECMAScript下学期会学习； * 过度： 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 遵守国际化WEB标准，确保多个浏览器都兼容 W3C-万维网联盟，负责制定web行业标准，它包括一系列的标准。 重点强调我们这门课程需要严格遵守HTML 4.0.1/标准XHTML1.0，两者兼容。 说明：具体规范将随课程边学边告诉大家，DOM和ECMAScript下学期会学习； * * 使用ol li有序列表，ul li无序列表和dl dt dd定义列表实现简单的商品购买页 换行标签 …… 北京欢迎你，有梦想谁都了不起！ 有勇气就会有奇迹。 北京欢迎你，为你开天辟地 流动中的魅力充满朝气。 北京欢迎你，在太阳下分享呼吸 在黄土地刷新成绩。 北京欢迎你，像音乐感动你 让我们都加油去超越自己。 …… 行级标签3-3 和 的区别： 前后不换行 操作演示13：换行标签 为什么需要W3C标准 W3C：World Wide Web Consortium，万维网联盟 W3C的职能：负责制定和维护web行业标准 W3C标准包括：列的标准： HTML内容方面：XHTML 样式美化方面：CSS 结构文档访问方面：OM 页面交互方面：ECMAScript …… 制定统一的web标准 W3C Netscape的图标 W3C提倡的Web结构 不规范的示例 font size 7 一级主题 一级主题阐述文字 font size 5 二级主题 二级主题相关文字 项目列表1 项目列表2 项目列表3 存在问题： 1、内容和表现没分离，后期很难维护和修改 2、HTML代码不能表示页面的内容语义，不利于搜索引擎搜索 操作演示：不规范的示例 W3C提倡的Web结构 规范的示例 一级主题1 一级主题阐述文字 二级主题 二级主题阐述文字 项目列表1 项目列表2 项目列表3 W3C提倡的Web结构： 1、内容（结构）和表现（样式）分离 2、HTML内容结构要求语义化 操作演示：规范的示例 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd …… ……body部分内容…… XHTML 1.0基本规范 标签名和属性名称必须小写 HTML标签必须关闭 属性值必须用引号括起来 标签必须正确嵌套 必须添加文档类型声明 1、声明必须位于文档的最前面 2、三种级别：Strict（严格类型） 、Trasitional（过度类型）、 Frameset（框架类型） 练习——行级元素 需求说明： 完成时间：20分钟 注意HTML结构的语义化，遵守XHTML1.0基本规范 总结 行级和块级标签有什么区别？用途？ 块级标签分为几类，分别包含哪些？ 常用的4种块状结构是什么？ W3C提倡的Web页结构是什么？ XHTML基本规范是什么？ * 学员学习后能制作界面美观大方、面向企业应用的静态商业网站，不含动态脚本功能。包含的技能点如下： 训练企业要求的 手写HTML的能力 读懂并修改CSS的能力 * * * 先使用记事本，然后引出颜色提示的ultraedit * 字符编码:浏览网页时我们可以通过浏览器的菜单如I.E. 查看- 编码进行语言设置; 但如果HTML文件中有这行,浏览器将自动设置相应的语言项 演示给大家看 提高被搜索的频率和排名的常用办法： 1、在google等搜索引擎中登录自己的网站（花钱） 2、在知名网站中加入链接（花钱） 3、在论坛中发帖宣传（花时间） 4、设置自己网站的meta标签（提供利于被搜索的信息，容易忽视的好习惯） 设置keyword、description的好处，提高被google、百度等搜索到的命中率和排名。 * 字符编码:浏览网页时我们可以通过浏览器的菜单如I.E. 查看- 编码进行语言设置; 但如果HTML文件中有这行,浏览器将自动设置相应的语言项 演示给大家看 提高被搜索的频率和排名的常用办法： 1、在google等搜索引擎中登录自己的网站（花钱） 2、在知名网站中加入链接