HTML+CSS+Java Script网页设计实用教程

目录 第1章HTML、CSS、JavaScript基础知识和基本语法/1 1.1Web网页的基本概念/1 1.1.1网页/1 1.1.2网站/2 1.2静态网页工作原理与制作工具/3 1.2.1静态网页的工作原理/3 1.2.2运行Web服务器中的页面/4 1.2.3静态网页制作工具/8 1.3HTML、CSS、JavaScript简介/8 1.3.1HTML超文本标记语言/8 1.3.2CSS 层叠样式表/10 1.3.3JavaScript脚本语言/11 1.4页面文档结构和基本语法/11 1.4.1HTML文档结构/11 1.4.2HTML基本语法/12 1.4.3XHTML文档结构/14 1.5页面文档头部的相关标记/15 1.5.1设置页面标题/15 1.5.2定义页面元信息/15 1.5.3引用外部文件/17 1.6习题/18第2章CSS样式表基础/20 2.1CSS中层叠的概念/20 2.2CSS样式规则与内联CSS样式/21 2.2.1CSS样式规则/21 2.2.2内联CSS样式/22 2.3CSS样式表/23 2.3.1CSS样式表结构与使用/23 2.3.2基本选择符/25 2.3.3群组与通用选择符/28 2.3.4包含与子对象选择符/292.3.5相邻选择符/33 2.3.6属性选择符/34 2.3.7伪对象(伪元素)选择符/38 2.3.8伪类选择符/39 2.4CSS常用样式/42 2.4.1CSS颜色的属性值/42 2.4.2CSS设置鼠标形状cursor/42 2.4.3CSS大小尺寸量度的属性值/43 2.4.4文本字符的CSS样式属性/44 2.4.5文本外观CSS样式属性/46 2.5样式规则的优先级/51 2.5.1样式规则的优先级原则/52 2.5.2用!important提高样式优先级/54 2.6案例分析与实现/56 2.7习题/57第3章盒子的应用/59 3.1盒模型的结构/59 3.1.1盒子的宽度与高度/60 3.1.2盒子的内填充与外边距/60 3.1.3盒子的边框/61 3.1.4盒子的阴影效果/65 3.1.5boxsizing属性/66 3.1.6盒子的背景/67 3.1.7网页元素div/69 3.2垂直外边距的合并/70 3.2.1上下相邻元素的垂直外边距合并/70 3.2.2内外包含元素的垂直边距合并/70 3.2.3空元素自身的垂直外边距合并/71 3.3盒子的排列/71 3.3.1盒子的居中/71 3.3.2盒子的浮动与清除浮动/72 3.3.3盒子的布局应用举例/76 3.4盒子的定位/77 3.4.1自动定位static/78 3.4.2相对定位relative/78 3.4.3绝对定位absolute/81 3.4.4固定定位fixed/85 3.4.5元素的层叠等级/85 3.5盒子的显示方式与可见性/86 3.5.1块元素和行内元素/86 3.5.2元素的显示方式/86 3.5.3元素的可见性visibility/87 3.6弹出式菜单设计/87 3.7习题/94第4章HTML的基本元素及样式/96 4.1文本及相关标记/96 4.1.1HTML文本字符与注释标记/96 4.1.2文本相关标记/97 4.2图像与图像样式/99 4.2.1插入图像/99 4.2.2图像样式/100 4.2.3使用display:block将图像转换为块级元素/102 4.2.4使用float将图像设置为浮动块元素/102 4.3小案例: div、图像和文本的综合排版/103 4.3.1案例分析/104 4.3.2案例代码/105 4.4列表标记与相关样式/106 4.4.1各种列表标记介绍/107 4.4.2列表样式/109 4.5超链接标记与伪类/111 4.5.1超链接标记及属性/111 4.5.2链接到普通文档、图像或多媒体文件/113 4.5.3设置锚点与Email链接/115 4.5.4超链接伪类选择符/116 4.6图像映射标记/120 4.6.1创建图像映射标记/121 4.6.2使用图像映射的图像/121 4.7表格标记及样式/123 4.7.1创建表格的基本标记/123 4.7.2表格基本标记中的样式属性/126 4.7.3表格单元格合并/129 4.7.4表格结构划分标记 /131 4.8小案例: 山东商职学院网站首页制作/133 4.9课堂练习小案例/140 4.10习题/141第5章HTML框架、表单、多媒体/144 5.1HTML的浮动框架/144 5.1.1浮动框架的基本概念/144 5.1.2浮动框架的应用举例/145 5.2表单标记/148 5.2.1创建表单标记/148 5.2.2表单输入标记/149 5.2.3HTML5新增输入元素/156 5.2.4文本区标记/159 5.2.5滚动列表与下拉列表标记 /160 5.2.6按钮标记/163 5.2.7控件标签标记/163 5.2.8表单分组及标题标记 /164 5.2.9应用div和样式的表单设计/166 5.3滚动字幕、背景音乐与多媒体/169 5.3.1滚动字幕标记/169 5.3.2背景音乐标记/171 5.3.3播放多媒体标记/171 5.4习题/172第6章JavaScript基础/173 6.1JavaScript概述/173 6.1.1ECMAScript/173 6.1.2DOM简介/174 6.1.3浏览器对象模型BOM/175 6.1.4JavaScript语言的特点/176 6.1.5JavaScript的使用/177 6.2JavaScript基本概念/181 6.2.1语法/181 6.2.2关键字和保留字/181 6.2.3变量/182 6.2.4数据类型/183 6.3JavaScript运算符与表达式/186 6.3.1算术运算符与表达式/187 6.3.2赋值运算符与表达式/187 6.3.3比较、逻辑运算符与表达式/187 6.3.4条件运算符与表达式/189 6.4JavaScript语句/189 6.4.1if语句/189 6.4.2switch语句/190 6.4.3循环语句while、dowhile、for/193 6.4.4break和continue语句/197 6.5JavaScript自定义函数/200 6.5.1函数声明和函数表达式/200 6.5.2函数内部属性/205 6.5.3函数的嵌套与递归/206 6.5.4匿名函数/207 6.5.5闭包/211 6.6JavaScript事件处理/216 6.6.1JavaScript的常用事件/217 6.6.2页面相关事件与函数的记忆调用/220 6.6.3鼠标相关事件/222 6.6.4焦点、按键及表单相关事件/227 6.6.5表单数据验证/230 6.7onerror事件与页面错误提示/236 6.7.1用onerror事件捕获错误/236 6.7.2用try…catch捕获错误/238 6.8习题/242第7章JavaScript全局对象与系统对象/244 7.1面向对象概述/244 7.1.1面向对象基础/244 7.1.2对象访问语句/245 7.2JavaScript全局对象/246 7.2.1全局对象的属性——全局变量/246 7.2.2全局对象的方法——全局函数/246 7.3浏览器窗口对象window/249 7.3.1window对象的属性/249 7.3.2window对象的对话框/252 7.3.3window对象的方法/253 7.3.4定时器应用小案例——图片轮换与漂浮广告 /259 7.4浏览器信息对象navigator/263 7.5location对象/264 7.5.1location对象的属性/265 7.5.2location对象的方法/265 7.6history对象/267 7.7习题/269第8章JavaScript内置对象与DOM对象/270 8.1Date对象/270 8.1.1Date日期时间对象的创建/270 8.1.2Date日期时间对象的常用方法/271 8.2Array对象/273 8.2.1数组的创建与属性/273 8.2.2数组对象的方法/274 8.2.3数组对象与日期时间对象的综合应用/279 8.2.4表单复选框组数据验证的实现/279 8.3String对象/281 8.4RegExp对象/285 8.4.1正则表达式的构成/285 8.4.2RegExp正则表达式对象的创建与属性/288 8.4.3RegExp正则表达式对象的方法/289 8.4.4String字符串对象使用正则表达式的方法 /292 8.5Math对象/295 8.6DOM/296 8.6.1document对象/297 8.6.2DOM节点对象的通用属性/299 8.6.3标记对象的属性/299 8.6.4标记对象的方法/301 8.6.5表单脚本/304 8.6.6节点对象综合应用案例/308 8.7event事件对象/310 8.8style样式对象/314 8.9习题/316附录: 习题答案/320 第1章/320 第2章/320 第3章/321 第4章/321 第5章/322 第6章/323 第7章/324 第8章/324