消息首页搜索举报

【现货速发】HTML+DIV+CSS网页设计与布局实用教程

全新正版书籍，24小时发货，可开发票。

38.9 7.9折 49 全新

库存3件

天津津南

认证卖家担保交易快速发货售后保障

作者徐洪峰

出版社清华大学出版社

ISBN9787302474463

出版时间2017-09

装帧平装

开本16开

定价49元

货号25162655

上书时间2024-11-24

易安居书舍

已实名已认证进店收藏店铺

在售商品暂无
平均发货时间 14小时
好评率暂无

最新上架

【现货速发】knative快速入门与实践编程语言 [美] 伯尔·萨特（burr sutter），[印度] 卡梅什·桑帕斯（kamesh sampath） ¥34.10

【现货速发】--为政九章·历史之鉴 ¥27.20

【现货速发】苔丝的奇妙旅行（精） ¥29.00

【现货速发】中国的民主：英文 ¥17.70

【现货速发】草图 ¥100.90

【现货速发】幼儿园教研活动设计与实施实践指导手册第2版教学方法及理论莫源秋等 ¥39.60

【现货速发】相约未来——创建儿童友好型城市理念与实践 ¥36.30

【现货速发】茶馆中国文学名著读物老舍 ¥6.60

【现货速发】一个周末，一场改变：女性活出真我的六个秘密 ¥41.60

商品详情

品相描述：全新

商品描述

前言

　　近年来，随着网络信息技术的广泛应用，越来越多的个人、企业纷纷建立自己的网站，利用网站来宣传和推广自己。网页技术已经成为当代青年学生的知识技能。目前大部分制作网页的方式都是运用可视化的网页编辑软件，这些软件的功能相当强大，使用也非常方便。但是对于高级的网页制作人员来讲，仍需了解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) 配套光盘。

　　需要从清华大学出版社官网上下载使用。

本书读者对象

网页设计与制作人员；

网站建设与开发人员；

大中专院校相关专业师生；

网页制作培训班学员；

个人网站爱好者与自学读者。

　　本书是集体智慧的结晶，参加本书编写的人员均为从事网页教学工作的资深教师和具备大型商业网站建设经验的资深网页设计师，他们有着丰富的教学经验和网页设计经验。参加本书编写的人员包括徐洪峰、何琛、邓静静、李银修、孙鲁杰、何海霞、何秀明、孙素华、吕志彬等。由于时间所限，书中疏漏之处在所难免，恳请广大读者朋友批评指正。

编者

导语摘要

本书的作者为一线开发工程师、资深编程专家、专业培训师，在网站开发方面有着丰富的经验，并已出版过多本相关畅销书，颇受广大读者认可。本书内容不局限于语法讲解上，还通过一个个鲜活、典型的实例来达到学以致用的目的。每个语法都有相应的实例，每章后面又配有综合小实例。

本书共21章，主要内容包括HTML入门，HTML基本标签，用HTML设置文字、段落与列表，列表的建立和使用，用HTML创建精彩的图像和多媒体页面，用HTML创建超链接，用HTML创建表格，用表单创建交互式网页，HTML 5的结构，CSS基础知识，用CSS设计丰富的文字效果，用CSS设计图像和背景，用CSS设计表格和表单样式，用CSS制作链接与网站导航，CSS DIV布局定位基础，CSS盒子模型，盒子的浮动与定位，CSS DIV布局方法，CSS 3入门基础，设计和制作适合手机浏览的网页，公司宣传网站的布局。

本书内容翔实、结构清晰，既适合HTML和CSS的初学者自学使用，也可以作为各类院校相关专业的学生和电脑培训班的教材或辅导用书。

1 HTML1

1.1 HTML1

1.1.1 HTML1

1.1.2 HTML2

1.2 HTML2

1.2.1 HTML2

1.2.2 HTML4

1.3 HTML4

1.3.1 HTML4

1.3.2 Dreamweaver CC
HTML6

1.47

1.4.17

1.4.27

1.4.38

1.4.49

1.4.59

1.4.610

1.4.712

2 HTML14

2.1 HTML14

2.1.1 bgcolor14

2.1.2 background15

2.1.3 text16

2.1.4 17

2.1.5 20

2.2 head21

2.2.1 <title>21

2.2.2 22

2.2.3 23

2.2.4 24

2.2.5 24

2.2.6 25

2.2.7 25

2.3 ——创建基本的HTML
26

3HTML
31

3.131

3.1.1<h>31

3.1.2align32

3.2 33

3.2.1 33

3.2.2 34

3.3 35

3.3.1 <p>35

3.3.2 align36

3.3.3 <nobr>37

3.3.4 <br>38

3.4 39

3.4.1 <hr>39

3.4.2
widthsize40

3.4.3 color41

3.4.4
align42

3.4.5 noshade43

3.5 <marquee>44

3.5.1 <marquee>44

3.5.2 <marquee>
45

3.6 ——49

内容摘要

本书内容翔实、结构清晰，既适合HTML和CSS的初学者自学使用，也可以作为各类院校相关专业的学生和电脑培训班的教材或辅导用书。

主编推荐

本书主要特色

　　(1) 知识全面系统。

　　(2) 典型实例讲解。

　　本书的每章都配有大量实用案例，将本章的基础知识综合贯穿起来，力求达到理论知识与实际操作完美结合的效果。

　　(3) 配合Dreamweaver进行讲解。

　　本书以浅显的语言和详细的步骤介绍了在可视化网页设计软件Dreamweaver中如何运用HTML、CSS来创建网页，使网页制作更加得心应手。在*后一章向读者展示了完全不用编写代码，在Dreamweaver中创建完整网页的过程。

(4)配图丰富，效果直观。

　　(5) 习题强化。

　　每章后都附有针对性的练习题，通过实训巩固每章所学的知识。

　　(6) 配套光盘。

　　需要从清华大学出版社官网上下载使用。

精彩内容

第3章　用HTML设置文字、段落与列表

【学习目标】

　　文字不仅是网页信息传达的一种常用方式，也是视觉传达直接的方式，运用经过精心处理的文字材料完全可以制作出效果很好的版面。输入完文本内容后就可以对其格式进行调整，而设置文本样式是实现快速编辑文档的有效操作，让文字看上去编排有序、整齐美观。通过对本章的学习，读者可以掌握如何在网页中合理地使用文字，如何根据需要选择不同的文字效果。

　　本章主要内容包括：

　　(1) 输入文字；

　　(2) 设置文字的格式；

　　(3) 设置段落的格式；

　　(4) 水平线的标签；

　　(5) 创建列表；

　　(6) 使用marquee设置滚动效果。

3.1　标题字

　　标题(heading)是通过 <h1>～<h6> 等标签进行定义的。<h1> 定义的标题，<h6> 定义小的标题。

3.1.1　标题字标签：<h>

　　在遵循网页标准制作网页的时候，为了使设计更具有语义化，我们经常会在页面中用到<h1>～<h6>的标题标签。标题标签是指HTML网页中对文本标题所进行的着重强调的标签，标签<h1>～<h6>字号依次递减显示出重要性的递减。

　　基本语法：

语法说明：

　　<h1>～<h6>标签可定义标题，<h1>定义的标题，<h6>定义小的标题。

　　实例代码：

<!doctype html>

<html>

<head>

</head>

<body>

</body>

</html>

　　加粗部分的代码用于设置6种不同级别的标题，在浏览器中浏览效果如图3-1所示。

图3-1 设置标题大小

3.1.2　标题字对齐属性：align

　　默认情况下，表格的标题水平居中，我们可以通过align属性设定标题文字的水平对齐方式。

　　基本语法：

text-align:center

text-align:left

text-align:right

　　语法说明：

　　left为左对齐，center为居中，right为右对齐。

　　实例代码：

<!doctype html>

<html>

<head>

<title>标题的水平对齐</ title>

</head>

<body>

<h1style="text-align:center">居中对齐</h1>

<h2style="text-align:left">左对齐</h2>

<h3style="text-align:right">右对齐</h3>

</body>

</html>

　　通过align属性设定标题的对齐方式，如图3-2所示。

图3-2 设置标题对齐

3.2 插入其他标记

　　在网页中除了可以输入汉字、英文和其他语言文字外，还可以输入一些空格和特殊字符，如￥、$、◎、#等。

3.2.1 输入空格符号

　　可以用许多不同的方法来分开文字，包括空格、标签。这些都被称为空格，因为它们可增加字与字之间的距离。

　　基本语法：

　　语法说明：

　　在网页中可以有多个空格，输入一个空格使用“ ”表示，输入多少个空格就添加多少个“ ”。

　　实例代码：

<!doctype html>

<html>

<head>

</head>

<body>

<p>         生活在世界尽头的雪人，将在十八岁的成人礼上交出他的记忆。偶然的时空重叠，让他的记忆里多了一些他从未看到过的色彩。       那个替他戴上围巾的男孩，让他坚硬的心多了牵挂。他决定，穿过神秘通道，去那个陌生的世界。他只是想对男孩说：没努力过的雪人和努力过的雪人，可是不一样的哦。</p>

</body>

</html>

　　加粗部分的代码是设置空格，在浏览器中预览，可以看到浏览器完整地保留了输入的空格代码效果，如图3-3所示。

图3-3 空格效果

3.2.2 输入特殊符号

　　除了空格以外，在网页的制作过程中，有一些特殊的符号也需要使用代码进行代替。一般情况下，特殊符号的代码由前缀“&”、字符名称和后缀“;”组成。使用特殊符号可以将键盘上没有的字符输出来。

　　基本语法：

&…©

　　语法说明：

　　在需要添加特殊符号的地方输入相应的符号代码即可。常用符号及其对应代码见表3-1。

表3-1 特殊符号及代码

特殊符号