网页设计与制作案例教程PDF|Epub|txt|kindle电子书版本网盘下载

网页设计与制作案例教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 网页设计与制作综述1

1.1 学习任务：认识网页1

1.1.1　什么是网页1

1.1.2　网页类型2

1.2　学习任务：认识网站3

1.2.1　什么是网站3

1.2.2　网址与域名4

1.2.3 网页的基本构成元素4

1.2.4　网页制作常用软件和技术6

1.3　学习任务：网站建设基本流程8

1.3.1 网站的需求分析8

1.3.2　规划网站结构8

1.3.3　收集素材9

1.3.4　设计与制作网站10

1.3.5 网站的发布11

1.4　学习任务：HTML语言基础知识12

1.4.1　HTML简介13

1.4.2　常用文本标签16

1.4.3　列表标签18

1.4.4　超链接标签20

1.4.5　图像标签21

1.4.6　表格标签22

1.4.7　表单标签23

1.4.8　框架标签27

1.4.9　其他标签29

1.5　实训30

1.5.1　实训一　制作滚动图片链接30

1.5.2　实训二　应用文本标签排版文本32

1.5.3　实训三　列表标签的使用33

1.6　习题34

第2章 网页版式设计与色彩搭配36

2.1 案例分析：不同风格网页作品欣赏与解析36

2.2　学习任务：网页版式设计38

2.2.1　版式设计概述39

2.2.2　网页版式的尺寸和构成要素39

2.2.3　网页版式设计原则40

2.2.4　网页的版式设计风格40

2.3　学习任务：色彩的基本理论及其视觉效果42

2.3.1　色彩的基本理论42

2.3.2　色彩的视觉效果43

2.4　学习任务：网页中的色彩及配色45

2.4.1 网页色彩45

2.4.2　网页配色原理45

2.4.3　网页配色技巧46

2.5　实训——浏览著名网站并归纳版式设计与色彩搭配技巧47

2.6　习题47

第3章 Dreamweaver CS3入门49

3.1　学习任务：全面认识Dreamweaver CS349

3.1.1　Dreamweaver CS3的主要功能49

3.1.2　Dreamweaver CS3的安装需求51

3.2　学习任务：Dreamweaver CS3操作环境介绍51

3.2.1 启动Dreamweaver CS352

3.2.2　Dreamweaver CS3工作界面介绍53

3.3　案例1　创建并保存简单HTML文档56

3.3.1 创建网页文档57

3.3.2　设置页面属性58

3.3.3　保存并浏览网页文档59

3.4　学习任务：本地站点的规划与创建60

3.4.1　站点的概念60

3.4.2　规划站点60

3.4.3　创建本地站点61

3.4.4　管理站点63

3.5　实训65

3.5.1　实训一　熟悉Dreamweaver CS3操作环境65

3.5.2　实训二　创建本地站点及简单个人网页66

3.6　习题66

第4章　网页文本和图像68

4.1　案例1　制作文本网页68

4.1.1　在新建文档中直接输入文本68

4.1.2　复制添加其他文档中的文本69

4.1.3　导入其他文档中的文本70

4.1.4　设置文本属性72

4.2　案例2　修饰文本网页74

4.2.1 打开文档74

4.2.2　设置项目符号或编号75

4.2.3　插入特殊符号、水平线和日期76

4.3　学习任务：文本标签79

4.3.1　文本标签及源代码分析79

4.3.2　在标签选择器中设置文本标签的属性81

4.4　学习任务：网页图像与网页图像处理工具82

4.4.1 网页中常见的图像格式82

4.4.2　常用网页图像处理软件82

4.5　案例3　制作图像网页83

4.5.1　插入图像84

4.5.2　设置图像属性85

4.5.3　编辑图像87

4.5.4　插入图像占位符90

4.5.5　插入鼠标经过图像91

4.6　案例4　制作图文混排网页92

4.7　实训——制作卡片新机介绍网页94

4.8　习题95

第5章　网页超链接97

5.1　案例1　为网页创建超链接97

5.1.1　超链接概述97

5.1.2　创建超链接99

5.2　案例2　创建各类超链接102

5.2.1　创建锚点链接103

5.2.2　创建E-mail链接104

5.2.3　创建空链接104

5.2.4　创建脚本链接105

5.3　案例3　创建图像地图106

5.4　实训108

5.4.1　实训一　制作“黄金十二宫”介绍网页108

5.4.2　实训二　制作母亲节网页109

5.5　习题110

第6章　表格111

6.1　案例1　使用表格制作学生成绩单111

6.1.1　在页面中插入表格111

6.1.2　设置表格属性113

6.1.3　编辑表格114

6.2　学习任务：表格标签116

6.2.1　使用表格标签制作网页表格116

6.2.2　在标签选择器中设置表格的属性118

6.3　案例2　利用表格布局网页119

6.3.1　使用表格进行网页布局119

6.3.2　导入和导出表格数据120

6.3.3　导入和导出表格式数据122

6.3.4　排序表格124

6.4　案例3　利用表格的布局模式实现复杂的页面布局126

6.4.1　在表格布局模式下绘制表格或单元格126

6.4.2　利用布局表格布局网页127

6.5　实训131

6.5.1　实训一　制作健康美食网131

6.5.2　实训二　制作时尚礼品网132

6.6　习题133

第7章　框架135

7.1　案例1　利用框架布局网页135

7.1.1　认识框架与框架集135

7.1.2　创建框架和框架集136

7.1.3　保存框架和框架集137

7.1.4 向框架中添加内容139

7.2　案例2　制作复杂的框架网页140

7.2.1　选择框架141

7.2.2　拆分框架142

7.2.3　设置框架和框架集属性143

7.2.4　链接框架146

7.3　学习任务：框架标签147

7.4　案例3　创建浮动框架网页149

7.5　实训——花园式楼盘网152

7.6　习题154

第8章 使用AP Div布局网页155

8.1　学习任务：AP Div基础知识155

8.1.1　AP Div概述155

8.1.2　创建AP Div元素工具栏156

8.1.3　AP Div元素的“属性”面板156

8.1.4　AP元素面板157

8.2　案例1　创建AP Div元素并在其中添加文字和图像157

8.3　学习任务：AP Div与表格相互转换160

8.3.1　将AP Div元素转换为表格160

8.3.2　将表格转换为AP Div元素161

8.4　案例2　使用Div制作网页下拉菜单162

8.4.1　Div标签163

8.4.2　使用Div制作下拉菜单163

8.5 实训——利用AP Div布局网页166

8.6　习题168

第9章　CSS样式表169

9.1 学习任务：认识CSS样式表169

9.1.1　CSS的基本概念169

9.1.2　CSS基本语法170

9.1.3　CSS样式的引用170

9.1.4　CSS样式面板173

9.2　学习任务：CSS样式的创建与属性设置173

9.2.1　创建CSS样式173

9.2.2　设置CSS属性174

9.2.3　通过CSS样式面板设置CSS属性180

9.3　学习任务：应用CSS样式182

9.3.1　链接和导入外部CSS样式182

9.3.2　编辑和删除CSS样式182

9.3.3　在文档中应用CSS样式183

9.4　案例1　利用CSS样式美化网页184

9.5　实训187

9.5.1　应用CSS样式制作投影文字187

9.5.2　使用CSS样式设计导航菜单188

9.6　习题190

第10章　使用行为制作网页特效191

10.1　学习任务：认识行为191

10.1.1　行为概述191

10.1.2　行为面板191

10.1.3　事件192

10.1.4　Dreamweaver CS3的标准行为194

10.2　案例1　制作网页加载时弹出公告页195

10.3　案例2　利用JavaScript实现关闭网页196

10.3.1　认识JavaScript196

10.3.2　利用JavaScript实现关闭网页198

10.4　案例3　使用行为设置图像特效199

10.4.1 交换图像199

10.4.2　设置导航栏图像200

10.5　案例4　通过行为设置文本203

10.5.1　设置状态栏文本203

10.5.2　设置容器的文本204

10.6　案例5　通过行为设置跳转菜单效果207

10.7　案例6　制作网页拼图游戏209

10.8　实训——使用“效果”行为设置图像增大／收缩特效211

10.9　习题212

第11章　使用表单214

11.1　学习任务：表单和表单对象214

11.1.1　表单214

11.1.2　表单对象216

11.2　案例1　制作留言簿218

11.2.1 留言簿界面设计218

11.2.2　创建文本域219

11.2.3　创建按钮220

11.3　案例2　会员注册221

11.3.1　会员注册界面设计222

11.3.2　创建单选按钮223

11.3.3　创建复选框224

11.3.4　创建列表／菜单225

11.4　案例3　HTML的表单标签227

11.5　案例4　在网页中使用Spry布局对象230

11.5.1　插入Spry菜单栏230

11.5.2　插入Spry选项卡式面板232

11.5.3　插入Spry折叠式控件233

11.5.4　插入Spry可折叠面板控件235

11.6　实训236

11.6.1　实训一　网上报名表单236

11.6.2　实训二　客户调查表单237

11.6.3　实训三　制作QQ聊天室237

11.7　习题238

第12章　制作多媒体网页240

12.1　案例1　创建时间轴动画240

12.1.1　时间轴及“时间轴”面板240

12.1.2　使用时间轴创建动画242

12.2　案例2　创建图像动画244

12.2.1　编辑时间轴245

12.2.2　创建图像动画245

12.3　案例3　在网页中插入Flash对象247

12.3.1　插入Flash动画247

12.3.2　添加Flash按钮249

12.3.3　插入Flash文本250

12.4　案例4　插入音频252

12.4.1　音频文件格式252

12.4.2　在网页中嵌入音频253

12.4.3　为网页添加背景音乐254

12.5　案例5　插入视频255

12.5.1　视频文件格式256

12.5.2　插入视频257

12.6　学习任务：插入其他多媒体对象258

12.6.1　插入Shockwave影片259

12.6.2　插入Applet259

12.6.3　插入ActiveX控件260

12.7　实训261

12.7.1 实训一　为宝贝相册网页添加背景音乐262

12.7.2　实训二　制作网页导航菜单262

12.7.3　实训三　制作美食展示网263

12.8　习题264

第13章　模板和库265

13.1　案例1　创建基于模板的网页265

13.1.1　模板概述266

13.1.2　创建模板267

13.1.3　定义模板的可编辑区域269

13.1.4　创建基于模板的网页271

13.1.5　管理模板272

13.2　案例2　使用库更新网页274

13.2.1　库概述274

13.2.2　创建库项目275

13.2.3　设置库属性276

13.2.4　在网页中应用库项目276

13.2.5　更新库文件277

13.3　实训278

13.3.1 实训一　使用模板制作网页278

13.3.2　实训二　向网页中添加库项目278

13.4　习题279

第14章 Dreamweaver与ASP协同工作281

14.1 学习任务：动态网页及实现技术281

14.1.1　认识动态网页281

14.1.2　常见的动态网页实现技术283

14.2　学习任务：搭建动态网页平台284

14.2.1 安装IIS285

14.2.2　配置IIS285

14.3　学习任务：ASP基础287

14.3.1 ASP文件的组成287

14.3.2　ASP的内置对象288

14.4　案例1　在Dreamweaver中制作简单ASP动态网页289

14.4.1　创建虚拟目录289

14.4.2　创建动态网页文档291

14.4.3　浏览动态网页293

14.5　实训——制作注册确认网页296

14.6　习题298

第15章　测试、发布、管理和维护站点299

15.1　学习任务：测试站点299

15.1.1　测试浏览器的兼容性299

15.1.2　测试链接301

15.1.3　使用报告测试站点302

15.1.4　辅助功能测试302

15.2　学习任务：注册域名、申请空间及发布站点303

15.2.1　注册域名303

15.2.2　申请空间304

15.2.3　发布站点306

15.3　学习任务：网站的宣传307

15.3.1　提交搜索引擎307

15.3.2　友情链接308

15.3.3　网络广告309

15.3.4　邮件广告310

15.3.5　使用留言板、博客310

15.4　实训——注册免费域名空间并提交搜索引擎310

15.5　习题310

第16章　综合应用实例312

16.1 网站建设的前期准备工作312

16.1.1 网站整体需求分析312

16.1.2　确定网站风格312

16.1.3　网站板块划分313

16.1.4　网站素材搜集313

16.2　创建站点313

16.3　网站主页制作315

16.3.1　使用AP Div布局页面315

16.3.2　设置页面属性320

16.3.3　插入图片321

16.3.4　添加导航条322

16.3.5　输入文本323

16.4　子页面的制作326

附录A　index.css参考代码328