1 2 第1 章 网页设计基础 教学目标与要求 熟记站标、导航条、广告条、按钮等网页构成要素，以及网页、网站、IP 地址、域名、网址等概念；了解网页的本质和网页的布局类型和 HTML 文档的基本结构，熟练掌握网站建设的基本流程。 教学重点 重点：站标、导航条、广告条、网页、网站、 IP 地址、域名、网址等概念，以及网站建设的流程 教学难点 难点： IP 地址、域名、网址，HTML 文档的基本结构及其常见标签 教学方法 提问、启发、图示、情景教学、案例、课堂讨论 教学课时 2 课时 第1 章 网页设计基础 教学 提示 导入课程：大家会输入文字、制作和处理图像、设计动画，如何把这些作品放到 internet 中，让更多的人去查阅和欣赏呢？---DW 就可以制作网页。 1.网页的构成要素和组成元素 网页的构成要素：站标、导航条、广告条、标题栏和按钮； 网页的组成元素：文字、图片、动画（gif、flash）、表单（交互功能）、音频、视频、超链接、表格、框架、导航等。 2.网页相关知识简介 基本概念： ➢ 网页的本质 ➢ 网页、网站、主页、互联网 以提问的方式引入课程 采用课堂讨论教学法，打开几个典型的网页让同学们 讨论总 结构成要素和组成元素。 打开一 个搜 狐 主页，保 存 成不 同的类型，让大家看 保 存 的效 果 ，加 深 对 网页本质的理解； 先 打开一 个网页的源 文件 ，结合 网络常识，详 细 讲 解网页的定 义 ，然 后 略讲 网站和主页的概念。并 提醒 同学理解并 记忆 这些概念。 3 ➢ 动态网页、静态网页 ➢ IP 地址、域名、网址（url）、浏览器等概念 网页布局 ➢ 网页布局的相关概念 ➢ 常见的布局类型 网站管理与网页制作相关软件 ➢ 制作和管理网页工具； ➢ 制作和优化网页图像工具； ➢ 制作网页动画工具； ➢ 其中Dreamweaver、 fireworks、 flash 这三个软件合称为网页“三剑客”。 ➢ 其他小工具软件。 HTML 语言 ➢ HTML 的概念 ➢ HTML 文档的基本结构 ➢ 几个常见的html 标签： html、head、title、style、script、link、meta、body、img、p、font 等。 XHTML 语言简介 脚本语言简介 3.网页的设计理念和配色方案 网页的设计理念 色彩的三要素 网页中的色彩心理与网页表现 以注册和登录邮箱为例，对比讲解动态网页和静态网页的特点和区别。 以平顶山学院...
