【现货速发】网页制作与网站建设实战教程

在互联网飞速发展的今天，网站建设已经成为企业越来越重视的问题。一个设计精良的网站不仅代表了企业的形象，而且能吸引更多的访问者，为企业带来潜在的客户。网站建设涉及的技术繁多，包括交互设计、界面设计、前端开发、程序设计、测试、推广、更新、维护等诸多工作。这些工作虽然可以由开发团队协作完成，但各项工作之间联系紧密，如果网站建设人员只关注某一知识模块，在建站过程中往往会缺乏全局意识，不具备综合建站的能力。

    为什么学习本书

？目前关于网站建设的技术类书籍较多，但大多偏向于某一块的知识，例如界面设计、HTML5、JavaScript等，使得网站建设人员缺乏对完整项目实现过程的深入了解。网站建设是什么？我们学习的这些技术应用在网站建设的哪个环节？许多初学者学完之后，依然会有这样的疑问。因此，系统全面地学习网站建设的相关知识，是当下网站建设人员急需的。

   本书以网站建设流程为主线，详细讲解了界面设计、前端开发、程序设计、测试、推广、维护等网站项目建设的基本知识。同时以一个综合项目贯穿全书，力求让不同层次的读者，全面系统地掌握网站建设的基础知识，具备真正的网站建设实战能力。

    如何使用本书？

本书涵盖了网站建设过程中所有需要重点掌握的技术，针对零基础或具备一定网站建设能力的人群。本书以既定的编写体例（理论 案例）规划所学知识点。全书以网站建设的基本流程为主线，从需求规划、页面设计、静态页面搭建、动态网站开发、后期推广维护等几个部分详细讲解网站建设的相关知识，力求让不同层次的读者尽快全面掌握网站建设过程。

    在内容的编排上，本书涉及网页设计基础(网站布局配色)、Dreamweaver工具使用、静态页面搭建（HTML5 CSS3）、网页动效制作（JavaScript）、动态网站开发（PHP MySQL）以及网站推广和维护。各知识模块之间既存在一定的联系，又具有独立性。全书分为19章，具体介绍如下。

?网页设计基础（网站布局配色）。第1章介绍了网站的基础知识，包括网络基本概念、术语、认识网页网站、常用浏览器概述等内容。第2章介绍了网页设计的基础知识，包括设计原则、色彩搭配、设计流程、页面布局、设计软件等内容。第3章介绍了网站建设的基础知识，包括建设流程、域名和服务器空间的申请、网站的上传等内容。

?Dreamweaver工具使用。第4章介绍了Dreamweaver工具基本操作，包括界面介绍、软件初始化设置、工具基本操作等内容。第5章介绍了站点、库、模板的基础知识，包括使用Dreamweaver工具创建站点、库、模板等内容。

?静态页面搭建（HTML5 CSS3）。第6、7章介绍了HTML和CSS基础知识，包括常用HTML基础标记、HTML5新增标记、CSS基础样式、CSS3新增选择器等内容。第8~13章，介绍了静态网页搭建的应用知识，包括盒子模型、列表、表格、表单、div布局、多媒体嵌入等内容。

?网页动效制作（JavaScript）。第14、15章介绍了JavaScript基础知识，包括JavaScript语法、数据类型、变量、表达式、事件、对象等内容。

?动态网站开发（PHP MySQL）。第16章介绍了PHP和MySQL基础知识，包括开发环境的搭建、PHP访问MySQL、MySQLi扩展的使用等内容。第17章是一个综合项目，包括网站规划、界面设计、静态页面搭建、网页动效实现、动态网站开发一系列完整的网站建设过程，是对前面知识的总结和回顾。

?网站推广和维护。第18、19章介绍了网站推广和维护的基础知识，包括网站推广、优化、维护等内容。

    全书以网站建设流程为主线，语言通俗易懂，内容丰富，知识涵盖面广，非常适合网站开发的初学者、网站建设人员以及大学艺术设计系或自学网页设计的学生阅读。

    致谢！

本书的编写和整理工作由传智播客教育科技股份有限公司完成，主要参与人员有吕春林、高美云、王哲、姜婷等，全体人员在这近一年的编写过程中付出了很多辛勤的汗水，在此一并表示衷心的感谢。

    意见反馈。

尽管我们尽了大的努力，但书中难免会有不妥之处，欢迎各界专家和读者朋友们来信提出宝贵意见，我们将不胜感激。您在阅读本书时，如发现任何问题或有不认同之处，可以通过电子邮件与我们取得联系。

请发送电子邮件至：itcast_book@vip.sina.com

黑马程序员

2018年8月

第1章
初识网络、网页和网站 .............1

1.1　网络基本概念
..............................1

1.1.1　认识网络
.............................1

1.1.2 网络的分类
.........................2

1.2 网络相关术语
..............................3

1.3 认识网页和网站
..........................4

1.3.1 网页和网站基本概念 .........5

1.3.2 网页基本构成要素
.............6

1.3.3 网站页面构成
.....................8

1.3.4 网站类型
...........................10

1.4 浏览器概述
................................12

习题 .....................................................15

第2章
网页设计基础 .........................17

2.1 网页设计原则
............................17

2.2 网页配色基础
............................20

2.2.1 认识色彩
...........................20

2.2.2 色彩三属性 .......................22

2.2.3 色彩象征意义
...................22

2.2.4 网页配色原则
...................26

2.3 网页设计流程
............................29

2.3.1 确定网站主题
...................29

2.3.2 网站整体规划
...................29

2.3.3 收集素材
...........................30

2.3.4 设计网页效果图
...............31

2.4 网页布局设计
............................32

2.4.1 什么是网页布局
...............32

2.4.2 基本结构分析
...................33

2.4.3 网页布局分类
...................33

2.4.4 网页布局原则
...................36

2.5 网页内容元素设计
....................38

2.5.1 文字编排设计
...................39

2.5.2 图像设计
...........................39

2.5.3 超链接设计
.......................41

2.6 常用的网页设计软件
................42

2.6.1 Photoshop
...........................42

2.6.2 Illustrator
...........................42

2.6.3 Flash ..................................43

2.6.4 Fireworks
...........................43

习题 .....................................................44

第3章
网站建设基础 .......................45

3.1 网站建设流程
............................45

3.1.1 页面观察和搭建
...............45

3.1.2 开发动态网站模块 ...........46

3.1.3 网站建设后期事宜
...........47

3.2 常用的网站建设工具
................47

3.3 域名和服务器空间
....................50

3.3.1 域名概述
...........................50

3.3.2 域名的级别
.......................51

3.3.3 域名的意义
.......................53

3.3.4 选取域名
...........................53

3.3.5 注册域名
...........................54

3.3.6 认识服务器空间
...............55

目　录

网页设计与网站制作1-2章_1校.indd 1 2018-10-26 10:37:06

2 网页制作与网站建设实战教程

3.3.7 购买服务器空间的

注意事项 ...........................56

3.4 网站的上传
................................57

习题 .....................................................59

第4 章 Dreamweaver 工具基本操作 .... 61

4.1 界面介绍
....................................61

4.2 软件初始化设置
........................67

4.3 Dreamweaver 工具的

基本操作 ....................................70

4.3.1 文档的操作
.......................70

4.3.2 添加文本
...........................73

4.3.3 添加图像
...........................75

4.3.4 添加链接
...........................76

习题 .....................................................78

第5 章
站点、模板和库 .................... 79

5.1 站点
............................................79

5.1.1 认识站点
...........................79

5.1.2 建立站点
...........................80

5.1.3 管理站点
...........................81

5.2 模板
............................................84

5.2.1 认识模板 ...........................84

5.2.2 创建模板
...........................85

5.2.3 编辑模板
...........................86

5.2.4 管理模板
...........................87

5.3 库
...............................................89

5.3.1 认识库和库项目
...............89

5.3.2 创建库项目
.......................90

5.3.3 管理库项目
.......................90

习题 .....................................................92

第6 章
网页制作入门——HTML ...... 94

6.1 HTML 概述
................................94

6.1.1 什么是HTML
...................94

6.1.2 认识HTML 标记
..............95

6.1.3 HTML 文档基本格式 .......95

6.1.4 HTML 标记属性
...............96

6.1.5 HTML文档头部相关

标记 ...................................97

6.2 文本控制标记
............................99

6.2.1 标题和段落标记
...............99

6.2.2 文本样式标记
.................101

6.2.3 文本格式化标记
.............101

6.2.4 特殊字符标记
.................102

6.3 HTML 图像标记
......................102

6.3.1 常用图像格式
.................102

6.3.2 图像标记<img/>
............103

6.3.3 路径和相对路径 .....105

6.4 认识HTML5
............................106

6.4.1 HTML5 概述 ...................106

6.4.2 HTML5文档格式的

变化 .................................107

6.4.3 HTML5 新增标记 ..........108

习题 ...................................................109

第7 章
网页制作入门——CSS ........110

7.1 CSS 简介
..................................110

7.1.1 什么是CSS
.....................110

7.1.2 CSS 发展史
.....................110

7.2 CSS 核心基础
..........................111

7.2.1 CSS 样式规则
.................111

7.2.2 引入CSS 样式表
............112

7.2.3 CSS 基础选择器
.............114

7.3 CSS 文本样式
..........................116

7.3.1 字体样式属性
.................116

7.3.2 文本外观属性
.................119

7.4 CSS 高级属性
..........................123

7.4.1 CSS 层叠性和继承性 .....123

网页设计与网站制作1-2章_1校.indd 2 2018-10-26 10:37:06

目录 3

7.4.2 CSS 优先级
.....................124

7.5 CSS3 新增选择器 ....................127

习题 ...................................................129

第8章
盒子模型 .............................. 131

8.1 盒子模型概述
..........................131

8.1.1 认识盒子模型
.................131

8.1.2 <div> 标记
.......................132

8.1.3 盒子的宽与高 .................132

8.2 盒子模型相关属性
..................133

8.2.1 边框属性
.........................133

8.2.2 内边距属性
.....................137

8.2.3 外边距属性
...................