htmlcssjavascript概述html基本语法.ppt

天津职业大学 电子信息工程学院 计算机应用教研室 1.4.3 测试网页 发布网站前必须对所有网页进行测试，网站发布后还必须通 过 Internet 网络再对所有网页进行测试，以确保网页正常工作。 1 ．测试内容 ? 从主页开始检查所有页面及链接是否可用有效，每次单击链 接后应使用“返回”然后单击下一个链接。 ? 每个页面完全加载后滚动页面，检查所有图像是否正常显示。 ? 使用浏览器设置不同字体大小浏览网页，检查网页布局是否 符合要求。 ? 有条件还应使用 56hbit/s modem 检查页面加载时间。 2 ．测试方法 ? 使用最新版本的 IE 、 Mozilla Firefox 以及至少一个其他浏览器 ( 如 Opera 或 Safari) 分别测试，还应该使用旧版本浏览器测试。 ? 如果可能应使用 800 × 600 分辨率测试，也可使用 1024 × 768 或 1600 × 1200 分辨率测试。 ? 测试前先关闭浏览器图像的加载显示功能，检查无图像的页 面效果及 alt 属性信息的显示，然后自动加载图像再对页面测试。 天津职业大学 电子信息工程学院 计算机应用教研室 1.5 如何学习 HTML 、 CSS 、 JavaScript “ 网页制作”必须在“制作”上多下功夫 — 多动手制作网页。 1.5.1 掌握 HTML 、 CSS 、 JavaScript 的语法结构 1.5.2 可以借助 DreamWeaver 网页设计工具 Dreamweavar 是目前应用最广泛的网页制作工具之一，通过 拖动页面元素可自动生成 HTML 代码，即使不太了解网页制作 的人也可以使用 Dreamweavar 创建出自己的网页。 但 Dreamweavar 会产生大量废代码，读者可以边操作边学习， 并根据自己掌握的语法知识删除修改这些代码。 1.5.3 参考已有网站的代码 天津职业大学 电子信息工程学院 计算机应用教研室 第 2 章 HTML 基本语法与头部内 的标记 2.1 HTML 文档结构 2.2 HTML 基本语法 2.3 XHTML 文档结构 2.4 HTML 文档头部的相关标记 天津职业大学 电子信息工程学院 计算机应用教研室 2.1 HTML 文档结构 html head title 文档标题 /title !-- 其他文档信息 — 标头内容 -- /head body !-- 文档主体 — 页面内容 -- /body /html — html 文档的开始标记 — html 文档的结束标记 — html 文档头部的开始标记 — html 文档头部的结束标记 — html 文档主体的开始标记 — html 文档主体的结束标记 注意： 传统 HTML 文档要求比较 宽松，标记名、属性名不区分大小 写，甚至可以大小写混用。而 XHTML 规范的标记名与属性名必 须小写，但属性值不区分大小写。 2.1.1 HTML 文档的构成 HTML4.0 文档以 html 开始到 /html 标记结束，也称为根 标记或根元素。一个完整的页面由文档头部标记 head/head 和文档主体标记 body/body 两部分构成。 天津职业大学 电子信息工程学院 计算机应用教研室 2.1.2 HTML 文档头部标记 head 文档头部标记 head/head 用于包含设置页面标题和页面 参数的标记、定义 CSS 样式表及 JavaScript 代码或引用外部文 件， head/head 内的标记只控制页面的性能而不会显示在 网页上。 一个 HTML 文档最多一个 head/head 标记。 注意： 传统 HTML 文档不需要 title 时连同 head 标记都可以 省略，甚至 body 连同 html 标记也可全部省略，如【例 h1- 1.html 】的代码。而 XHTML 规范 html 、 head 、 body 都 不能省略，而 head 中可以没有内容但不能省略。 天津职业大学 电子信息工程学院 计算机应用教研室 2.1.3 HTML 文档主体标记 body HTML 文档主体标记 body/body 用于定义页面所要显示 的内容，浏览器页面所显示的所有文本、图像、音频和视频等