网页设计在IT行业属于一门基础学科,也是比较容易学习的一项技术。作为大、专院校,网页设计是计算机专业学生的必修课,也可以作为其他学科学生的选修课。本教材以实用为目的,通过浅显易懂的知识讲解,再配以典型案例进行知识技能的强化,使学生容易上手,学习不再枯燥。通过本教材的学习,会让初学者爱上网页设计。
全书共分11章,内容涉及基础知识、Dreamweaver、XHTML、CSS、JavaScript和综合案例6部分。
本书可作为高等院校网页设计与制作课程的教学用书,也可作为网页设计与制作的培训教材,同时还可作为网页设计与制作的自学指导书和参考书。
网页设计在IT行业属于一门基础学科,也是比较容易学习的一项技术。在很多院校,网页设计是计算机专业学生的必修课,也是其他学科学生的选修课。本教材以实用为目的,通过浅显易懂的知识讲解,再配以典型案例进行知识技能的强化,使学生容易上手,学习不再枯燥。通过本教材的学习,会让初学者喜欢上网页设计。
全书共分11章,内容涉及基础知识、Dreamweaver、XHTML、CSS、JavaScript和综合案例6部分。
(1) 第1章,主要介绍网页制作的基础知识,包括网络相关的概念、网页制作技术及所需要的软件和网站开发流程等。通过本章的学习,初学者能了解网页制作的范畴,确定学习的目标。
(2) 第2章,主要介绍网页的开发工具Dreamweaver CS6。通过本章的学习,初学者能熟悉Dreamweaver CS6的操作界面,并使用Dreamweaver CS6创建网页,建立站点。
(3) 第3章和第4章,主要介绍HTML标签及其属性。设计简单案例,强化HTML标签和属性的用法。通过这两章的学习,初学者能够熟练地在页面中添加所需的网页元素,如文本、图像、列表、超链接、表格、表单、框架等,为网页结构的搭建打下基础。
(4) 第5章和第6章,主要介绍CSS基本语法和常用CSS样式。通过这两章的学习,初学者可以在网页结构基础上,丰富网页元素的表现效果。
(5) 第7章和第8章,主要介绍如何运用CSS实现网页布局。这两章是网页布局的核心内容。第7章主要介绍了盒模型、浮动和定位及浏览器的兼容性。第8章通过浮动和定位实现一列、两列及三列的网页布局。掌握这两章的内容,可以随心所欲地布局网页结构。
(6) 第9章和第10章,主要介绍JavaScript基础及在网页中的应用。第9章以知识讲解为主,第10章则侧重应用。通过这两章的学习,初学者可以运用JavaScript实现网页常见效果。
(7)第11章是全书内容的升华,也是点睛之笔。以一个企业网站为例,介绍网页制作的全过程,包括如何分析页面、确定网页结构、布局网页,运用HTML添加网页元素,运用CSS定位网页元素并美化网页元素,最终实现详细设计。网站制作过程基本上覆盖了全书介绍的所有知识点。通过该案例的学习,初学者可以尝试自己设计一个标准的、美观大方的网页。
由于作者水平有限,不当之处在所难免,恳请广大读者批评指正。
编者2015年10月
第1章网页设计基础1
1.1网站建设基本概念1
1.1.1因特网1
1.1.2万维网2
1.1.3浏览器3
1.1.4网页和网站4
1.2网页设计相关技术6
1.2.1网页设计相关组织6
1.2.2Web标准7
1.2.3XHTML标签9
1.2.4CSS样式10
1.2.5JavaScript脚本11
1.2.6图形图像处理11
1.3网页制作工具12
1.3.1HTML网页编辑器12
1.3.2可视化网页制作工具14
1.3.3图形图像处理工具15
1.4网站开发流程16
1.5本章小结17
1.6习题17
1.6.1填空题17
1.6.2简答题17第2章Dreamweaver CS6简介18
2.1初识Dreamweaver CS618
2.1.1认识Dreamweaver CS6的工作界面18
2.1.2工作区常用功能介绍19
2.1.3Dreamweaver CS6版本介绍22
2.2站点的创建和管理23
2.2.1创建新站点23
2.2.2打开已有站点24
2.2.3导出和导入已有站点24
2.2.4管理已有站点27
2.3本章小结31
2.4习题31第3章XHTML基础33
3.1XHTML的基本结构与语法33
3.1.1XHTML基本结构33
3.1.2HTML标签36
3.1.3HTML属性37
3.2文字处理37
3.2.1标题标签<hn>37
3.2.2段落标签<p>38
3.2.3换行标签<br/>38
3.2.4水平线标签<hr/>41
3.2.5原样显示文字标签<pre>41
3.2.6居中对齐标签<center>42
3.2.7文字格式标签<font>43
3.2.8字体格式化43
3.2.9特殊符号的使用46
3.2.10注释标签47
3.2.11文字处理案例47
3.3列表48
3.3.1无序列表48
3.3.2有序列表49
3.3.3定义性列表51
3.4多媒体52
3.4.1图像标签<img>52
3.4.2声音和视频文件的使用53
3.4.3滚动对象标签<marquee>59
3.5超链接61
3.5.1超链接的建立61
3.5.2超链接的运用62
3.5.3绝对路径与相对路径66
3.6表格66
3.6.1表格的结构66
3.6.2表格的分组70
3.6.3表格的嵌套73
3.6.4运用表格制作简单页面73
3.7本章小结75
3.8习题75
3.8.1填空题75
3.8.2练习题76第4章表单和框架77
4.1表单77
4.1.1表单容器标签<form> 77
4.1.2输入域标签<input> 78
4.1.3多行文本输入框<textarea>82
4.1.4下拉列表框<select>83
4.1.5标注标签<label>85
4.1.6分组标签<fieldset>86
4.1.7按钮标签<button>87
4.1.8制作注册表单87
4.2框架90
4.2.1框架的结构90
4.2.2框架的应用设置92
4.3本章小结98
4.4习题99
4.4.1填空题99
4.4.2操作题99第5章CSS基本语法100
5.1CSS概述100
5.1.1CSS简介100
5.1.2CSS的优势101
5.1.3CSS与浏览器的兼容性103
5.2CSS语法103
5.2.1CSS语法规则103
5.2.2选择器的类型104
5.2.3选择器的综合运用105
5.2.4CSS注释108
5.3CSS样式表109
5.3.1行间样式表109
5.3.2内部样式表110
5.3.3外部样式表110
5.3.4导入外部样式表112
5.4样式优先权113
5.4.1样式表的优先级113
5.4.2选择器优先级114
5.4.3!important语法115
5.5CSS的继承117
5.6本章小结119
5.7习题119
5.7.1填空题119
5.7.2简答题120第6章CSS美化网页元素121
6.1丰富文字效果121
6.1.1文字样式属性121
6.1.2排版样式属性125
6.2控制页面背景128
6.2.1设置颜色方法128
6.2.2设置背景效果129
6.3设置图片效果133
6.3.1图片样式133
6.3.2图片的对齐136
6.3.3图文混排136
6.4美化超链接138
6.4.1动态超链接138
6.4.2图片超链接140
6.5美化表格141
6.5.1边框的样式142
6.5.2外边距和内边距143
6.5.3表格的颜色146
6.6美化列表148
6.6.1项目列表的相关属性148
6.6.2列表和其他元素的综合运用150
6.7美化表单152
6.8本章小结154
6.9习题154
6.9.1填空题154
6.9.2简答题154
6.9.3练习题154第7章CSS布局基础155
7.1认识<div>和<span>155
7.1.1<div>标签155
7.1.2<span>标签156
7.1.3div和span对象的区别158
7.2盒模型159
7.2.1盒模型概述159
7.2.2盒模型与浏览器160
7.3定位与浮动161
7.3.1元素的定位161
7.3.2元素的浮动169
7.3.3清除浮动174
7.4浏览器的兼容性181
7.4.1CSS Hack181
7.4.2CSS属性级Hack182
7.4.3CSS选择器级Hack183
7.4.4IE条件注释Hack184
7.4.5!important186
7.5本章小结187
7.6习题187
7.6.1填空题187
7.6.2简答题187第8章DIV+CSS布局188
8.1CSS排版理念188
8.1.1设计页面结构188
8.1.2页面的排版188
8.1.3网页模块命名规范189
8.2单列布局191
8.3两列布局195
8.4三列布局197
8.5CSS+DIV布局与表格布局的差异201
8.6网页布局实战204
8.7本章小结208
8.8习题208第9章JavaScript基础209
9.1JavaScript概述209
9.1.1初识JavaScript209
9.1.2在HTML中使用JavaScript脚本210
9.1.3JavaScript注释211
9.2JavaScript基本语法212
9.2.1标识符和关键字212
9.2.2数据类型213
9.2.3常量和变量215
9.2.4运算符和表达式216
9.2.5流程控制语句218
9.2.6函数222
9.3JavaScript对象226
9.3.1JavaScript对象概述226
9.3.2JavaScript内置对象227
9.3.3浏览器对象233
9.4JavaScript事件236
9.4.1JavaScript事件概述236
9.4.2JavaScript常用事件237
9.4.3常用事件处理程序238
9.5引用页面元素的方法243
9.5.1访问页面元素的id属性244
9.5.2使用name属性访问244
9.5.3使用HTML标记访问246
9.6本章小结248
9.7习题248
9.7.1选择题248
9.7.2简答题250第10章JavaScript运用251
10.1JavaScript对象和事件的综合运用251
10.1.1制作级联菜单251
10.1.2制作下拉菜单252
10.1.3树形菜单256
10.1.4浮动的广告258
10.1.5跑马灯效果262
10.2JavaScript与CSS的综合运用264
10.2.1运用CSS滤镜实现PPT幻灯片264
10.2.2层的切换267
10.3jQuery在网页中的应用269
10.3.1jQuery简介270
10.3.2页面边栏的浮动窗口271
10.3.3动态显示密码强弱273
10.4本章小结275
10.5习题275第11章企业网站制作实例276
11.1准备工作276
11.2布局页面278
11.3详细页面制作281
11.3.1header区域281
11.3.2menu区域282
11.3.3banner区域284
11.3.4main区域285
11.3.5footer区域293
11.4本章小结293
11.5习题293参考文献295第1章Linux及嵌入式开发系统组成简介1
1.1Linux起源及发展1
1.1.1UNIX和GNU软件1