网页设计与制作教程（第4版）

图书标准信息

• 作者 杨选辉
• 出版社 清华大学出版社
• 出版时间 2022-10
• 版次 4
• ISBN 9787302615071
• 定价 69.90元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 444页
• 字数 695千字

【内容简介】

本书是一本全面介绍网页设计与制作技术的教程，以目前流行的网页设计软件作为技术支持，系统介绍网页的构思、规划、制作和网站建设的全过程。 本书共10章。第1～7章面向入门层次，介绍网页制作基础知识、网站开发流程、HTML基础知识、CSS基础知识、网页可视化设计、主流的网页制作工具Dreamweaver CC 2019和网站赏析；第8～10章面向提高层次，介绍利用CSS修饰网页元素、CSS盒子模型和Div CSS布局技术；每章最后均提供形式多样的思考与练习题。 本书构思清晰、结构合理、内容丰富、循序渐进，兼顾入门和提高两个层次，关注开发环节最重要和最实用的部分，特别注重实践能力的培养，实用性、可操作性和可模仿性较强，同时融入课程思政元素。此外，本书配套的多媒体教学课件可以帮助读者在较短的时间内学会网页设计的相关知识，掌握制作网站的技能，创建自己喜爱的网站。 本书可作为高等院校网页设计类课程的教材或网站开发培训班的教材，也可作为网页设计与制作爱好者的自学参考书。

【目录】

第1章网页制作基础知识1

1.1Internet的基础知识1

1.1.1Internet简介1

1.1.2Internet的发展历程2

1.1.3Internet的相关组织2

1.1.4Internet的功能4

1.2万维网的基础知识6

1.2.1万维网简介6

1.2.2HTTP、HTTPS和FTP7

1.2.3超链接和超文本8

1.2.4Internet地址9

1.2.5域名11

1.2.6URL12

1.2.7服务器和客户机13

1.2.8搜索引擎13

1.3网页与网站的基础知识14

1.3.1网站、网页和主页14

1.3.2网站的分类14

1.3.3静态网页和动态网页15

1.3.4网页界面的构成15

1.3.5网站开发工具17

1.3.6网页编程语言18

1.4网站开发者应具备的能力及职业规划19

1.4.1网站开发者应具备的能力19

1.4.2网站开发者的职业规划19

思考与练习20第2章网站的开发流程22

2.1网站开发流程概述22

2.2网站的规划23

2.2.1网站目标的确定23

2.2.2网站主题的确定23

2.2.3网站域名的设计27

2.2.4网站素材的准备29

2.3网站的设计29

2.3.1确定网站的栏目和版块29

2.3.2确定网站的整体风格32

2.3.3确定网站的目录结构36

2.3.4确定网站的链接结构37

2.3.5撰写网站设计规划报告38

2.4网站的实现40

网页设计与制作教程（第4版）

目录

2.4.1网站制作工具的选择和确定40

2.4.2网站的建立40

2.4.3网站构建实例41

2.5网站的测试和发布42

2.5.1网站的测试42

2.5.2网站的发布43

2.6网站的推广和维护45

2.6.1网站的宣传与推广45

2.6.2网站的更新和反馈评价47

思考与练习48第3章HTML基础知识50

3.1HTML概述50

3.1.1HTML的发展历程50

3.1.2一个简单的HTML实例51

3.1.3HTML的基本概念52

3.1.4HTML文档的基本结构53

3.1.5HTML的基本语法规则54

3.2HTML的文本格式标记55

3.2.1标题标记55

3.2.2字体标记55

3.2.3文本修饰标记56

3.2.4段落标记57

3.2.5强制换行标记57

3.2.6水平线标记58

3.2.7缩排标记58

3.2.8滚动效果标记59

3.2.9注释标记60

3.2.10特殊符号60

3.2.11列表标记61

3.3HTML的图像与多媒体标记64

3.3.1图像标记64

3.3.2声音和视频标记67

3.3.3多媒体标记68

3.4HTML的超链接标记68

3.5HTML的表格标记69

3.6HTML的表单标记75

3.7HTML的框架标记80

3.8HTML综合实例84

思考与练习85第4章CSS基础知识89

4.1CSS概述89

4.1.1CSS与HTML的关系89

4.1.2CSS的优点89

4.1.3一个CSS的应用实例90

4.2CSS的基本语法91

4.2.1CSS的语法91

4.2.2CSS的语法规则92

4.3CSS的使用方法93

4.3.1行内式93

4.3.2嵌入式94

4.3.3链接式95

4.3.4导入式96

4.3.5引入方式的优先级97

4.4CSS选择器97

4.4.1标记选择器97

4.4.2类选择器98

4.4.3ID选择器100

4.4.4伪类选择器101

4.4.5后代选择器103

4.4.6通用选择器103

4.4.7选择器的集体声明103

4.5CSS的属性单位105

4.5.1长度、百分比单位105

4.5.2颜色单位106

4.6CSS的层叠性107

4.7CSS的继承性110

思考与练习111第5章网页可视化设计114

5.1网页的版面布局114

5.1.1网页版面布局概述114

5.1.2网页版面布局的方法117

5.2网页的色彩运用123

5.2.1网页色彩概述123

5.2.2网页色彩的搭配方法124

5.3网页的艺术设计126

5.4网页的点、线、面的运用131

5.5网页中文字和图形的设计134

5.6网页设计原则137

思考与练习140第6章Dreamweaver CC 2019基础知识142

6.1Dreamweaver CC 2019概述142

6.1.1初识Dreamweaver CC 2019142

6.1.2Dreamweaver CC 2019的工作界面143

6.2站点的创建和管理144

6.2.1创建本地站点144

6.2.2管理本地站点146

6.2.3管理本地站点中的文件146

6.3网页文档的基本操作148

6.3.1新建网页148

6.3.2设置页面属性148

6.3.3保存、打开和预览网页154

6.4设置网页文档头部信息155

6.4.1插入搜索关键字155

6.4.2插入作者和版权信息155

6.4.3设置说明信息156

6.4.4设置刷新时间156

6.5编辑与设置网页文本157

6.5.1输入普通文本157

6.5.2设置文本格式157

6.5.3插入其他元素161

6.5.4创建一个纯文字页面的实例164

6.6插入图像167

6.6.1图像的添加168

6.6.2图像属性的设置168

6.6.3给图像添加文字说明169

6.6.4编辑图像170

6.6.5创建添加图像元素的页面的实例172

6.7插入多媒体174

6.7.1插入Flash174

6.7.2插入音频175

6.7.3插入视频178

6.7.4创建添加多媒体元素的页面的实例179

6.8创建超链接181

6.8.1创建文本链接182

6.8.2创建图像链接182

6.8.3创建电子邮件链接184

6.8.4创建锚记链接184

6.8.5创建空链接185

6.8.6创建鼠标经过图像186

6.8.7检查与修复链接187

6.8.8创建添加超链接的页面的实例188

6.9表格的使用190

6.9.1创建表格190

6.9.2选择表格元素192

6.9.3表格的属性设置192

6.9.4表格的基本操作194

6.9.5表格运用的实例197

6.9.6表格的布局功能198

6.9.7应用表格布局设计网页的实例203

6.9.8嵌入式框架在表格中的应用207

6.10表单的使用211

6.10.1创建表单211

6.10.2添加表单元素212

6.10.3制作表单页面的实例219

6.11模板的使用220

6.11.1模板的基本操作221

6.11.2模板的应用实例223

6.12行为的应用226

6.12.1行为的基本操作226

6.12.2常见的行为事件和行为动作227

6.12.3行为的应用实例229

6.13CSS的应用231

6.13.1“CSS设计器”面板231

6.13.2创建CSS样式232

6.13.3应用CSS样式233

6.13.4创建和附加外部样式233

6.13.5编辑样式235

6.13.6CSS属性236

6.13.7CSS的应用实例241

思考与练习243第7章网站赏析248

7.1网站评价指标体系248

7.2内容性248

7.2.1主题鲜明有价值249

7.2.2内容准确丰富252

7.2.3表现形式多样255

7.2.4提高原创成分255

7.3使用性257

7.3.1导航清晰易用257

7.3.2栏目设置丰富257

7.3.3结构简洁合理259

7.4艺术性260

7.4.1布局巧妙，构思独特260

7.4.2色彩均衡，搭配恰当261

7.4.3风格新颖，富有创意263

思考与练习265第8章利用CSS修饰网页元素266

8.1设置文本样式266

8.1.1设置字体类型266

8.1.2设置字体尺寸267

8.1.3设置字体粗细268

8.1.4设置字体倾斜269

8.1.5设置文本颜色270

8.1.6设置文本的背景颜色271

8.1.7设置文本的修饰效果272

8.2设置段落样式273

8.2.1设置文本水平对齐方式274

8.2.2设置首行缩进275

8.2.3设置首字下沉276

8.2.4设置行间距277

8.2.5设置字符间距278

8.2.6设置文本溢出效果279

8.3设置图像样式280

8.3.1设置图像边框281

8.3.2设置图像缩放282

8.3.3设置图像横向对齐方式284

8.3.4设置图像纵向对齐方式284

8.3.5设置背景图像286

8.3.6设置背景重复287

8.3.7设置背景图像定位288

8.4设置图文混排效果292

8.4.1设置文字环绕效果292

8.4.2设置图像与文字的间距293

8.5设置表格样式294

8.5.1常用的CSS表格属性294

8.5.2用CSS样式美化表格实例299

8.6设置表单样式303

8.6.1美化常用的表单元素303

8.6.2用CSS样式美化表单实例307

8.7设置超链接效果312

8.7.1改变超链接基本样式312

8.7.2制作带有提示信息的超链接313

8.7.3制作有背景图的超链接314

8.7.4制作按钮式的超链接315

8.8设置列表效果316

8.8.1设置列表项标记的类型316

8.8.2设置列表项图像标记318

8.8.3设置列表项位置319

8.8.4用CSS制作新闻标题列表320

8.9制作导航菜单325

8.9.1制作垂直链接导航菜单325

8.9.2制作纵向列表垂直导航菜单329

8.9.3制作水平导航菜单331

思考与练习334第9章CSS盒子模型336

9.1盒子模型336

9.1.1盒子模型的属性及设置336

9.1.2盒子模型的计算340

9.1.3盒子模型的应用举例340

9.2普通流: display属性343

9.2.1display的引入343

9.2.2display属性的取值344

9.2.3display的应用举例346

9.3浮动: float属性347

9.3.1float属性的取值348

9.3.2浮动的清除350

9.3.3float属性的应用举例351

9.4定位: position属性353

9.4.1position属性的取值353

9.4.2相对定位354

9.4.3绝对定位356

思考与练习359第10章Div CSS布局技术361

10.1Div CSS布局概述361

10.1.1Div CSS布局思想361

10.1.2构思页面并用Div分块361

10.1.3对各个块用CSS定位362

10.1.4常见的布局种类365

10.2固定宽度布局解析366

10.2.1单列固定宽度布局模式366

10.2.2121型固定宽度布局模式369

10.2.3131型固定宽度布局模式372

10.3可变宽度布局解析375

10.3.1单列可变宽度布局模式375

10.3.2两列可变宽度布局模式376

10.3.3三列可变宽度布局模式382

10.4可变高度布局解析393

10.5应用实例396

10.5.1布局实例一396

10.5.2布局实例二406

思考与练习427参考文献430