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

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

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

第1章 网页设计制作概述1

1.1网页、网站的概念1

1.1.1网页、网站和主页1

1.1.2静态网页和动态网页1

1.2 Web标准2

1.2.1 Web标准的概念2

1.2.2建立Web标准的目的3

1.2.3采用Web标准的优点4

1.3网站的规划与设计4

1.4网站开发工作流程5

1.4.1规划站点5

1.4.2设置开发环境6

1.4.3规划页面设计和布局6

1.4.4创建内容资源7

1.4.5组合、测试和部署7

1.4.6维护和更新站点8

1.4.7案例：规划曙光大学网站8

1.5网站策划书撰写要点9

1.6常用网页制作软件11

1.6.1网页制作工具11

1.6.2网页图形图像处理工具12

1.6.3网页动画制作与特效工具13

1.6.4网页上传工具13

1.6.5网页设计工具的发展动向14

1.7实训：规划爱家美食网站15

1.8习题15

第2章 网页版面设计基础16

2.1网页基础知识16

2.1.1虚拟界面16

2.1.2网页界面的特点16

2.1.3网页的功能18

2.2网页版面设计20

2.2.1版面编排原则20

2.2.2网页排版布局的一般步骤21

2.2.3版面典型风格21

2.2.4网页排版布局的常用技术23

2.2.5色彩搭配23

2.2.6设计规则24

2.2.7设计误区27

2.2.8案例：设计曙光大学网站首页版面28

2.3实训：设计爱家美食网站首页版面30

2.4习题30

第3章 用Dreamweaver CS4创建基本网页32

3.1 Dreamweaver CS4入门32

3.1.1 Dreamweaver CS4工作环境32

3.1.2 Dreamweaver CS4的参数设置37

3.2制作简单网页39

3.2.1创建网站站点39

3.2.2新建与保存网页42

3.2.3页面属性设置45

3.2.4网页的基本排版46

3.2.5插入图像48

3.2.6 案例1：创建曙光大学网站“学校概况”页面50

3.3制作图文并茂网页53

3.3.1图文混排53

3.3.2案例2：设计曙光大学网站“校园风采”页面54

3.4网页结构语言XHTML56

3.4.1 XHTML简介57

3.4.2 XHTML文档的基木结构57

3.4.3使用Drearnweaver CS4的代码视图查看XHTML文档59

3.4.4案例3：了解曙光大学网站“校园风采”网页代码59

3.5实训61

3.5.1实训1：制作爱家美食网站“白云豆烧牛肉”页面61

3.5.2实训2：制作爱家美食网站“美食推荐”页面61

3.6习题64

第4章 超链接65

4.1超链接的基本概念65

4.2创建内部超链接66

4.2.1内部超链接的形式66

4.2.2创建文字超链接66

4.2.3创建图片超链接67

4.2.4案例：制作曙光大学网站“招生信息”栏目68

4.3创建其他类型超链接73

4.3.1外部链接73

4.3.2 E-mail超链接73

4.3.3锚点超链接74

4.3.4下载链接75

4.4实训75

4.4.1实训1：制作爱家美食网站“食尚前沿”系列页面75

4.4.2实训2：制作爱家美食网站“美味靓汤”系列页面79

4.5习题80

第5章 表格81

5.1表格基本操作81

5.1.1创建表格81

5.1.2设置表格属性82

5.1.3表格的基本操作83

5.1.4案例1：制作曙光大学网站“就业信息”网页89

5.2 XHTML表格93

5.2.1简单表格93

5.2.2表格内文字的对齐方式94

5.2.3表格在页面中的对齐方式94

5.2.4表格的色彩和图像背景94

5.2.5案例2：分析曙光大学网站“就业信息”栏目主页代码95

5.3表格布局页面的综合应用97

5.3.1制作网站首页的技术要点97

5.3.2案例3：制作曙光大学网站首页97

5.4实训110

5.4.1实训1：制作爱家美食网站“美食图库”页面110

5.4.2实训2：制作爱家美食网站首页112

5.5习题113

第6章 网页行为语言——JavaScript115

6.1 JavaScript简介115

6.1.1 JavaScript的特点115

6.1.2在网页中插入JavaScript的方法及定义115

6.2行为116

6.2.1行为的基木概念116

6.2.2“行为”面板116

6.3页面对象行为118

6.3.1利用“行为”面板设置弹出窗口页面118

6.3.2利用“行为”面板设置弹出信息框119

6.3.3案例1：制作曙光大学网站首页弹出窗口页面119

6.4基于对象的JavaScript脚本语言121

6.4.1对象及相关概念122

6.4.2 DHTML对象模型简介123

6.5对象事件125

6.5.1对象事件的分类125

6.5.2常用的事件及处理程序126

6.6制作JavaScript特效128

6.6.1案例2：制作曙光大学网站首页滚动的“友情链接”信息128

6.6.2案例3：制作曙光大学网站首页循环滚动图片广告130

6.6.3案例4：制作曙光大学网站首页幻灯切换广告133

6.7实训135

6.7.1实训1：制作爱家美食网站菜谱弹出信息框135

6.7.2实训2：制作爱家美食网站首页幻灯切换广告136

6.8习题140

第7章 网页表现语言——CSS142

7.1 CSS简介142

7.1.1 CSS的特点和用途142

7.1.2 CSS规则143

7.1.3 CSS常用属性143

7.2 “CSS样式”面板149

7.2.1“正在”模式下的“CSS样式”面板149

7.2.2“全部”模式下的“CSS样式”面板149

7.2.3 “CSS样式”面板视图和按钮149

7.3创建并使用内部样式表150

7.3.1创建自定义样式151

7.3.2创建仅应用于一个HTML元素的样式152

7.3.3创建重定义HTML标签样式152

7.3.4创建链接样式153

7.3.5样式的应用153

7.3.6案例1：制作曙光大学网站导航条菜单154

7.4创建并使用外部CSS样式159

7.4.1创建外部样式文件160

7.4.2链接外部样式160

7.4.3案例2：创建曙光大学网站样式162

7.5实训164

7.5.1实训1：制作爱家美食网站“奶茶评测”页面164

7.5.2实训2：创建爱家美食网站样式165

7.6习题166

第8章 框架167

8.1创建框架页167

8.1.1框架类型和“框架”面板167

8.1.2新建框架页168

8.1.3保存框架页171

8.2框架页面链接171

8.2.1设置框架属性171

8.2.2设置框架页面之间的链接173

8.2.3案例：制作曙光大学网站“对外合作”页面174

8.3实训：制作爱家美食网站“菜谱大全”页面179

8.4习题181

第9章 表单183

9.1表单简介183

9.1.1表单的基本概念183

9.1.2表单对象184

9.2常用表单对象设置184

9.2.1表单184

9.2.2文本域185

9.2.3隐藏域186

9.2.4复选框187

9.2.5单选按钮187

9.2.6列表／菜单188

9.2.7跳转菜单189

9.2.8图像域190

9.2.9文件域191

9.2.10按钮191

9.2.11 Spry框架简介193

9.2.12案例1：制作曙光大学网站“用户登录”界面193

9.2.13案例2：制作曙光大学网站“用户注册”页面197

9.3检查表单203

9.3.1使用“检查表单”行为203

9.3.2案例3：检查“用户注册”页面表单数据的合法性204

9.4实训205

9.4.1实训1：制作爱家美食网站“美食搜索”页面205

9.4.2实训2：制作爱家美食网站“用户意见反馈”表单207

9.5习题207

第10章 模板与库209

10.1模板209

10.1.1模板的基本概念209

10.1.2创建模板209

10.2使用模板213

10.2.1新建基于模板的网页213

10.2.2案例1：制作曙光大学网站“教育创新”栏目模板214

10.3库219

10.3.1库的基本概念219

10.3.2新建库项目219

10.3.3编辑库项目220

10.3.4案例2：创建曙光大学网站“版权信息”库项目221

10.4使用库项目222

10.4.1在页面中插入库项目222

10.4.2设置库项目的属性223

10.4.3案例3：将“版权信息”库项目插入到曙光大学网站页面中223

10.5更新模板与库224

10.5.1更新模板224

10.5.2更新库225

10.5.3案例4：更新曙光大学网站“教育创新”栏目模板226

10.5.4案例5：更新曙光大学网站“版权信息”库项目227

10.6实训229

10.6.1实训1：创建爱家美食网站“食出健康”栏目模板229

10.6.2实训2：创建与更新爱家美食网站Logo库项目232

10.7习题232

第11章多媒体对象235

11.1多媒体对象的基本知识235

11.1.1多媒体对象的格式235

11.1.2案例1：为曙光大学网站“校园风采”网页添加背景音乐236

11.1.3使用声音与视频237

11.1.4案例2：制作曙光大学网站“MV音乐欣赏”页面238

11.1.5插入Flash内容242

11.1.6插入FlashPaper电子文档243

11.1.7案例3：制作曙光大学网站“网页制作网上实训”页面245

11.2实训249

11.2.1实训1：制作爱家美食网站“美食在线”页面249

11.2.2实训2：制作爱家美食网站“美食推荐”页面251

11.3习题252

第12章 使用Div布局页面253

12.1 Div布局基础253

12.1.1 Div布局页面的优点253

12.1.2 Div标签253

12.1.3案例：制作曙光大学网站“心理咨询”栏目的“曙光博客”页面255

12.2实训266

12.2.1实训1：制作爱家美食网站“美食美文”页面266

12.2.2实训2：制作爱家美食网站“电影美食”页面268

12.3习题269

第13章 网站的整合与测试发布271

13.1整合网站271

13.2本地站点测试网站271

13.2.1网站测试的参数271

13.2.2案例：测试曙光大学网站272

13.3网站的发布277

13.3.1设置远程站点277

13.3.2连接服务器278

13.3.3文件的上传和下载278

13.4实训279

13.4.1实训1：测试爱家美食网站279

13.4.2实训2：发布爱家美食网站280

13.5习题280