本书紧密围绕网页设计师在制作网页过程中实际需要掌握的技术, 全面介绍了使用HTML、CSS进行网页设计和制作的各方面内容和技巧。本书不是单纯讲解语法, 而是通过一个个鲜活、典型的实战来达到学以致用的目的。每个语法都有相应的实例, 每章后面又配有综合小实例, 各章均配有习题, 力求达到理论知识与实践操作完美结合的效果。
本书主要特色
(1) 知识全面系统。
本书内容完全从网页创建的实际角度出发,将所有HTML、CSS+DIV元素进行归类,每个标签的语法、属性和参数都有完整、详细的说明,信息量大,知识结构完善。
(2) 典型实例讲解。
本书的每章都配有大量实用案例,将本章的基础知识综合贯穿起来,力求达到理论知识与实际操作完美结合的效果。
(3) 配合Dreamweaver进行讲解。
本书以浅显的语言和详细的步骤介绍了在可视化网页设计软件Dreamweaver中如何运用HTML、CSS来创建网页,使网页制作更加得心应手。在最后一章向读者展示了完全不用编写代码,在Dreamweaver中创建完整网页的过程。
(4)配图丰富,效果直观。
对于每一段实例代码,本书都配有相应的效果图,读者无须自己进行编码,也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下,读者也可以根据书中的实例和效果图进行分析和比较。
(5) 习题强化。
每章后都附有针对性的练习题,通过实训巩固每章所学的知识。
(6) 配套光盘。
需要从清华大学出版社官网上下载使用。
近年来,随着网络信息技术的广泛应用,越来越多的个人、企业纷纷建立自己的网站,利用网站来宣传和推广自己。网页技术已经成为当代青年学生必备的知识技能。目前大部分制作网页的方式都是运用可视化的网页编辑软件,这些软件的功能相当强大,使用也非常方便。但是对于高级的网页制作人员来讲,仍需了解HTML、CSS+DIV等网页设计语言和技术的使用,这样才能充分发挥丰富的想象力,更加随心所欲地设计出符合标准的网页,以实现网页设计软件不能完成的许多重要功能。
本书主要内容
随着Web 2.0的盛行,一切都开始基于Web标准,许多网站设计师开始学习并应用Web标准,CSS的应用也越来越广泛。本书正是在这种流行趋势下应运而生的介绍使用HTML和CSS进行网页标准化布局的书。本书不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的实战来达到学以致用的目的。每个语法都有相应的实例,每章后面又配有综合小实例。
本书共21章,主要内容包括HTML入门,HTML基本标签,用HTML设置文字,段落与列表,列表的建立和使用,用HTML创建精彩的图像和多媒体页面,用HTML创建超链接,用HTML创建表格,用表单创建交互式网页,HTML 5的结构,CSS基础知识,用CSS设计丰富的文字效果,用CSS设计图像和背景,用CSS设计表格和表单样式、用CSS制作链接与网站导航,CSS+DIV布局定位基础,CSS盒子模型,盒子的浮动与定位,CSS+DIV布局方法,CSS 3入门基础,设计和制作适合手机浏览的网页,公司宣传网站的布局。
本书主要特色
(1) 知识全面系统。
本书内容完全从网页创建的实际角度出发,将所有HTML、CSS+DIV元素进行归类,每个标签的语法、属性和参数都有完整、详细的说明,信息量大,知识结构完善。
(2) 典型实例讲解。
本书的每章都配有大量实用案例,将本章的基础知识综合贯穿起来,力求达到理论知识与实际操作完美结合的效果。
(3) 配合Dreamweaver进行讲解。
本书以浅显的语言和详细的步骤介绍了在可视化网页设计软件Dreamweaver中如何运用HTML、CSS来创建网页,使网页制作更加得心应手。在最后一章向读者展示了完全不用编写代码,在Dreamweaver中创建完整网页的过程。
(4)配图丰富,效果直观。
对于每一段实例代码,本书都配有相应的效果图,读者无须自己进行编码,也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下,读者也可以根据书中的实例和效果图进行分析和比较。
(5) 习题强化。
每章后都附有针对性的练习题,通过实训巩固每章所学的知识。
(6) 配套光盘。
需要从清华大学出版社官网上下载使用。
本书读者对象
网页设计与制作人员;
网站建设与开发人员;
大中专院校相关专业师生;
网页制作培训班学员;
个人网站爱好者与自学读者。
本书是集体智慧的结晶,参加本书编写的人员均为从事网页教学工作的资深教师和具备大型商业网站建设经验的资深网页设计师,他们有着丰富的教学经验和网页设计经验。参加本书编写的人员包括徐洪峰、何琛、邓静静、李银修、孙鲁杰、何海霞、何秀明、孙素华、吕志彬等。由于时间所限,书中疏漏之处在所难免,恳请广大读者朋友批评指正。
编 者
第1章 HTML入门 1
1.1 什么是HTML 1
1.1.1 HTML的特点 1
1.1.2 HTML的历史 2
1.2 HTML文件的基本结构 2
1.2.1 HTML文件结构 2
1.2.2 编写HTML文件的注意事项 4
1.3 HTML文件的编写方法 4
1.3.1 使用记事本编写HTML页面 4
1.3.2 使用Dreamweaver CC
编写HTML页面 6
1.4 网页设计与开发的过程 7
1.4.1 明确网站定位 7
1.4.2 收集信息和素材 7
1.4.3 规划栏目结构 8
1.4.4 设计网页图像 9
1.4.5 制作页面 9
1.4.6 实现后台功能 10
1.4.7 网站的测试与发布 12
本章小结 12
练习题 13
第2章 HTML基本标签 14
2.1 HTML页面主体标签 14
2.1.1 定义网页背景色:bgcolor 14
2.1.2 设置背景图片:background 15
2.1.3 设置文字颜色:text 16
2.1.4 设置链接文字属性 17
2.1.5 设置页面边距 20
2.2 head部分标签 21
2.2.1 标题标签:
第3章 用HTML设置文字、段落与列表
【学习目标】
文字不仅是网页信息传达的一种常用方式,也是视觉传达最直接的方式,运用经过精心处理的文字材料完全可以制作出效果很好的版面。输入完文本内容后就可以对其格式进行调整,而设置文本样式是实现快速编辑文档的有效操作,让文字看上去编排有序、整齐美观。通过对本章的学习,读者可以掌握如何在网页中合理地使用文字,如何根据需要选择不同的文字效果。
本章主要内容包括:
(1) 输入文字;
(2) 设置文字的格式;
(3) 设置段落的格式;
(4) 水平线的标签;
(5) 创建列表;
(6) 使用marquee设置滚动效果。
3.1 标 题 字
标题(heading)是通过
~
等标签进行定义的。
定义最大的标题,
定义最小的标题。
3.1.1 标题字标签:
在遵循网页标准制作网页的时候,为了使设计更具有语义化,我们经常会在页面中用到
~
的标题标签。标题标签是指HTML网页中对文本标题所进行的着重强调的标签,标签
~
字号依次递减显示出重要性的递减。
基本语法:
…
…
…
…
…
…
语法说明:
~
标签可定义标题,
定义最大的标题,
定义最小的标题。
实例代码:
1级标题
2级标题
3级标题
4级标题
5级标题
6级标题
加粗部分的代码用于设置6种不同级别的标题,在浏览器中浏览效果如图3-1所示。
图3-1 设置标题大小
3.1.2 标题字对齐属性:align
默认情况下,表格的标题水平居中,我们可以通过align属性设定标题文字的水平对齐方式。
基本语法:
text-align:center
text-align:left
text-align:right
语法说明:
left为左对齐,center为居中,right为右对齐。
实例代码:
……