描述

开本: 16开纸张: 胶版纸包装: 平装是否套装: 否国际标准书号ISBN: 9787302395546

编辑推荐

85个视频教学文件，HTML5，CSS，DIV，Dreamweaver全面覆盖。案例全部来源于工作一线与教学实践。

知识系统全面 本书内容完全从网页创建的实际角度出发，将所有HTML、CSS元素进行归类，每个标记的语法、属性和参数都有完整详细的说明，信息量大，知识结构完善。

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

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

代码支持 本书提供实例和综合案例的源代码，可让读者在实战应用中掌握网页设计与制作的每一项技能。
配图丰富，效果直观 对于每一个实例代码，本书都配有相应的效果图，读者无须自己进行编码，也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下，读者也可以根据书中的实例和效果图进行分析和比较。
习题强化 每课后都附有针对性的练习题，通过实训巩固每章所学的知识。

内容简介

本书紧密围绕网页设计师在网页制作过程中的实际需要和应该掌握的技术，全面地介绍了使用 HTML、CSS进行网页设计和制作的各方面内容和技巧。本书不只注重语法讲解，还通过一个个鲜活、典型的实战案例来帮助读者达到学以致用的目的。每个语法都有相应的实例，每章后面又配有综合小实例，各章均配有习题，力求达到理论知识与实践操作完美结合的效果。本书可作为普通高校、高职高专计算机及相关专业教材，并可供从事网页设计与制作、网站开发、网页编程等行业人员参考。

目　　录

第1篇 HTML篇

第1课 HTML入门

1.1 什么是HTML 2

1.2 HTML文件的基本结构 2

1.2.1 HTML文件结构 2

1.2.2 编写HTML文件注意事项 3

1.3 HTML文件编写方法 4

1.3.1 课堂小实例——使用记事本编写

HTML页面 4

1.3.2 课堂小实例——使用Dreamweaver

编写HTML页面 5

1.4 HTML页面主体常用设置 5

1.4.1 课堂小实例——定义网页背

景色（bgcolor） 5

1.4.2 课堂小实例——设置背

景图片（background） 6

1.4.3 课堂小实例——设置文字颜色（text） 7

1.4.4 课堂小实例——设置链接文字属性 8

1.4.5 课堂小实例——设置页面边距 10

1.5 页面头部元素

和 10

1.6 页面标题元素

11 1.7 元信息元素 11 1.7.1 课堂小实例——设置页面描述 12 1.7.2 课堂小实例——定义页面的搜索方式 12 1.7.3 课堂小实例——定义页面的跳转 13 1.7.4 课堂小实例——设置页面关键字 14 1.8 综合实战——创建基本的HTML文件 14 1.9 课后练习 15 1.10 本课小结 16 第2课用HTML设置文字与段落格式 2.1 插入其他标记 18 2.1.1 课堂小实例——输入空格符号 18 2.1.2 输入特殊符号 19 2.2 设置文字的格式 19 2.2.1 课堂小实例——设置字体（face） 19 2.2.2 课堂小实例——设置字号（size） 20 2.2.3 设置文字颜色（color） 21 2.2.4 设置粗体、斜体、下划线 （b、strong、em、u） 22 2.2.5 设置上标与下标（sup、sub） 23 2.2.6 多种标题样式的使用 （ <h1>～ <h6>） 24 </h6> </h1> 2.3 设置段落的排版与换行 24 2.3.1 给文字进行分段（p） 25 2.3.2 段落的对齐属性（align） 25 2.3.3 不换行标记（nobr） 26 2.3.4 换行标记（br） 27 2.4 水平线标记 28 2.4.1 插入水平线（hr） 28 2.4.2 设置水平线宽度与高度属性 （width、size） 29 2.4.3 设置水平线的颜色（color） 30 2.4.4 设置水平线的对齐方式（align） 31 2.4.5 水平线去掉阴影（noshade） 31 2.5 设置滚动文字 32 2.5.1 滚动文字标签——marquee 32 2.5.2 滚动方向属性——direction 33 2.5.3 滚动方式属性——behavior 34 2.5.4 滚动速度属性——scrollamount 35 2.5.5 滚动延迟属性——scrolldelay 36 2.5.6 滚动循环属性——loop 37 2.5.7 滚动范围属性——width、height 37 2.5.8 滚动背景颜色属性——bgcolor 38 2.5.9 滚动空间属性——hspace、vspace 39 2.6 综合实例——设置页面文本及段落 40 2.7 课后练习 42 2.8 本课小结 42 第3课用HTML创建精彩的图像和多媒体页面 3.1 网页中常见的图像格式 44 3.2 插入图像并设置图像属性 44 3.2.1 图像标记：img 44 3.2.2 课堂小实例——设置图像高度 （height） 45 3.2.3 课堂小实例——设置图像宽度 （width） 46 3.2.4 课堂小实例——设置图像的边框 （border） 46 3.2.5 课堂小实例——设置图像水平间距 （hspace） 47 3.2.6 课堂小实例——设置图像垂直间距 （vspace） 48 3.2.7 课堂小实例——设置图像的对齐方式 （align） 49 3.2.8 课堂小实例——设置图像的替代文字 （alt） 50 3.3 添加多媒体文件 51 3.3.1 课堂小实例——添加多媒体文件标记 （embed） 52 3.3.2 课堂小实例——设置自动运行 （autostart） 52 3.4 添加背景音乐 53 3.4.1 课堂小实例——设置背景音乐 （bgsound） 53 3.4.2 课堂小实例——设置循环播放次数 （loop） 54 3.5 综合实例 55 3.5.1 实例1——创建多媒体网页 55 3.5.2 实例2——创建图文混合排版网页 56 3.6 课后练习 57 3.7 本课小结 58 第4课用HTML创建超链接 4.1 链接和路径 60 4.1.1 超链接的基本概念 60 4.1.2 课堂小实例——路径url 60 4.1.3 课堂小实例——HTTP路径 61 4.1.4 课堂小实例——FTP路径 62 4.1.5 课堂小实例——邮件路径 62 4.2 链接元素 4.2.1 课堂小实例——指定路径href 63 4.2.2 显示链接目标属性target 64 4.2.3 链接的热键属性accesskey 65 4.3 创建图像的超链接 67 4.3.1 课堂小实例——创建链接区域元素 <map> 67</map> 4.3.2 链接区域的名称属性name 67 4.3.3 定义鼠标敏感区元素 <area> 68 4.3.4 链接的路径属性href、nohref 69 4.3.5 鼠标敏感区坐标属性coords 70 4.4 下载文件 71 4.5 实战应用——给网页添加链接 72 4.6 课后练习 74 4.7 本课小结 75 第5课使用HTML创建强大的表格 5.1 创建并设置表格属性 77 5.1.1 课堂小实例——表格的基本标记 （table、tr、td） 77 5.1.2 课堂小实例——表格宽度和高度 （width、height） 78 5.1.3 课堂小实例——表格的标题 （caption） 78 5.1.4 课堂小实例——表格的表头（th） 79 5.1.5 课堂小实例——表格对齐方式 （align） 80 5.1.6 表格的边框宽度（border） 81 5.1.7 表格边框颜色（bordercolor） 82 5.1.8 单元格间距（cellspacing） 83 5.1.9 单元格边距（cellpadding） 83 5.1.10 表格的背景色（bgcolor） 85 5.1.11 表格的背景图像（background） 86 5.2 表格的结构标记 87 5.2.1 课堂小实例——设计表头样式 （thead） 87 5.2.2 课堂小实例——设计表主体样式 （tbody） 88 5.2.3 课堂小实例——设计表尾样式 （tfoot） 88 5.3 综合实例——使用表格排版网页 90 5.4 课后练习 94 5.5 本课小结 94 第6课创建交换式表单 6.1 表单元素 96 6.1.1 课堂小实例——动作属性（action） 96 6.1.2 课堂小实例——发送数据方式属性 （method） 96 6.1.3 课堂小实例——名称属性（name） 97 6.2 表单的控件 97 6.2.1 课堂小实例——文本域text 98 6.2.2 课堂小实例——密码区域password 99 6.2.3 课堂小实例——提交按钮submit 100 6.2.4 课堂小实例——复位按钮reset 100 6.2.5 课堂小实例——图像按钮image 101 6.2.6 课堂小实例——单击按钮button 102 6.2.7 课堂小实例——复选框checkbox 102 6.2.8 课堂小实例——单选按钮radio 103 6.2.9 课堂小实例——隐藏区域hidden 104 6.3 综合实战——用户注册表单页 面实例 105 6.4 课后练习 109 6.5 本课小结 110 第7课 HTML 5的新特性 7.1 认识HTM 5 112 7.2 HTML 5的新特性 114 7.3 HTML 5与HTML 4的区别 115 7.3.1 HTML 5的语法变化 115 7.3.2 HTML 5中的标记方法 115 7.3.3 HTML 5语法中的3个要点 116 7.3.4 HTML 5与HTML 4在搜索引擎 优化的对比 116 7.4 HTML 5新增的元素和废除的元素 117 7.4.1 课堂小实例——新增的结构元素 117 7.4.2 课堂小实例——新增的块级的 语义元素 118 7.4.3 课堂小实例——新增的行内的 语义元素 120 7.4.4 课堂小实例——新增的嵌入多媒体 元素与交互性元素 123 7.4.5 课堂小实例——新增的input 元素的类型 124 7.4.6 废除的元素 125 7.5 新增的属性和废除的属性 126 7.5.1 新增的属性 126 7.5.2 废除的属性 127 7.6 课后练习 129 7.7 本课小结 129 第8课 HTML 5的结构 8.1 新增的主体结构元素 131 8.1.1 课堂小实例——article元素 131 8.1.2 课堂小实例——section元素 132 8.1.3 课堂小实例——nav元素 133 8.1.4 课堂小实例——aside元素 136 8.2 新增的非主体结构元素 136 8.2.1 课堂小实例—— header元素 136 8.2.2 课堂小实例——hgroup元素 137 8.2.3 课堂小实例——footer元素 138 8.2.4 课堂小实例——address元素 139 8.3 课后练习 140 8.4 本课小结 141 第2篇 CSS篇 第9课 CSS基础知识 9.1 CSS 3介绍 143 9.1.1 CSS基本概念 143 9.1.2 CSS的优点 143 9.1.3 CSS 3功能 144 9.1.4 CSS 3发展历史 145 9.2 在HTML 5中使用CSS的方法 145 9.2.1 行内样式 145 9.2.2 内嵌样式 146 9.2.3 链接样式 146 9.2.4 导入样式 147 9.2.5 优先级问题 147 9.3 选择器类型 148 9.3.1　课堂小实例——标签选择器 148 9.3.2　课堂小实例——类选择器 148 9.3.3　课堂小实例——ID选择器 149 9.4 编辑和浏览CSS 151 9.4.1 手工编写CSS 151 9.4.2 Dreamweaver编写CSS 151 9.5 使用Dreamweaver设置CSS样式 152 9.5.1 设置文本样式 152 9.5.2 设置背景样式 153 9.5.3 设置区块样式 155 9.5.4 设置方框样式 156 9.5.5 设置边框样式 157 9.5.6 设置列表样式 158 9.5.7 设置定位样式 159 9.5.8 设置扩展样式 161 9.5.9 过渡样式的定义 161 9.6 实战应用——对网页添加CSS样式 161 9.7 课后练习 164 9.8 本课小结 164 第10课 CSS控制网页文本和段落样式 10.1　通过CSS控制文本样式 166 10.1.1　课堂小实例——字体font-family 166 10.1.2　课堂小实例——字号font-size 167 10.1.3　课堂小实例——加粗字体font-weight 168 10.1.4　课堂小实例——字体风格font-style 169 10.1.5　课堂小实例——小写字母转为大写字母font-variant 170 10.2　通过CSS控制段落格式 171 10.2.1 课堂小实例——单词间隔word-spacing 171 10.2.2 课堂小实例——字符间隔letter-spacing 171 10.2.3 课堂小实例——文字修饰text-decoration 172 10.2.4 课堂小实例——垂直对齐方式vertial-align 173 10.2.5 课堂小实例——文本转换text-transform 173 10.2.6 课堂小实例——水平对齐方式text-align 174 10.2.7 课堂小实例——文本缩进text-indent 175 10.2.8 课堂小实例——文本行高line-height 175 10.2.9 课堂小实例——处理空白white-space 176 10.3 滤镜 177 10.3.1 课堂小实例——不透明度alpha 178 10.3.2 课堂小实例——动感模糊blur 179 10.3.3 课堂小实例——对颜色进行 透明处理chroma 180 10.3.4 课堂小实例——设置阴影DropShadow 181 10.3.5 课堂小实例——对象的翻转flipH、flipV 182 10.3.6 课堂小实例——发光效果glow 182 10.3.7 课堂小实例——灰度处理gray 183 10.3.8 课堂小实例——反相invert 184 10.3.9 课堂小实例——X光片效果xray 184 10.3.10 课堂小实例——波形滤镜wave 184 10.4 实战应用——CSS字体样式 综合演练 185 10.5 课后练习 187 10.6 本课小结 188 第11课用CSS设计图片和背景 11.1　设置网页的背景 190 11.1.1　课堂小实例——背景颜色 190 11.1.2　课堂小实例——背景图片 190 11.2　设置背景图片的样式 191 11.2.1 课堂小实例——背景图片重复 191 11.2.2 课堂小实例——背景图片附件 192 11.2.3 课堂小实例——背景图片定位 193 11.3　设置网页图片的样式 195 11.3.1　课堂小实例——设置图片边框 195 11.3.2　课堂小实例——图文混合排版 197 11.4 实战应用 198 11.4.1 实战1——给图片添加边框 198 11.4.2 实战2——图文绕排效果 199 11.5 课后练习 201 11.6 本课小结 202 第12课用CSS制作实用的菜单和网站导航 12.1 列表的使用 204 12.2 列表样式控制 204 12.2.1 课堂小实例——ul无序列表 204 12.2.2 课堂小实例——ol有序列表 205 12.2.3 课堂小实例——dl定义列表 207 12.2.4 更改列表项目样式 208 12.3　横排导航 209 12.3.1　课堂小实例——文本导航 209 12.3.2　课堂小实例——标签式导航 211 12.4　课堂小实例——竖排导航 213 12.5 实战应用 214 12.5.1 实战1——实现背景变换的导航菜单 214 12.5.2 实战2——利用CSS制作横向导航 215 12.5.3 实战3——用背景图片实现 CSS柱状图表 216 12.5.4 实战4——树形导航菜单 217 12.6 课后练习 220 12.7 本课小结 220 第13课 CSS盒子模型与定位 13.1　“盒子”与“模型”的概念 222 13.2　border 222 13.2.1 课堂小实例——边框样式（border-style） 223 13.2.2 属性值的简写形式 224 13.2.3　课堂小实例——边框与背景 225 13.3　课堂小实例——设置内边距(Padding） 226 13.4　课堂小实例——设置外边距（margin） 227 13.5　盒子的定位 228 13.5.1　静态定位（static） 229 13.5.2　课堂小实例——相对定位（relative） 229 13.5.3　课堂小实例——定位（absolute） 230 13.5.4　课堂小实例——固定定位（fixed） 232 13.6　盒子的浮动 233 13.6.1　准备代码 233 13.6.2　案例——设置第1个浮动的div 234 13.7　课后练习 236 13.8　本课小结 236 第14课 CSS DIV布局方法 14.1　CSS布局模型 238 14.1.1 关于CSS布局 238 14.1.2 流动布局模型 238 14.1.3 浮动布局模型 240 14.1.4 层布局模型 242 14.1.5 高度自适应 244 14.2 CSS布局理念 245 14.2.1 将页面用div分块 245 14.2.2 设计各块的位置 246 14.2.3 用CSS定位 246 14.3　常见的布局类 247 14.3.1 课堂小实例——一列固定宽度 247 14.3.2 课堂小实例——一列自适应 248 14.3.3 课堂小实例——两列固定宽度 249 14.3.4 课堂小实例——两列宽度自适应 250 14.3.5 课堂小实例——两列右列宽度自适应 251 14.3.6 课堂小实例——三列浮动中间宽度自适应 252 14.3.7 课堂小实例——三行二列居中高度自适应布局 253 14.4 课后练习 255 14.5 本课小结 255 第3篇综合案例篇 第15课设计制作企业网站 15.1 企业网站设计概述 257 15.1.1 企业网站分类 257 15.1.2 企业网站主要功能 258 15.1.3 页面配色与风格设计 259 15.1.4 排版构架 260 15.2 各部分设计 261 15.2.1　页面的通用规则 261 15.2.2 制作网站导航部分 262 15.2.3 制作header右侧部分 265 15.2.4 制作欢迎部分 272 15.2.5 制作景点新闻部分 275 15.2.6 制作景点介绍部分 279 15.2.7 制作景点展示部分 282 15.2.8 制作底部版权部分 288 附录A CSS属性一览表 附录B HTML常用标签 ?

前　　言

近年来随着网络信息技术的广泛应用，越来越多的个人、企业等纷纷建立自己的网站，利用网站来宣传推广自己。网页技术已经成为当代青年学生***的知识技能。目前大部分制作网页的方式都是运用可视化的网页编辑软件，这些软件的功能相当强大，使用非常方便。但是对于高级网页制作人员来讲，仍需了解HTML、CSS等网页设计语言和技术的使用，这样才能充分发挥自己丰富的想象力，更加随心所欲地设计符合标准的网页，以实现网页设计软件不能实现的许多重要功能。本书主要内容本书紧密围绕网页设计师在网页制作过程中的实际需要和应该掌握的技术，全面介绍了使用HTML、CSS进行网页设计和制作的各方面内容和技巧。本书不只注重语法讲解，还通过一个个鲜活、典型的实战案例来帮助读者达到学以致用的目的。每个语法都有相应的实例，每课后面又配有综合小实例。
本书共15课分为3部分，主要内容介绍如下。
第1篇 HTML篇本部分由第1～8课组成，主要讲述HTML文件的基本结构、HTML文件编写方法、 HTML基本标记、设置文字、段落与列表、图像和多媒体的创建、超链接和表单、表格的创建、HTML 5的新特性、HTML 5的结构等。介绍如何使用HTML语言标记，如何运用这些标记在Web页面中生成特殊效果，并且对每课的属性和方法进行了详细的解析，同时还运用了大量的实例加以说明。
第2篇 CSS篇本部分由第9～14课组成。在本部分中首先介绍CSS的基本概念和添加方法。然后介绍CSS控制网页文本和段落样式、用CSS设计图片和背景、用CSS制作实用的菜单和网站导航、CSS盒子模型与定位、元素的定位方式、CSS布局理念、常见的布局类型。
第3篇综合案例篇本部分由第15课组成，采用流行的CSS DIV布局的方法，综合讲述企业网站制作方法，教会读者如何将各个知识点应用于一个实用系统中，避免读者只学习停留于表面、局限于理论的知识，使读者能将所学的知识可以马上应用于其实际工作中。
本书主要特色
知识全面系统本书内容完全从网页创建的实际角度出发，将所有HTML、CSS元素进行归类，每个标记的语法、属性和参数都有完整详细的说明，信息量大，知识结构完善。
典型实例讲解本书的每课都配有大量实用案例，将本课的基础知识综合贯穿起来，力求达到理论知识与实际操作完美结合的效果。
配合Dreamweaver进行讲解本书以浅显的语言和详细的步骤介绍了在可视化网页软件Dreamweaver中，如何运用HTML、CSS代码来创建网页，使网页制作更加得心应手。在后一课向读者展示了完全不用编写代码，在Dreamweaver中创建完整网页的过程。
代码支持本书提供实例和综合案例的源代码，可让读者在实战应用中掌握网页设计与制作的每一项技能。
配图丰富，效果直观对于每一个实例代码，本书都配有相应的效果图，读者无须自己进行编码，也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下，读者也可以根据书中的实例和效果图进行分析和比较。
习题强化每课后都附有针对性的练习题，通过实训巩固每章所学的知识。
本书读者对象网页设计与制作人员网站建设与开发人员大中专院校相关专业师生网页制作培训班学员个人网站爱好者与自学读者

书摘插画

抢先评论了 “HTML+CSS网页设计与布局课堂实录” 取消回复

还没有评论。

HTML+CSS网页设计与布局课堂实录

HTML5，CSS，DIV，Dreamweaver，包含85个网页设计视频教程，网页设计、网站建设从入门到精通好书。网页制作权威指南，网站建设入门类书籍，网站设计技术书籍。

作者:张忠琼　编著出版社:清华大学出版社出版时间:2015年08月

ISBN: 9787302395546

年中特卖用“SALE15”折扣卷全场书籍85折！可与三本88折，六本78折的优惠叠加计算！全球包邮!

描述

抢先评论了 “HTML+CSS网页设计与布局课堂实录” 取消回复

评论

HTML+CSS网页设计与布局课堂实录

HTML5，CSS，DIV，Dreamweaver，包含85个网页设计视频教程，网页设计、网站建设从入门到精通好书。网页制作权威指南，网站建设入门类书籍，网站设计技术书籍。

作者:张忠琼 编著 出版社:清华大学出版社 出版时间:2015年08月

ISBN: 9787302395546

年中特卖用“SALE15”折扣卷全场书籍85折！可与三本88折，六本78折的优惠叠加计算！全球包邮!

描述

抢先评论了 “HTML+CSS网页设计与布局课堂实录” 取消回复

评论

相关产品

Adobe Photoshop CC 2017经典教程 彩色版

Adobe After Effects CC 高手之路

Photoshop CC从入门到精通PS教程（全彩视频版）重印30次销售12万册

Illustrator CC从入门到精通PS伴侣（全彩印 高清视频版）

作者:张忠琼　编著出版社:清华大学出版社出版时间:2015年08月

Adobe Photoshop CC 2017经典教程彩色版

Illustrator CC从入门到精通PS伴侣（全彩印高清视频版）