静态网页设计与制作

   出版说明

前言

模块一认识DreamweaverCS31

1.1任务一创建“我的个页面”2

1.1.1DreamweaverCS3的工作界面5

1.1.2设计LOGO8

1.2任务二创建与管理站点9

1.2.1创建本地站点9

1.2.2管理站点13

1.2.3管理站点文件和文件夹14

1.3拓展训练创建“我的班级”站点17

模块二创建基本网页19

2.1任务一文本的输入——创建“养生保健”页面20

2.1.1文本的输入与编辑22

2.1.2项目列表和编号列表23

2.1.3水平线和日期的插入23

2.2任务二图像的添加——创建“ASA餐厅”页面24

2.2.1表格的有序存储26

2.2.2图像的插入28

2.2.3图像属性的设置29

2.2.4图像与文本混合编排30

2.2.5鼠标经过图像的制作33

2.3拓展训练创建“我的个人网站”的首页34

模块三创建多媒体网页35

3.1任务一Flash元素的添加——创建“江河双水湾”页面36

3.1.1Flash的文件类型40

3.1.2Flash动画的插入和属性的设置41

3.1.3Flash按钮的插入和属性的设置43

3.1.4Flash文本的插入和属性的设置44

3.1.5FlashPaper的插入45

3.2任务二音乐和视频的添加——创建“音乐中心”页面49

3.2.1音乐文件的添加53

3.2.2视频文件的添加55

3.2.3扩展程序的使用58

3.3拓展训练创建“我的个人活动展示”页面和“个人相册”页面59

模块四实现网页间互动61

4.1任务一创建“绿之韵”页面间链接62

4.1.1创建文字链接66

4.1.2创建图片链接68

4.1.3创建下载链接70

4.1.4添加邮件链接71

4.2任务二导航栏的制作——创建“绿之韵”页面导航栏72

4.2.1图像热点链接73

4.2.2锚记链接74

4.2.3创建空链接77

4.2.4创建跳转菜单77

4.2.5设置超级链接目标窗口77

4.2.6导航栏的制作77

4.3拓展训练创建“瑶瑶之旅”的导航栏与网页间链接80

模块五布局美化页面81

5.1任务一使用层布局网页——创建“拼图游戏”页面82

5.1.1描绘层和插入层、选择层和激活层83

5.1.2设置层属性、调整层的大小和位置85

5.1.3在层中输入文本和插入图像86

5.1.4嵌套层的创建86

5.1.5层与表格之间的相互转换87

5.1.6使用层布局网页案例88

5.2任务二使用框架布局网页——创建“我的音乐小站”页面95

5.2.1在网页中创建框架96

5.2.2为框架命名并导入框架源文件96

5.2.3保存框架集文件和各个框架操作文件96

5.2.4设置框架集属性和框架属性97

5.2.5编辑框架内容97

5.2.6设置超级链接97

5.2.7使用框架布局网页案例97

5.3任务三CSS的应用——重新布局“在线求诊”页面101

5.3.1标签样式与类样式的定义102

5.3.2实现图文混排效果样式的定义104

5.3.3实现特殊表格边框效果样式的定义105

5.3.4高级样式的定义105

5.3.5应用CSS滤镜制作文字特效106

5.3.6样式的编辑106

5.3.7使用CSS样式表美化页面案例106

5.4拓展训练创建“雷锋精神宣传”网页109

模块六创建表单页面111

6.1任务一制作搜索和用户登录表单——创建“探索旅行网”首页112

6.1.1旅游网站首页规划115

6.1.2首页页面设计116

6.1.3会员登录表单和搜索表单制作119

6.1.4常用信息板块121

6.1.5景点介绍板块123

6.2任务二创建列表/菜单表单——创建“机票查询”页面124

6.2.1将已有网页生成模板126

6.2.2利用列表/菜单表单制作“机票查询”页面127

6.3任务三使用单选按钮和复选框——创建“网站活动”页面131

6.3.1使用单选按钮和复选框制作“服务调查”板块132

6.3.2利用CSS样式美化页面134

6.4任务四校验表单内容——创建“驴友留言”页面138

6.4.1制作“驴友留言”板块140

6.4.2利用表单制作“我的分享”板块142

6.5拓展训练为“我的个人网站”增加会员登录、会员注册和会员留言页面145

模块七设计完整网站147

7.1任务一网站的配色方案与版式设计——创建“羽翱科技”页面148

7.1.1网站风格的确定152

7.1.2网站版式设计152

7.1.3页面的立体感及细节处理153

7.1.4Flash动画及图片的运用154

7.2任务二使用模板和库——创建“羽翱科技”页面的模板155

7.2.1将已有网页生成模板157

7.2.2将模板生成新网页和编辑模板158

7.2.3用库项目制作网页161

7.3任务三使用网页特效——为“羽翱科技”各网页增加特效162

7.3.1利用CSS制作特效165

7.3.2使用行为制作特效167

7.3.3使用时间轴制作特效170

7.4拓展训练为“我的个人网站”各网页增加特效并进行整体风格调整171