网页制作基础教程
2009-7
电子工业出版社
黄洪杰，王军 主编
205
本教材适应中等职业教育课程改革的需要，特别是面向学分制的模块式课程和综合化课程的需要，并增强了课程的灵活性、适用性和实践性。本教材的体系采用模块化结构、单元组合、任务驱动的模式，在每个单元学完后能掌握部分基本知识，学会一些操作技能，最后完成一个具体任务；通过将几个单元形成一个模块，将几个小任务组合成一个大任务，并以完成任务为手段，实现教学目标。 本教材既兼顾目前中等职业教育的几种办学模式（中专、职高、技校）的特点和差异，又淡化了各类中等职业学校的界限。将培养目标统一定位在“具有综合职业能力，在生产、服务、技术和管理第一线工作的高素质劳动者及初、中级专门人才”上，淡化“技术员”和“操作工人”的界限。 本教材的知识和技能体系按照由浅入深、先易后难的原则，采用双重模块结构，增强了课程的灵活性和适用性。教材设计为5个模块，分别是网页制作前的准备、网页布局与规划、网页的编辑、服务器的配置，以及网页的管理与上传。其中前4个模块为基础模块，要求开设该课程的学校必须完成这些模块的教学；网页的管理与上传为选修模块，可以根据地区和学校的实际情况酌情选用。 本课程的参考教学时数为72学时。全书共分10章。第1章，网站的建立；第2章，网页的布局；第3章，网页的编辑；第4章，超链接的创建与管理；第5章，样式表与行为；第6章，AP元素和时间轴；第7章，表单的使用；第8章，图像和动画的制作与优化；第9章，网页的管理；第10章，网页的上传。其中，第1～4、9、10章为本书的重点。 本教材由黄洪杰、王军担任主编，田敏老师任副主编，青岛科技大学的周新老师和青岛外事学校的王钰等老师参加了本书的编写工作。史建军老师审阅了全书。 编者意在奉献给读者一本实用并具有特色的教材，但由于水平有限，难免有不妥之处，敬请广大师生和读者批评指正。 为了方便教师教学，本书还配有教学指南、电子教案及习题答案（电子版）。请有此需要的教师登录华信教育资源网免费注册后再进行下载，有问题时请在网站留言板留言或与电子工业出版社联系。
本书以DreamweaverCS软件为依托，以建立一个网站为实例过程，系统地介绍网页的设计与制作过程。文教材对文字、图像、超链接、样式、行为、AP元素和表单等网页元素的含义及应用进行了详细的讲解，并且加入Dreamweaver与Fireworks、Flash的整合应用，最后介绍网站的管理方法和上传步骤。 本书从基础知识和基本操作入手，循序渐进，直观明了地阐述了各知识点，并配有大量的图片和实例，使读者在本书的指导下能够自己建立简单的网站，制作和维护网页，尤其是制作动态网页，并学会申请空间和上传网页。 本书是中等职业学校的教材，兼顾了目前中等职业教育的几种办学模式（中专、职高、技校）的特点和差异，淡化了各类中等职业学校的界限，可以作为上述几类中等职业学校的教材，也可以作为具有中等文化程度的学生、计算机爱好者和工程技术人员自学的参考教材。 本书还配有电子教学参考资料包（包括电子教案、教学指南及习题答案）。
第1章 网站的建立 1.1 网页与制作工具 1.1.1 网页与网站 1.1.2 HTML 1.1.3 网页制作工具 1.2 使用Dreamweaver建立网站 1.2.1 Dreamweaver概述 1.2.2 建立网站前的准备工作 1.2.3 建立空站点 1.2.4 在网站中添加网页 1.2.5 更改网页文件名 1.3 创建站点地图 1.3.1 制作站点地图 1.3.2 在站点地图中更改网页标题 1.3.3 退出Dreamweaver 习题第2章 网页的布局 2.1 网页布局实例 2.1.1 网站的风格 2.1.2 网页布局实例 2.1.3 网页布局注意事项 2.1.4 画出网页布局草图 2.2 使用表格 2.2.1 在网页中插入表格 2.2.2 制作不规则表格 2.2.3 合并与拆分单元格 2.2.4 表格的嵌套 2.2.5 设置表格框线 2.2.6 使用表格规划网页布局 2.3 在布局模式下绘制布局表格 2.3.1 布局模式 2.3.2 在布局模式下规划网页布局 2.4 使用框架 2.4.1 框架概述 2.4.2 框架的建立与保存 2.4.3 设置框架 2.4.4 使用框架规划网页布局 习题第3章 网页的编辑 3.1 字体与段落的设置 3.1.1 字体与字号 3.1.2 文字的对齐方式 3.1.3 文字的风格与颜色 3.1.4 段首缩进与行间距 3.2 美化网页 3.2.1 插入水平线 3.2.2 插入图片 3.2.3 设置图片 3.2.4 添加网页背景 3.2.5 设置表格背景 习题第4章 超链接的创建与管理 4.1 创建文本超链接 4.1.1 创建网站内文本超链接 4.1.2 创建网站外文本超链接 4.1.3 创建电子邮件超链接 4.1.4 修改超链接 4.1.5 创建重新打开一个窗口的超链接 4.2 创建图片超链接 4.2.1 创建整个图片超链接 4.2.2 创建图片热区超链接 4.3 使用Flash动态文本超链接 4.3.1 使用Flash文本创建超链接 4.3.2 使用Flash按钮创建超链接 4.4 创建网页书签 4.4.1 网页书签 4.4.2 制作网页书签 习题第5章 样式表与行为 5.1 使用样式表 5.1.1 样式表及其分类 5.1.2 使用CSS增大行间距 5.1.3 使用CSS去掉超链接下画线 5.2 行为及其简单应用 5.2.1 行为 5.2.2 使用行为为网页添加背景音乐 5.2.3 使用行为弹出对话框 5.2.4 使用行为弹出网页窗口 习题5第6章 AP元素和时间轴第7章 表单的使用第8章 图像和动画的制作与优化第9章 网页的管理第10章 网页的上传附录A 常用网站地址一览表
WWW浏览之所以如此流行，一个重要的原因是超链接这一概念的存在。超链接允许我们从自己的页面出发直接指向Internet上存在的任何一个其他页面，或者说，在一台计算机上可以打开Internet上成千上万的网页文件。 根据链接的范围，超链接可以分为内部超链接、外部超链接和锚记超链接。内部超链接是指打开的超链接对象在本网站内；外部超链接是指打开的超链接对象在WWW的其他网站中：而锚记超链接可以链接到同一网页中的不同位置，也称为书签。根据建立超链接的不同对象，超链接又可以分为文本超链接和图片超链接。 文本超链接是最基本的一种超链接，在早期的网页制作过程中常常使用文本超链接。其特征是关键词呈蓝色，而且带有下画线。现在，随着宽带技术的普及，特别是网页制作技术的发展，那种蓝色带有下画线的超链接关键词已经少多了。 在浏览网页的时候，特别是使用手机上网，或者浏览网络小说时，常常会看到一些蓝色带下画线的文字，将鼠标移动到这些文字上时，鼠标指针变成手形，单击鼠标会打开另一个网页。这个链接就是一个文本超链接，带下画线的文字称为热区文本。 创建文本超链接的一项重要工作就是选择合适的热区文本。下面讲解如何选择热区文本，并设置超链接。 首先，打开各个网页，输入相关内容并保存。然后在网页“.index.htm”中选中“每周一星”这几个字，将其作为建立超链接的热区文本。
