HTML+CSS网页开发技术精解

第1篇 HTML篇第1章 网页标识语言HTML基础1.1 HTML语言概述1.1.1 认识HTML语言1.1.2 HTML语言的发展历史1.2 HTML文件的基本结构1.2.1 HTML文件结构1.2.2 编写HTML文件的注意事项1.3 编写简单的HTML实例1.3.1 使用记事本手工编写HTML页面1.3.2 使用Dreamweaver辅助编写HTML页面1.4 课后习题第2章 页面基本元素2.1 页面头部元素＜head＞2.2 页面标题元素＜title＞2.3 元信息元素＜meta＞2.3.1 元信息元素名称属性name、content2.3.2 元信息元素的附加属性http-equiv2.3.3 设置页面关键字2.3.4 设置页面说明2.3.5 定义页面的跳转2.3.6 定义页面的作者信息2.3.7 定义页面的版权信息2.4 页面主体元素＜body＞2.4.1 主体元素的背景颜色属性bgcolor2.4.2 主体元素的背景图片属性background2.4.3 主体元素的文本属性text2.4.4 未访问过的链接属性link2.4.5 激活的链接属性alink2.4.6 已访问过的链接属性vlink2.4.7 IE浏览器中的左边界属性leftmargin2.4.8 IE浏览器中的上边界属性topmargin2.4.9 主体元素的背景图片滚动属性bgproperties2.5 创建样式元素＜style＞2.6 脚本元素＜script＞2.7 课后习题第3章 网页文本与段落信息组织3.1 文本基本标记3.1.1 字体属性face3.1.2 字号属性size3.1.3 颜色属性color3.2 标题元素3.3 段落元素3.4 文本的间隔和布局3.4.1 换行元素＜br＞3.4.2 缩进元素＜blockquote＞3.4.3 保留格式元素＜pre＞3.4.4 取消换行元素＜nobr＞3.4.5 引用元素＜q＞3.5 水平分隔线元素＜hr＞3.5.1 粗细属性size3.5.2 阴影属性noshade3.5.3 宽度属性width3.5.4 对齐属性align3.5.5 颜色属性color3.6 文本的样式设置3.6.1 放大元素＜big＞3.6.2 缩小元素＜small＞3.6.3 斜体显示元素＜i＞、＜em＞和＜cite＞3.6.4 加粗的强调元素＜strong＞和＜b＞3.6.5 下标元素＜sub＞3.6.6 上标元素＜sup＞3.7 课后习题第4章 列表的建立和使用4.1 使用无序列表4.1.1 无序列表标记ul4.1.2 无序列表的类型type4.1.3 菜单列表标记menu4.1.4 目录列表dir4.2 使用有序列表4.2.1 有序列表标记ol4.2.2 有序列表的类型type4.2.3 有序列表的起始数值start4.3 列表条目元素＜li＞4.3.1 项目符号的类型属性type4.3.2 条目编号属性value4.4 定义列表元素＜dl＞4.5 课后习题第5章 网页图像和多媒体信息组织5.1 图像元素＜img＞5.1.1 图像元素的路径属性src5.1.2 代替图片的文本属性alt5.1.3 图像元素的宽度、高度属性width、height5.1.4 图像元素的边框属性border5.1.5 图像元素的对齐属性align5.1.6 图像元素的垂直边距属性vspace5.1.7 图像元素的水平边距属性hspace5.2 使用背景音乐5.2.1 背景音乐的路径属性src5.2.2 背景音乐的重复属性loop5.3 滚动标签marquee5.3.1 滚动标记marquee5.3.2 滚动方向direction5.3.3 滚动方式behavir5.3.4 滚动次数loop5.3.5 滚动速度scrollamount5.3.6 滚动延迟scrolldelay5.3.7 滚动区域的背景颜色bgcolor5.3.8 滚动背景宽度width和高度height5.3.9 设置空白空间hspace、vspace5.4 多媒体标签5.5 课后习题第6章 超链接的建立6.1 超链接基础6.2 链接元素＜a＞6.2.1 指定路径属性href6.2.2 显示链接目标属性target6.3 设置不同的链接目标6.3.1 设置页面内部的特定目标的链接6.3.3 设置图片的超链接6.3.4 设置电子邮件链接6.4 图像热区链接6.5 课后习题第7章 用表格排列组织网页元素7.1 表格元素的结构7.1.1 表格＜table＞7.1.2 行＜tr＞7.1.3 单元格＜td＞7.2 ＜table＞元素的属性7.2.1 边框属性border7.2.2 水平对齐属性align7.2.3 高度属性height7.2.4 宽度属性width7.2.5 边框颜色属性bordercolor7.2.6 边框亮边线属性bordercolorlight7.2.7 边框暗边线属性bordercolordark7.2.8 背景颜色属性bgcolor7.2.9 背景图片属性background7.2.10 单元格间距属性cellspacing7.2.11 单元格补白属性cellspadding7.3 ＜tr＞元素的属性7.3.1 水平对齐属性align7.3.2 垂直对齐属性valign7.3.3 背景颜色属性bgcolor7.3.4 边框颜色属性bordercolor7.3.5 边框暗边线属性bordercolordark7.3.6 边框亮边线属性bordercolorlight7.4 ＜td＞元素的属性7.4.1 宽度属性width7.4.2 高度属性height7.4.3 背景颜色属性bgcolor7.4.4 背景图片属性background7.4.5 水平对齐属性align7.4.6 垂直对齐属性valign7.4.7 边框颜色属性bordercolor7.4.8 合并列属性colspan7.4.9 合并行属性rowspan7.5 表格中使用的其他元素7.5.1 表格标题元素＜caption＞7.5.2 表格头行元素＜thead＞7.5.3 表主体元素＜tbody＞7.5.4 表格行尾元素＜tfoot＞7.6 课后习题第8章 用表单创建交互式网页8.1 表单元素form8.1.1 处理动作action8.1.2 表单名称name8.1.3 传送方法method8.1.4 编码方式enctype8.1.5 目标显示方式target8.2 表单控件＜input＞8.2.1 文字字段text8.2.2 密码域password8.2.3 单选按钮radio8.2.4 复选框checkbox8.2.5 普通按钮button8.2.6 提交按钮submit8.2.7 重置按钮reset8.2.8 图像域image8.2.9 隐藏域hidden8.2.10 文件域file8.3 选择列表条目元素＜option＞8.4 选择列表元素＜select＞8.4.1 高度属性size8.4.2 多项选择属性multiple8.5 文本区域元素＜textarea＞8.6 课后习题第9章 创建框架结构网页9.1 框架简介9.2 框架集元素＜frameset＞9.2.1 水平分割窗口rows9.2.2 垂直分割窗口cols9.2.3 边框属性frameborder9.2.4 边框宽度framespacing9.2.5 边框颜色bordercolor9.3 框架内容元素＜frame＞9.3.1 框架页面源文件src9.3.2 框架名称name9.3.3 框架窗口的尺寸noresize9.3.4 框架边框与页面内容的水平边距marginwidth9.3.5 框架边框与页面内容的垂直边距marginheight9.3.6 设置框架滚动条scrolling9.3.7 不支持框架标记noframes9.4 浮动框架元素＜iframe＞9.4.1 浮动框架的页面源文件src9.4.2 浮动框架的宽度width和高度height9.4.3 浮动框架对齐方式align9.4.4 框架边框与页面内容的水平边距marginwidth9.4.5 框架边框与页面内容的垂直边距marginheight9.4.6 设置浮动框架是否显示滚动条scrolling9.4.7 浮动框架的边框frameborder9.5 课后习题第2篇 CSS基础篇第10章 (X)HTML与CSS概述10.1 HTML与XHTML10.1.1 什么是XHTML10.1.2 DOCTYPE声明10.1.3 XHTML与HTML的重要区别10.2 何谓Web标准10.3 (X)HTML与CSS10.3.1 CSS标准10.3.2 传统HTML的缺点10.3.3 如何编辑CSS10.4 课后习题第11章 CSS语言基础11.1 CSS基本语法11.2 基本CSS选择器11.2.1 标签选择器11.2.2 类选择器11.2.3 ID选择器11.3 在HTML中添加CSS的方法11.3.1 在标签中加入样式11.3.2 在HTML文档中植入CSS样式11.3.3 链接外部样式11.3.4 导入样式11.3.5 在脚本内添加CSS样式11.4 课后习题第12章 用CSS设置文本样式12.1 文字样式的设置12.1.1 字体font-family12.1.2 字号font-size12.1.3 文字倾斜效果font-style12.1.4 文字加粗font-weight12.1.5 字体变体font-variant12.2 文本的排版12.2.1 调整字母间距letter-spacing12.2.2 调整单词间距word-spacing12.2.3 添加文字修饰text-decoration12.2.4 设置文本排列方式text-align12.2.5 设置段落缩进text-indent12.2.6 调整行高line-height12.2.7 转换英文大小写text-transform12.2.8 垂直对齐属性vertical-align12.3 课后习题第13章 用CSS设置网页图片和背景13.1 设置图片边框13.1.1 基本属性13.1.2 设置不同的边框样式13.2 图片缩放13.3 图文混排13.3.1 文字环绕13.3.2 设置图片与文字的间距13.4 设置网页的背景13.4.1 背景颜色background-color13.4.2 背景图像background-image13.5 设置背景图像的属性13.5.1 背景图片重复background-repeat13.5.2 背景图片滚动属性background-attachment13.5.3 背景图片定位background-position13.6 课后习题第14章 CSS中的滤镜14.1 不透明度alpha14.2 动感模糊blur14.3 对颜色进行透明处理chroma14.4 设置阴影dropShadow14.5 对象的翻转flipH、flipV14.6 发光效果glow14.7 灰度处理gray14.8 反相invert14.9 X光片效果xray14.10 波形滤镜wave14.11 课后习题第15章 用CSS设置表格和表单样式15.1 控制表格元素的显示15.1.1 边框合并属性border-collapse15.1.2 表格边框间距属性border-spacing15.1.3 表格标题位置属性caption-side15.1.4 表格布局属性table-layout15.2 美化表格15.2.1 隔行换色的斑马纹表格15.2.2 通过mouse事件制作变色的单元格15.3 CSS与表单15.3.1 表单中的元素15.3.2 改变按钮的背景颜色和文字颜色15.3.3 用dl、dd、dt替换table实现表单布局15.3.4 设计文本框的样式15.3.5 改变下拉菜单颜色15.4 课后习题第16章 用CSS设置链接与导航菜单16.1 链接标签16.2 创建按钮式超链接16.3 控制鼠标指针16.4 设置项目列表样式16.4.1 列表符号类型list-style-type16.4.2 列表符号的混用16.4.3 列表图像属性list-style-image16.4.4 标签位置属性list-style-position16.4.5 列表综合属性list-style16.5 创建简单的导航菜单16.5.1 简单的竖直排列菜单16.5.2 横竖自由转换菜单16.6 鼠标指针移上时图片渐变的效果16.7 课后习题第3篇 CCS布局篇第17章 CSS盒子模型17.1 “盒子”与“模型”的概念17.2 边框border17.2.1 边框宽度border-width17.2.2 边框颜色border-color17.2.3 边框样式border-style17.3 设置内边距padding17.3.1 顶部属性padding-top17.3.2 右侧属性padding-right17.3.3 底部属性padding-bottom17.3.4 左侧属性padding-left17.4 设置外边距margin17.4.1 顶部边界属性margin-top17.4.2 右侧边界属性margin-right17.4.3 底部边界属性margin-bottom17.4.4 左侧边界属性margin-left17.5 课后习题第18章 盒子的浮动与定位18.1 盒子的浮动18.1.1 元素的浮动属性float18.1.2 清除浮动属性clear18.2 元素的定位18.2.1 元素的定位属性position18.2.2 上边偏移属性top、下边偏移属性bottom18.2.3 左边偏移属性left、右边偏移属性right18.3 盒子的定位18.3.1 绝对定位（absolute）18.3.2 固定定位（fixed）18.3.3 相对定位（relative）18.3.4 静态定位（static）18.4 z-index空间位置18.5 课后习题第19章 CSS DIV布局方法19.1 CSS布局理念19.1.1 将页面用DIV分块19.1.2 设计各块的位置19.1.3 用CSS定位19.2 固定宽度布局19.2.1 两列布局19.2.2 三列布局19.2.3 多列布局19.3 圆角框19.4 变宽度网页布局制作19.5 课后习题第4篇 JavaScript篇第20章 JavaScript基础20.1 JavaScript起步20.1.1 JavaScript简介20.1.2 JavaScript实例20.1.3 JavaScript放置位置20.2 JavaScript程序20.2.1 语句和语句块20.2.2 函数20.2.3 常用系统函数20.2.4 消息对话框20.2.5 注释20.3 标识符和变量20.3.1 关于命名的规定20.3.2 JavaScript的数据类型20.3.3 变量20.3.4 转义字符20.4 运算符和表达式20.4.1 算术运算符和表达式20.4.2 赋值运算符和表达式20.4.3 关系运算符和表达式20.4.4 逻辑运算符和表达式20.4.5 条件运算符和表达式20.5 对象20.5.1 对象属性的使用20.5.2 对象方法的使用20.5.3 浏览器的内部对象20.6 事件编程20.6.1 事件简介20.6.2 onFocus事件20.6.3 鼠标事件20.6.4 单击事件20.6.5 页面载入和离开20.7 课后习题第5篇 综合案例篇第21章 网站页面制作综合案例21.1 案例概述21.2 内容分析21.3 HTML结构设计21.4 页面方案设计21.5 定义页面的整体样式21.6 制作页面头部21.6.1 制作页面头部的结构21.6.2 定义页面头部的样式21.7 制作左侧导航21.7.1 制作左侧导航部分的结构21.7.2 定义左侧导航的样式21.8 制作“联系我们”部分21.8.1 制作“联系我们”部分的结构21.8.2 定义“联系我们”内容的样式21.9 制作“公司介绍”部分21.9.1 制作“公司介绍”部分结构21.9.2 定义“公司介绍”部分的样式21.10 制作“图片展示”和“新闻动态”21.10.1 制作页面结构21.10.2 定义页面样式21.11 制作“酒店订购”部分21.11.1 制作页面结构21.11.2 定义页面样式21.12 制作底部版权部分21.13 课后习题附录A HTML标签索引表附录B CSS常用样式速查表附录C JavaScript语法手册附录D 课后习题答案

　　本书涵盖HTML和CSS大部分常用元素和属性。使用典型实例，用图解方式诠释每个语法的具体使用方法。全面讲解CSS控制页面表现的方法，包括文字、图片、背景、表格、表单、导航等。深入剖析CSS布局的核心技术，应用CSS布局打造符合Web标准的页面设计。理论知识全面、典型实例讲解、课后习题强化、综合案例制作，手把手教你学会网页设计开发。　　由浅入深，循序渐进：《HTML CSS网页开发技术精解》的编排采用循序渐进的方式，适合初学者逐步掌握复杂的页面前台制作，不仅章与章之间遵循由浅入深的原则，每一章中的节与节之间也同样遵循这一原则。　　实例众多，步骤详细：每一个知识点均相应配以一个案例，通过边分析代码边查看结果。以一种可视化的方式来学习语言，避免了单纯学习语法的枯燥与乏味，使读者易于接受。所有案例都具有代表性，着重解决网页相关工作中的实际问题。　　图文并茂，重点突出：书中每个实例的演示效果都用图片的方式展示出来，做到明确直观。读者无须自己进行编码，也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下，读者也可以根据书中的实例和效果图进行分析和比较。　　本书学习的三大技术是Web标准的主要组成部分，在Web标准中，HTML/XHTML负责页面结构，CSS负责样式表现，JavaScript负责动态行为。《HTML CSS网页开发技术精解》不仅仅将笔墨局限于语法讲解上，每一个知识点均相应配以一个实例，通过边分析代码边查看结果，以一种可视化的方式来学习语言，避免了单纯学习语法的枯燥与乏味，使读者易于接受。　　本书共21章，由5部分组成，由浅入深地介绍了HTML、CSS、JavaScript。第1部分讲述了HTML的基础知识，包括教你如何编写HTML，如何运用这些标记在Web页面中生成特殊效果。第2部分介绍了(X)HTML与CSS概述，并对CSS的各个语法标记的应用进行了实例讲解。第3部分介绍了盒子模型的概念、盒子的浮动与定位方式、CSS与DIV的布局方法。第4部分介绍了JavaScript语法基础、JavaScript程序、JavaScript标识符和变量、JavaScript运算符和表达式、JavaScript中事件的分析、JavaScript中的不同对象。第5部分采用最流行的CSS DIV布局的方法，综合讲述了网站的制作全过程。