网页设计与开发实战教程PDF电子书下载

第1章 网站策划与创建 1

1.1互联网与网站剖析 1

1.1.1网站基础知识 2

1.1.2任务：网站剖析 4

1.1.3任务实现 5

1.2网站策划设计 7

1.2.1任务：策划一个自己待建主题网站 7

1.2.2任务实现 8

1.2.3知识补充：网站策划与页面设计 8

1.3使用Dreamweaver创建网站站点 14

1.3.1任务：创建与维护待建网站站点 14

1.3.2任务实现 17

1.3.3知识补充：Web网站与维护 22

实训项目一 23

第2章 HTML5网页设计 25

2.1制作基本网页 25

2.1.1任务：一个“云南怒江游记”的文字页面 25

2.1.2任务实现 26

2.1.3知识补充：定义Dreamweaver的首选参数和HTML5简介 33

2.2制作图文网页 38

2.2.1任务：带有文字和图片混排的“云南怒江游记”页面 38

2.2.2任务实现 39

2.2.3任务拓展：为文字配多张图片 42

2.2.4知识补充：图像使用和Dreamweaver的组件功能 43

2.3制作多媒体网页 45

2.3.1任务：一个带有文字、图片和视频的页面 45

2.3.2任务实现 46

2.3.3任务拓展：带有歌曲链接和Flash动画等效果的页面 49

2.3.4知识补充：常用多媒体对象 53

实训项目二 56

第3章 网站首页设计 58

3.1利用表格布局设计首页 58

3.1.1任务：设计一个网站首页页面 59

3.1.2任务实现 60

3.1.3知识补充：网页布局设计 63

3.2设计网站Logo 65

3.2.1任务：设计深房小区网站Logo 66

3.2.2任务实现 66

3.2.3任务拓展：设计另一个深房小区网站Logo 68

3.2.4知识补充 70

3.3设计Gif动画 71

3.3.1任务：设计一个横幅的Gif动画广告 72

3.3.2任务实现 73

3.3.3任务拓展：设计一个图形围绕中心顺时针不停旋转Gif动画 75

3.3.4知识补充：动画设计 78

3.4设计网站导航条 79

3.4.1任务：设计一组导航条 79

3.4.2任务实现 80

3.4.3任务拓展：利用系统按钮设计导航条 82

3.4.4知识补充：导航条设计 83

3.5导航下拉单 84

3.5.1任务：设计一带有下拉菜单的导航条 85

3.5.2任务实现 86

3.5.3知识补充：再谈设计下拉菜单 89

3.6用Flash设计文字变化动画 90

3.6.1任务：设计一个横幅文字变化广告 91

3.6.2任务实现 92

3.6.3知识补充：Flash动画设计 98

3.7用Flash设计带有图文变化动画 101

3.7.1任务：设计一个带有图文变化广告条 101

3.7.2任务实现 103

3.7.3知识补充：Flash设计规范 110

3.8用Flash设计复杂变化效果 111

3.8.1任务：设计一个复杂变化效果广告 111

3.8.2任务实现 113

3.8.3知识补充：Flash动画场景应用 120

3.8.4任务小结 120

3.9在主页中检查插件和跳出公告窗口 122

3.9.1任务：网站首页检查插件并弹出一个公告 122

3.9.2任务实现 125

3.9.3知识补充：行为面板及其功能 127

实训项目三 131

第4章 超链接 132

4.1创建文字图片内外部链接和电子邮件链接 132

4.1.1任务：设计页面各种超链接 133

4.1.2任务实现 134

4.2创建锚点链接以及图像热点 136

4.2.1任务：为页面信息设置锚点链接 137

4.2.2任务实现 138

4.2.3任务拓展：在页面地图上设置热点链接 139

4.2.4知识补充：网页文档的设计备注 140

实训项目四 142

第5章 网页配色与CSS定义布局设计 144

5.1玻璃质感导航按钮与主页配色设计 144

5.1.1任务：设计一组玻璃质感按钮 145

5.1.2任务实现 145

5.1.3知识补充：颜色搭配设计 147

5.2页眉图片和Logo视觉修饰设计 148

5.2.1任务：设计一幅页眉图片 148

5.2.2任务实现 149

5.2.3知识补充：网站整体风格设计 152

5.3用CSS与Div设计网页 154

5.3.1任务：一个网页的布局设计 154

5.3.2任务实现 156

5.3.3任务拓展：CSS及其规则 168

5.3.4知识补充：Dreamweaver中创建CSS 170

实训项目五 172

第6章 Spry构件应用 174

6.1 Spry菜单栏构件 174

6.1.1任务：用Spry菜单栏构件设计网站导航条 175

6.1.2任务实现 176

6.1.3知识补充：Spry Widget的进一步说明 181

6.2 Spry折叠构件 182

6.2.1任务：用Spry折叠构件设计网站左侧内容导航 182

6.2.2任务实现 183

6.3 Spry选项卡式与可折叠式等构件 188

6.3.1任务：用Spry选项卡式面板等设计正文内容显示效果 188

6.3.2任务实现 190

6.3.3任务小结 194

实训项目六 195

第7章 网页模板设计与表单 197

7.1使用模板制作页面 197

7.1.1任务：定义与利用模板设计“时尚直击”子栏目页面 198

7.1.2任务实现 199

7.1.3知识补充：Dreamweaver创建模板的首选参数 203

7.2表单 204

7.2.1任务：创建交互式表单 204

7.2.2任务实现 205

实训项目七（a） 209

实训项目七（b） 210

第8章 JavaScript交互效果设计 212

8.1日期时间对象Date（） 212

8.1.1任务：在页面内显示日期时间并倒记时天数 213

8.1.2任务实现 214

8.1.3任务拓展：在页面上显示时间和中文日期 221

8.2树型目录设计 224

8.2.1任务：树型目录导航设计 224

8.2.2任务实现 225

8.2.3任务拓展：单纯利用表格设计树型目录 231

8.3隐藏的浮动导航面板 234

8.3.1任务：设计可以隐藏于浏览器侧面的导航面板 234

8.3.2任务实现 235

8.4鼠标控制文字运动效果 241

8.4.1任务：跟随鼠标运动的蛇形文字 242

8.4.2任务实现 243

实训项目八 245

第9章 jQuery应用设计 246

9.1 jQury选择器使用 246

9.1.1任务：利用jQuery改变页面显示效果 247

9.1.2任务实现 248

9.1.3任务小结 251

9.1.4任务拓展：使用几个常用方法设计页面效果 251

9.1.5知识补充：jQuery选择器与方法 257

9.2图片切换效果设计 259

9.2.1任务：在页面显示图片切换广告 259

9.2.2任务实现 260

9.2.3任务小结：jQuery选择器 262

9.2.4任务拓展：页面带有缩图的图片切换效果 263

9.2.5任务拓展：在页面显示图片切换广告 265

9.2.6任务拓展：又一种图片切换广告效果 268

9.3导航条与下拉菜单设计 272

9.3.1任务：设计水平二级菜单效果 272

9.3.2任务实现 273

9.3.3任务小结 276

9.3.4任务拓展：带有滤镜切换效果的导航条设计 276

9.4 jQuery Ajax技术 281

9.4.1任务：利用jQuery Load（）方法加载数据 281

9.4.2任务实现 282

9.4.3任务拓展：jQuery常用客户端与服务器端数据加载方法设计 285

9.4.4知识补充：GET和POST方法差异和jQuery Ajax操作函数 288

实训项目九 289

第10章 网站测试与发布 291

10.1部署发布以及更新网站 292

10.1.1任务：网站测试与发布 292

10.1.2任务实现 293

10.1.3知识补充：定义IIS站点服务器 300

实训项目十 301

第11章 网站项目开发综合训练方案 302

11.1项目立项与规划 302

11.2项目建设方案 303

11.3网站设计与实现 305

11.3.1网站页面设计 305

11.3.2网站设计特别注意问题 314

11.3.3一位早期Microsoft公司网站设计者的经验 316

11.3.4测试 318

11.3.5推广站点 318

11.4网站开发规范 319

11.4.1确定网站目录结构 319

11.4.2确定网站的链接结构 319

11.4.3命名规范 320

11.4.4搜索框设计规范 324

11.4.5页码设计规范 326

11.4.6文字编排与设计 327

11.4.7文字超链接 332

11.4.8局部效果设计 333

11.4.9页面各个模块修饰设计 335

11.4.10广告设计规范 335

11.4.11页脚信息 335

11.4.12图片修饰设计 336

参考文献 339