网页制作案例教程

第1章HTML基础1

1.1HTML简介1

1.1.1HTML发展史1

1.1.2W3C组织3

1.1.3W3C发布的标准3

1.1.4W3C提倡的Web结构4

1.1.5采用Web标准的优缺点5

1.2HTML文件的结构5

1.2.1基本结构5

1.2.2规范结构7

1.3网页制作工具10

1.3.1代码编辑工具10

1.3.2网页编辑器11

1.4HTML常用标签11

本章总结13

上机练习14

第2章文本与图像15

2.1文本标签15

2.1.1标题标签15

2.1.2段落标签

16

2.1.3换行标签

17

2.1.4水平线标签

17

2.1.5文本修饰标签18

2.1.6特殊字符19

2.1.7注释20

2.2图像标签20

2.2.1常见的图像格式20

2.2.2图像标签21

本章总结22

上机练习23

第3章超链接24

3.1超链接基本语法24

3.2超链接路径设置25

3.3超链接应用场合25

3.3.1页面间链接25

3.3.2锚点链接26

3.3.3Email链接26

本章总结27

上机练习27

第4章网页布局29

4.1列表标签29

4.2

标签32

4.3标签32

4.4表格33

4.4.1表格的基本标签34

4.4.2标签属性34

4.4.3标签属性37

4.4.4标签属性37

4.4.5表格的应用40

4.5框架42

4.5.1框架集和框架42

4.5.2水平分割窗口43

4.5.3垂直分割窗口44

4.5.4嵌套分割窗口44

4.5.5创建框架之间的链接45

4.5.6内嵌框架

4.5.7使用内嵌框架技术实现页面重用47

本章总结49

上机练习50

第5章表单52

5.1表单的基本语法52

5.1.1为什么需要表单52

5.1.2

标签定义和用法52

5.2表单控件53

5.2.1文本框54

5.2.2按钮56

5.2.3单选按钮57

5.2.4复选框58

5.2.5下拉列表框59

5.2.6文件域59

5.2.7隐藏域60

5.3表单控件的标注61

5.4表单应用62

5.4.1注册页面62

5.4.2登录页面63

5.4.3搜索页面64

本章总结65

上机练习66

第6章CSS样式表67

6.1什么是CSS67

6.2CSS基本语法69

6.2.1基本结构69

6.2.2CSS选择器70

6.3CSS应用方式77

6.3.1行内样式表78

6.3.2内部样式表78

6.3.3外部样式表78

6.3.4应用样式的优先级80

6.4常用的样式修饰83

6.4.1字体与文本属性83

6.4.2背景属性84

6.4.3列表属性89

6.4.4布局属性90

6.4.5浮动属性100

6.4.6清除属性103

6.4.7溢出处理104

6.4.8position属性104

6.4.9zindex属性107

6.4.10CSS 3新属性107

6.5电商网站局部布局110

6.5.1大图的应用110

6.5.2列表布局112

6.6浏览器调试114

本章总结115

上机练习116

第7章网页配色119

7.1色彩基础119

7.1.1光与色119

7.1.2色的混合119

7.1.3色彩三属性120

7.1.4色相对比类型122

7.2网页配色123

7.2.1网页配色要点123

7.2.2网页配色入门技巧123

本章总结127

上机练习128

第8章用Dreamweaver制作网页129

8.1网站建设流程129

8.2网页制作流程131

8.3常见页面布局技术132

8.4Dreamweaver工作环境132

8.4.1工作界面133

8.4.2创建站点135

8.4.3管理站点137

8.5引导页制作138

8.5.1分析页面效果图138

8.5.2模块命名规范139

8.5.3页面布局139

8.5.4内容填充152

8.5.5超链接样式设置153

8.6制作主页158

8.6.1分析页面效果图158

8.6.2页面布局158

8.7制作详细页177

8.7.1主页顶部和底部复用178

8.7.2主体局部的制作181

8.8网站测试186

8.8.1检查浏览器兼容性186

8.8.2检查链接187

8.8.3创建站点报告188

本章总结189

上机练习189

第9章JavaScript页面特效191

9.1JavaScript基础191

9.1.1JavaScript的组成191

9.1.2JavaScript基本结构192

9.1.3JavaScript执行原理194

9.1.4JavaScript核心语法195

9.2DOM模型的操作200

9.2.1DOM模型200

9.2.2DOM操作HTML201

9.2.3DOM操作CSS208

9.3jQuery简介及语法210

9.3.1jQuery简介210

9.3.2jQuery基本语法212

9.4jQuery选择器和事件213

9.4.1jQuery选择器213

9.4.2jQuery事件217

9.5jQuery页面特效225

9.5.1元素显示与隐藏225

9.5.2元素淡入淡出228

9.5.3自定义动画231

9.5.4文字滚动效果233

本章总结235

上机练习237

第10章综合练习238

参考文献242

本书以仙丫女装官方旗舰店、纺织艺术网的网站为贯穿案例，涉及HTML基础、CSS样式、Dreamweaver网页制作和JavaScript特效等知识点。 　　本书共分10章。第1~5章主要介绍（X)HTML语言;第6章介绍使用网页表现语言——CSS样式实现页面修饰和布局;第7章介绍网页配色;综合前7章内容，在第8章介绍用Dreamweaver工具实现仙丫女装官方旗舰店的引导页、主页和详细页的制作;第9章运用脚本语言——JavaScript实现客户端验证和页面特效制作;第10章运用前面所学的知识，以纺织艺术网的页面制作为例，进行综合训练。 　　本书可作为高职高专计算机相关专业的教学用书，也可作为网页制作爱好者的培训教材或相关从业人员自学用书。

本书以仙丫女装官方旗舰店、纺织艺术网站作为贯穿案例，力求在技术、编码规范上达到企业的要求。本书选择目前软件开发领域所使用的主流开发工具（DreamweaverCS6）和开发模式（DIV+CSS），利用这些知识和技能来实现网站的部分功能或对部分功能进行优化，整本书结束的时候也就是案例完工的时候。这样，在学习知识点的同时也获得了网站开发经验，可以使学生真正适应实际工作的需求。