清华Web前端开发系列丛书HTML5+CSS3 WEB前端开发/唐四薪

目录 第1章Web前端开发概述/1 1.1Web前端开发与网页设计/1 1.1.1网页的概念和本质/1 1.1.2网页设计的两个基本问题/2 1.1.3网页设计语言——HTML简介/3 1.1.4网页制作软件/4 1.2网站的创建和制作流程/5 1.2.1网站的特征/5 1.2.2网站的开发步骤/6 1.2.3在Dreamweaver中建立站点/8 1.3Web服务器与浏览器/10 1.3.1Web服务器的作用/11 1.3.2浏览器的种类和作用/11 1.4URL与域名/13 习题1/14第2章HTML/15 2.1HTML概述/15 2.1.1HTML文档的结构/15 2.1.2Dreamweaver的开发界面/16 2.1.3使用DW新建HTML文件/17 2.1.4HTML标记/17 2.1.5常见的HTML标记及属性/18 2.2在网页中添加文本和图像/19 2.2.1创建文本和列表/19 2.2.2插入图像/21 2.3利用DW代码视图提高效率/22 2.3.1代码提示/23 2.3.2代码快速定位/23 2.3.3DW中的常用快捷键/24 2.4创建超链接/25 2.4.1超链接标记/252.4.2绝对URL与相对URL/27 2.4.3超链接的种类/28 2.4.4超链接目标的打开方式/30 2.4.5超链接制作的原则/30 2.4.6DW中超链接属性面板的使用/31 2.5插入Flash及嵌入其他网页/32 2.5.1插入Flash /32 2.5.2嵌入式框架标记/33 2.6头部标记/34 习题/35第3章HTML5与Web标准/36 3.1HTML5的改进/36 3.1.1HTML5新增的标记/36 3.1.2HTML5语法的改进/38 3.1.3HTML5的视音频功能/39 3.1.4HTML5的绘图功能/41 3.2Web标准/44 3.2.1传统HTML的缺点/44 3.2.2Web标准的含义/45 3.2.3Web标准的优势/47 3.3HTML元素的概念/47 3.3.1行内元素和块级元素/48 3.3.2和标记/48 习题/49第4章CSS样式美化/50 4.1CSS基础/50 4.1.1CSS的语法/50 4.1.2在HTML中引入CSS的方法/51 4.1.3选择器的分类/53 4.1.4CSS文本修饰/56 4.2CSS的特性/57 4.2.1CSS的层叠性/57 4.2.2CSS的继承性/59 4.2.3选择器的组合/60 4.3CSS高级选择器/64 4.3.1关系选择器/64 4.3.2属性选择器/66 4.3.3伪类选择器/67 4.3.4使用过渡属性配合动态伪类效果/70 4.3.5伪元素选择器/73 4.4CSS设计和书写技巧/75 4.4.1CSS样式总体设计原则/75 4.4.2DW对CSS的可视化编辑支持/76 4.4.3CSS属性的值和单位/79 4.4.4网页中的字体/80 4.4.5字体图标技术/82 4.5盒子模型及其属性/84 4.5.1盒子模型概述/84 4.5.2边框border属性/85 4.5.3圆角borderradius属性/87 4.5.4图像边框borderimage属性/89 4.5.5padding和margin属性/91 4.6标准流下的定位及应用/92 4.6.1标准流下的定位原则/92 4.6.2margin合并现象/95 4.6.3盒子模型的应用/96 4.6.4Chrome浏览器的CSS调试功能/99 4.7背景的运用/100 4.7.1CSS的背景属性/100 4.7.2背景的基本运用技术/104 4.7.3滑动门技术/107 4.7.4背景图像的翻转/111 4.7.5传统圆角效果/112 4.8CSS3样式美化功能/114 4.8.1阴影和发光效果/114 4.8.2渐变效果/117 4.8.3描边效果/120 4.8.4遮罩效果/121 4.9变形与动画效果/123 4.9.1平面变形效果/123 4.9.23D变换效果/126 4.9.3animation动画效果/131 习题/134第5章CSS布局/137 5.1浮动/137 5.1.1盒子浮动后的特点/137 5.1.2清除浮动元素的影响/140 5.1.3清除浮动影响的方法/140 5.2浮动的应用举例/143 5.2.1图文混排及首字下沉效果/143 5.2.2水平导航条/144 5.2.3新闻栏目框/145 5.2.4微博对话框/148 5.3相对定位/149 5.3.1定位属性和偏移属性/149 5.3.2相对定位的特点/149 5.3.3相对定位的应用举例/150 5.4绝对定位和固定定位/152 5.4.1绝对定位/152 5.4.2绝对定位的应用举例/154 5.4.3固定定位/163 5.4.4与定位属性有关的CSS属性/163 5.4.5overflow属性/166 5.4.6verticalalign属性/167 5.5CSS分栏布局/168 5.5.1分栏布局的种类/169 5.5.2网页居中的方法/170 5.5.3131版式网页布局/170 5.5.4121可变宽度布局/174 5.5.5CSS两列布局案例/176 5.5.6HTML5 新增的文档结构标记/181 5.5.7HTML5网页布局案例/183 5.6CSS3新增的布局方式/186 5.6.1弹性盒布局/186 5.6.2分栏布局/190 5.7CSS浏览器的兼容问题/192 习题/193第6章表格与表单/195 6.1创建表格/195 6.1.1表格标记/195 6.1.2表格行和单元格标记/197 6.1.3在DW中操作表格的方法/199 6.1.4制作固定宽度的表格/201 6.1.5特殊效果表格的制作/201 6.2使用CSS美化表格/203 6.2.1边框和背景的美化/203 6.2.2隔行变色效果/204 6.3创建表单/205 6.3.1标记及其属性/206 6.3.2标记/208 6.3.3和标记/211 6.3.4多行文本域标记/211 6.3.5表单数据的传递过程/212 6.3.6表单中的按钮/213 6.3.7表单的辅助标记/214 6.3.8HTML5新增的表单标记和属性/215 6.4美化表单/218 6.4.1搜索框/218 6.4.2用户登录表单/219 6.4.3用户注册表单/222 习题/223第7章响应式网页设计/225 7.1响应式网页的基本技术/225 7.1.1媒体查询/225 7.1.2流式布局/227 7.1.3自适应图片/229 7.1.4一列变宽、一列固定的方法/231 7.1.5响应式网页的头部代码设置/231 7.2响应式布局的网站实例/232 7.2.1页面总体布局的实现/233 7.2.2页头的设计/235 7.2.3响应式导航条的制作/235 7.2.4响应式栏目的制作/237 习题/239第8章JavaScript与jQuery基础/240 8.1JavaScript的代码结构/240 8.2JavaScript的事件编程/242 8.2.1JavaScript语言基础/242 8.2.2常用JavaScript事件/242 8.2.3事件监听程序/243 8.3JavaScript DOM编程/245 8.3.1动态效果的实现/245 8.3.2获取指定元素/246 8.3.3访问元素的CSS属性/247 8.3.4访问元素的内容/249 8.4使用浏览器对象/249 8.5jQuery基础/253 8.5.1jQuery的功能和使用/253 8.5.2jQuery中的“$”/254 8.5.3jQuery对象与DOM对象/258 8.5.4jQuery的选择器/260 8.5.5jQuery的事件绑定/261 8.5.6jQuery中的常用方法/262 8.5.7jQuery应用举例/263 习题/265第9章Bootstrap响应式网页设计/267 9.1Bootstrap的使用/267 9.1.1下载和引用Bootstrap框架/267 9.1.2Bootstrap栅格系统/269 9.1.3使用栅格系统进行响应式布局/271 9.2Bootstrap中的网页组件/277 9.2.1基于组件的网页制作方法/277 9.2.2导航条/279 9.2.3轮播插件/283 9.2.4选项卡面板/286 9.2.5媒体对象/288 9.2.6折叠面板组/290 9.2.7提示框与弹出框/292 9.2.8模态弹窗/293 9.3Bootstrap网页重构实例/295 习题/297附录实验/299 实验1个人简历网页/299 实验2圆饼型盒子的制作/299 实验3制作背景翻转的图标/300 实验4栏目框的制作/300 实验5页头和导航条的制作/301 实验6图片滚动栏的制作/301 实验7网页的布局设计/301 实验8网站首页的实现/301 实验9网站列表页的实现/301 实验10制作下拉菜单/302 实验11制作Tab面板/302 实验12使用Bootstrap制作响应式网页/302参考文献/303