以Dreamweaver CS软件为依托,以建立一个网站为实例过程,系统地介绍网页的设计与制作过程。本教材对文字、图像、超链接、样式、行为、AP元素和表单等网页元素的含义及应用进行了详细的讲解,并且加入Dreamweaver与Fireworks、Flash的整合应用,最后介绍网站的管理方法和上传步骤。
《网页制作基础教程(Dreamweaver CS3版)》从基础知识和基本操作入手,循序渐进,直观明了地阐述了各知识点,并配有大量的图片和实例,使读者在《网页制作基础教程(Dreamweaver CS3版)》的指导下能够自己建立简单的网站,制作和维护网页,尤其是制作动态网页,并学会申请空间和上传网页。
《网页制作基础教程(Dreamweaver CS3版)》是中等职业学校的教材,兼顾了目前中等职业教育的几种办学模式(中专、职高、技校)的特点和差异,淡化了各类中等职业学校的界限,可以作为上述几类中等职业学校的教材,也可以作为具有中等文化程度的学生、计算机爱好者和工程技术人员自学的参考教材。
《网页制作基础教程(Dreamweaver CS3版)》还配有电子教学参考资料包(包括电子教案、教学指南及习题答案)。
本教材适应中等职业教育课程改革的需要,特别是面向学分制的模块式课程和综合化课程的需要,并增强了课程的灵活性、适用性和实践性。本教材的体系采用模块化结构、单元组合、任务驱动的模式,在每个单元学完后能掌握部分基本知识,学会一些操作技能,最后完成一个具体任务;通过将几个单元形成一个模块,将几个小任务组合成一个大任务,并以完成任务为手段,实现教学目标。
本教材既兼顾目前中等职业教育的几种办学模式(中专、职高、技校)的特点和差异,又淡化了各类中等职业学校的界限。将培养目标统一定位在“具有综合职业能力,在生产、服务、技术和管理第一线工作的高素质劳动者及初、中级专门人才”上,淡化“技术员”和“操作工人”的界限。
本教材的知识和技能体系按照由浅入深、先易后难的原则,采用双重模块结构,增强了课程的灵活性和适用性。教材设计为5个模块,分别是网页制作前的准备、网页布局与规划、网页的编辑、服务器的配置,以及网页的管理与上传。其中前4个模块为基础模块,要求开设该课程的学校必须完成这些模块的教学;网页的管理与上传为选修模块,可以根据地区和学校的实际情况酌情选用。
本课程的参考教学时数为72学时。全书共分10章。第1章,网站的建立;第2章,网页的布局;第3章,网页的编辑;第4章,超链接的创建与管理;第5章,样式表与行为;第6章,AP元素和时间轴;第7章,表单的使用;第8章,图像和动画的制作与优化;第9章,网页的管理;第10章,网页的上传。其中,第1~4、9、10章为本书的重点。
本教材由黄洪杰、王军担任主编,田敏老师任副主编,青岛科技大学的周新老师和青岛外事学校的王钰等老师参加了本书的编写工作。史建军老师审阅了全书。
编者意在奉献给读者一本实用并具有特色的教材,但由于水平有限,难免有不妥之处,敬请广大师生和读者批评指正。
为了方便教师教学,本书还配有教学指南、电子教案及习题答案(电子版)。请有此需要的教师登录华信教育资源网免费注册后再进行下载,有问题时请在网站留言板留言或与电子工业出版社联系。
收起全部↑
第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元素和时间轴
6.1 使用AP元素
6.1.1 AP元素的作用
6.1.2 使用AP元素规划布局实现图文混排
6.2 AP元素与时间轴配合使用的动态效果
6.2.1 时间轴
6.2.2 实现文字跑马灯效果
6.2.3 实现幻灯片效果
6.2.4 创建页面浮动广告
习题6
第7章 表单的使用
7.1 创建表单网页
7.1.1 表单域
7.1.2 单行文本框
7.1.3 滚动文本框
7.1.4 单选按钮
7.1.5 复选框
7.1.6 列表/菜单
7.1.7 按钮
7.2 设置Web服务器
7.2.1 Web服务器概述
7.2.2 安装与设置IIS
7.3 创建留言簿
7.3.1 更改站点设置
7.3.2 完善留言簿表单栏目
7.3.3 提交表单信息
7.4 验证表单内容
习题7
第8章 图像和动画的制作与优化
8.1 图像的制作与优化
8.1.1 Fireworks简介
8.1.2 Fireworks中图片的制作
8.1.3 Fireworks中图片的优化
8.1.4 Fireworks与Dreamweaver整合应用
8.2 动画的制作与优化
8.2.1 Flash简介
8.2.2 使用Flash制作补间动画
8.2.3 使用Flash制作逐帧动画
8.2.4 Flash与Dreamweaver整合应用
习题8
第9章 网页的管理
9.1 网站中文件的管理
9.1.1 网站中文件的整理
9.1.2 网页文件的管理
9.2 网站域名和空间的管理
9.2.1 注册域名
9.2.2 选择存放网站的服务商
9.2.3 申请网页空间
习题9
第10章 网页的上传
10.1 在Dreamweaver中上传网页
10.1.1 配置服务器信息
10.1.2 上传网页
10.1.3 浏览上传的网页
10.1.4 更新网站中的文件
10.2 使用FTP软件上传网页
10.2.1 配置站点信息
10.2.2 上传网页
10.2.3 使用FTP软件续传网页
习题10
附录A 常用网站地址一览表
A.1 搜索引擎
A.2 中文热门网点
A.3 网上博物馆
A.4 网上教育
A.5 网上图书馆
A.6 网上报刊
A.7 影视网址
A.8 网上旅游
A.9 网上体育
A.10 中国高校网址
WWW浏览之所以如此流行,一个重要的原因是超链接这一概念的存在。超链接允许我们从自己的页面出发直接指向Internet上存在的任何一个其他页面,或者说,在一台计算机上可以打开Internet上成千上万的网页文件。
根据链接的范围,超链接可以分为内部超链接、外部超链接和锚记超链接。内部超链接是指打开的超链接对象在本网站内;外部超链接是指打开的超链接对象在WWW的其他网站中:而锚记超链接可以链接到同一网页中的不同位置,也称为书签。根据建立超链接的不同对象,超链接又可以分为文本超链接和图片超链接。
文本超链接是最基本的一种超链接,在早期的网页制作过程中常常使用文本超链接。其特征是关键词呈蓝色,而且带有下画线。现在,随着宽带技术的普及,特别是网页制作技术的发展,那种蓝色带有下画线的超链接关键词已经少多了。
在浏览网页的时候,特别是使用手机上网,或者浏览网络小说时,常常会看到一些蓝色带下画线的文字,将鼠标移动到这些文字上时,鼠标指针变成手形,单击鼠标会打开另一个网页。这个链接就是一个文本超链接,带下画线的文字称为热区文本。
创建文本超链接的一项重要工作就是选择合适的热区文本。下面讲解如何选择热区文本,并设置超链接。
首先,打开各个网页,输入相关内容并保存。然后在网页“.index.htm”中选中“每周一星”这几个字,将其作为建立超链接的热区文本。