网页设计与制作教程PDF电子书下载

第1章 网页制作基础 1

1.1网站与网页的概念 1

1.1.1 Internet与WWW 1

1.1.2网页与网站 3

1.2网站的规划 4

1.3网站的设计 5

1.3.1网站的结构设计 5

1.3.2网站的目录结构设计 6

1.3.3网站的形象设计 7

1.3.4网站主页的设计 8

1.3.5其他页面的设计 8

1.3.6企业网站的设计 9

1.3.7为网站设计目标对象 9

1.4网页版面布局设计 9

1.4.1版面布局的原则 10

1.4.2版面布局的类型 10

1.5常用网页制作工具简介 13

1.5.1 HTML语言 13

1.5.2网页制作“三剑客” 13

1.5.3图形图像处理工具Photoshop 14

1.6习题 15

第2章 网页素材的搜集与制作 16

2.1搜集网页素材 16

2.1.1广泛搜集网页素材 16

2.1.2紧扣网站主题，搜集并制作素材 16

2.1.3整理素材 17

2.1.4明确素材命名规范 17

2.2工具软件简介 17

2.2.1平面制作软件Photoshop CS4 17

2.2.2 网页效果图设计软件Fireworks CS4 19

2.2.3动画制作软件Flash CS4 21

2.2.4在Internet上查找所需信息 22

2.2.5屏幕捕获工具SnagIt 7和中华神捕2.62 22

2.3制作背景与按钮 24

2.3.1制作金灰色渐变背景 24

2.3.2制作素材色渐变背景 25

2.3.3制作冰雪花边背景 26

2.3.4制作首页按钮 26

2.3.5制作主页背景图像 27

2.4制作网站标志 28

2.4.1新建图像文件 28

2.4.2处理道路素材 28

2.4.3处理汽车素材 29

2.4.4导入素材图像 31

2.4.5变换道路图像 31

2.4.6填充渐变背景 32

2.4.7调整汽车图像 33

2.4.8添加文字 34

2.4.9保存文件、输出图像 35

2.5制作系列图片和动画素材 35

2.5.1创建模板 35

2.5.2使用模板制作各汽车品牌标志 37

2.5.3主页头部动画素材 37

2.5.4养车用车头部动画素材 38

2.5.5车型图库头部动画素材 38

2.5.6最新车型头部动画素材 39

2.6制作“手指动作”动画 41

2.6.1创建动画文档 42

2.6.2添加文本 42

2.6.3制作文本阴影 43

2.6.4添加特殊符号 43

2.6.5制作“遮罩”图形元件 43

2.6.6制作“左视眼”图形元件 43

2.6.7制作“眼睛”影片剪辑元件 44

2.6.8引用元件实例 45

2.6.9制作各类动画 45

2.7制作首页动画 46

2.7.1导入背景图像 46

2.7.2绘制路径 47

2.7.3制作“汽车”元件 47

2.7.4制作“车1”补间动画 47

2.7.5制作“车2”补间动画 48

2.7.6制作“车1”和“车2”的轨道动画 48

2.7.7制作“车3”和“车4”的轨道动画 48

2.8制作页面动态广告 49

2.8.1主页头部广告动画 49

2.8.2车型图库头部广告动画 50

2.8.3养车用车头部广告动画 51

2.8.4最新车讯头部广告动画 52

2.9习题 55

第3章Dreamweaver CS4编辑XHTML语言 57

3.1 Dreamweaver CS4简介 57

3.2 Dreamweaver CS4编写网页脚本的方式 58

3.2.1 Dreamweaver中的源代码编辑器 58

3.2.2 Dreamweaver CS4的代码视图 58

3.2.3 Dreamweaver CS4的设计视图 58

3.3代码视图 60

3.3.1 Roundtrip HTML的特点 60

3.3.2使用代码视图 61

3.4使用快速标签编辑器 62

3.5 XHTML语言基础 63

3.5.1 XHTML语言的语法规则 63

3.5.2 XHTML文档的结构 65

3.6 XHTML语言的重要标签和属性 67

3.6.1头部标签 67

3.6.2主体标签 67

3.6.3文字的修饰标签 69

3.6.4字体标签 70

3.6.5列表标签 72

3.6.6链接标签 73

3.6.7图片标签 74

3.6.8表格标签 76

3.6.9表单标签 77

3.7习题 78

第4章 网页文本编辑与排版 80

4.1插入文本 80

4.1.1插入普通文本 80

4.1.2插入特殊字符 81

4.1.3插入日期 81

4.2设置文本属性 82

4.2.1设置标题和段落格式 82

4.2.2设置文本字体和字号 83

4.2.3添加新字体 84

4.2.4设置文本颜色 85

4.2.5设置文本样式 86

4.2.6设置文本对齐方式 88

4.2.7设置文本缩进和凸出 89

4.3创建列表 90

4.3.1创建项目列表 90

4.3.2创建嵌套列表 91

4.4插入网页头部内容 91

4.4.1插入meta 91

4.4.2插入关键字 92

4.4.3插入说明 93

4.4.4刷新 93

4.4.5设置基础 94

4.4.6设置链接 94

4.5在网页中插入其他元素 95

4.5.1插入水平线 95

4.5.2插入注释 96

4.6检查拼写与查找替换 97

4.6.1检查拼写 97

4.6.2查找和替换 98

4.7习题 100

第5章 图像和多媒体 101

5.1网页中常用的图像格式 101

5.1.1 GIF格式 101

5.1.2 JPEG格式 102

5.1.3 PNG格式 103

5.2在网页中插入图像 103

5.2.1插入图像 103

5.2.2插入图像占位符 104

5.2.3 插入鼠标经过图像 104

5.3设置图像属性 105

5.3.1调整图像大小 107

5.3.2设置图像对齐方式 107

5.4在网页中编辑图像 108

5.4.1使用外部图像软件优化图像 109

5.4.2裁剪图像 110

5.4.3对图像重新取样 111

5.4.4调整图像亮度和对比度 111

5.4.5锐化图像 112

5.5在网页中插入Flash 113

5.5.1插入Flash动画 114

5.5.2插入FlashPaper 115

5.5.3插入Flash视频 116

5.6插入Shockwave电影 118

5.7添加声音 120

5.7.1链接到音频文件 121

5.7.2嵌入音频文件 121

5.7.3供下载的歌曲列表 121

5.8插入Java Applet 122

5.9插入ActiveX控件 123

5.10插入插件 125

5.11习题 126

第6章 使用CSS布局网页 127

6.1样式表概述 127

6.1.1样式表的基本语法规则 127

6.1.2样式表的类型 128

6.1.3选择器的选择 130

6.1.4群选择器和派生选择器 132

6.2在网页中添加样式表的方法 133

6.2.1在head内实现 133

6.2.2在body内实现 133

6.2.3在文件外调用 133

6.2.4导入和组合样式 134

6.3样式表的优先级别 134

6.3.1 3种添加方法的优先级别 134

6.3.2多个外联样式最后最优先原则 135

6.3.3类样式优先于重订标签样式 135

6.3.4 ID样式优先于类样式 136

6.3.5最近最优先原则 137

6.3.6同一个属性多个值最后最优先原则 139

6.4在Dreamweaver CS4中可视化地添加样式表到网页 140

6.4.1创建重订标签样式 143

6.4.2自定义样式 145

6.4.3添加伪类 147

6.5 Dreamweaver CS4中的样式定义面板 148

6.5.1设置文本样式 149

6.5.2设置背景样式 152

6.5.3设置区块样式 153

6.5.4设置方框样式 155

6.5.5设置边框样式 157

6.5.6设置列表样式 158

6.5.7设置定位样式 159

6.5.8设置扩展样式 161

6.6 Dreamweaver CS4中的其他样式表工具 165

6.6.1使用样式表布局模板 165

6.6.2把内联样式转换为外联样式 166

6.7习题 167

第7章 使用行为创建动态效果 169

7.1关于行为 170

7.1.1事件 170

7.1.2动作 172

7.1.3行为 173

7.2交换图像和恢复交换图像 174

7.3弹出信息 175

7.4打开浏览器窗口 176

7.5控制Shockwave或Flash 177

7.6播放声音 178

7.7改变属性 179

7.8检查插件 180

7.9检查浏览器 181

7.10检查表单 182

7.11设置导航栏图像 184

7.12调用JavaScript 186

7.13跳转菜单 186

7.14跳转菜单开始 187

7.15 转到URL 187

7.16预先载入图像 188

7.17设置层文本 188

7.18设置状态栏文本 190

7.19设置文本域文字 190

7.20设置框架文本 191

7.21显示弹出式菜单 192

7.22显示-隐藏元素 195

7.23拖动AP元素 196

7.24习题 199

第8章 构建动态网站和发布网站 201

8.1 Web应用程序概述 201

8.1.1动态网页概述 202

8.1.2常用的动态网页技术 202

8.2使用ASP进行Web应用程序开发的流程 205

8.3定义ASP网站 206

8.3.1创建Web应用程序的开发环境 206

8.3.2安装IIS 207

8.3.3 IIS的设置 208

8.4在Dreamweaver CS4中定义站点 210

8.5创建数据库 213

8.5.1 Access数据库原理 214

8.5.2创建Access数据库 214

8.5.3在Access数据库中输入数据 217

8.5.4在网页中连接数据库 218

8.5.5绑定记录集 219

8.6站点的上传与维护 224

8.6.1定义站点远程信息 224

8.6.2上传文件 225

8.6.3下载文件 226

8.6.4同步文件 226

8.7测试网站 227

8.7.1浏览器兼容性检查 227

8.7.2检查链接 228

8.7.3创建站点报告 228

8.8其他的站点管理功能 229

8.8.1设计备注 229

8.8.2使用遮盖 230

8.8.3取出和存回 231

8.9习题 233

第9章 网站开发实战——千轩动力培训机构网站建设 234

9.1案例分析 235

9.1.1页面布局形式 235

9.1.2页眉的设计 237

9.1.3内容区域的设计 239

9.1.4页脚的设计 240

9.1.5字体的选择 241

9.2案例实现 241

9.2.1制作结构底图 242

9.2.2页眉的设计 245

9.2.3通栏的设计 246

9.2.4制作内容区域 248

9.2.5制作页脚 249

9.2.6切片、优化和导出 251

9.2.7布局页面 253

9.3习题 267

第10章 站点的发布及更新维护 268

10.1网页及网站的测试 268

10.1.1下载时间测试 268

10.1.2网页、站点的链接测试 269

10.1.3拼写检查 270

10.1.4使用个人服务器测试本地站点 271

10.2站点的管理 271

10.2.1申请远程站点空间及域名 271

10.2.2建立远程站点 272

10.2.3设置站点参数 274

10.2.4确定远程站点主机目录 274

10.2.5使用站点窗口 275

10.3站点的发布 276

10.3.1上传文件 276

10.3.2下载文件 278

10.4站点的宣传 278

10.4.1加入搜索引擎 278

10.4.2交换友情链接 278

10.4.3购买广告位置 279

10.4.4利用网络媒体发布信息 279

10.4.5利用传统媒体发布信息 279

10.5站点的维护与更新 279

10.5.1同步化远程站点和本地站点上的文件 279

10.5.2使用“存回”和“取出”功能 280

10.5.3站点的更新 281

10.5.4站点的备份 281

10.5.5站点的恢复 281

10.6习题 282