内容简介
本书站在初学者的角度，以实用的案例、通俗易懂的语言详细介绍使用HTML、CSS和JavaScrip行网页制作的技巧。 本书共10章，结合HTML、CSS和Javascript的基础知识及应用，提供了34个案例和1个综合实训项目。其中，第1~3章讲解了HTML和CSS的基础知识括Web基本概念、HTML和CSS简介、Dreamweaver工具的使用、HTML文本和图像标签、CSS选择器、CSS样式、CSS的继承和优先等级。第4~8章分别讲解了盒子模型、列表和超链接、表格和表单、元素的浮动和定位、网页视听技术等。第9章讲解了Javascript编程基础与事件处理。第10章为综合实训项目——好趣艺术，带领读者开发一含结构、样式和行为的网站首页面。 本书附有源代码、教学课件等资源，还提供了在线答疑，用以帮助读者更好地学。 本书既可作为高等教育本、专科院校相关专业的网页设计教材，也可供网页制作爱好者学。
目录
第 1章 网页那点事 11．1 网页概述 11．1．1 网页的组成 11．1．2 网页名词解释 21．1．3 Web标准 41．2 网页制作技术入门 51．2．1 HTML 51．2．2 CSS 61．2．3 Javascript 61．2．4 网页的展台——浏览器 71．3 Dreamweaver工具的使用 91．3．1 认识Dreamweaver界面 101．3．2 Dreamweaver初始化设置 141．3．3 Dreamweaver基本操作 161．4 创建网页 171．5 动手实践 19第 2章 从零开始构建HTML页面 202．1 【案例1】简单的网页 20案例描述 20知识引入 201． HTML文档基本格式 202． 标签的分类 213． 标签的关系 224． 页面格式化标签 23案例实现 261． 分析效果图 262． 制作页面结构 263． 设置标题居中 272．2 【案例2】新闻页面 27案例描述 27知识引入 271． 标签的属 272． HTML文档头部相关标签 283． 文本样式标签 294． 文本格式化标签 30案例实现 301． 结构分析 302． 样式分析 313． 制作页面结构 314． 控制文本 312．3 【案例3】图文混排 32案例描述 32知识引入 321． 常见图像格式 322． 图像标签 333． 相对路径和路径 364． 特殊字符标签 37案例实现 371． 分析效果图 372． 制作页面结构 383． 控制图像 384． 控制文本 392．4 动手实践 40第3章 使用CSS技术美化网页 413．1 【案例4】文字Logo 41案例描述 41知识引入 411． 认识CSS 412． CSS样式规则 423． 引入CSS样式表 434． CSS基础选择器 47案例实现 491． 分析效果图 492． 制作页面结构 503． 定义CSS样式 503．2 【案例5】美食专题栏目 50案例描述 50知识引入 511． CSS字体样式属 512． CSS文本外观属 54案例实现 611． 结构分析 612． 样式分析 613． 制作页面结构 624． 定义CSS样式 623．3 【案例6】搜索页面 63案例描述 63知识引入 641． CSS复合选择器 642． CSS层叠和继承 663． CSS优先级 67案例实现 691． 结构分析 692． 样式分析 703． 制作页面结构 704． 定义CSS样式 703．4 动手实践 71第4章 运用盒子模型划分网页模块 724．1 【案例7】音乐盒 72案例描述 72知识引入 721． 认识盒子模型 722． 标签 733． 边框属 74案例实现 801． 结构分析 802． 样式分析 803． 制作页面结构 804． 定义CSS样式 804．2 【案例8】用户中心 81案例描述 81知识引入 811． 内边距属 812． 外边距属 833． 盒子的宽与高 84案例实现 851． 结构分析 852． 样式分析 853． 制作页面结构 854． 定义CSS样式 854．3 【案例9】咖啡店banner 86案例描述 86知识引入 871． 设置背景颜色 872． 设置背景图像 873． 设置背景图铺 884． 设置背景图像的位置 885． 设置背景图像固定 906． 综合设置元素的背景 90案例实现 911． 结构分析 912． 样式分析 913． 制作页面结构 914． 定义CSS样式 914．4 【案例10】图标导航栏 92案例描述 92知识引入 921． 元素类型 922． 标签 943． 元素类型的转换 95案例实现 961． 结构分析 962． 样式分析 963． 制作页面结构 964． 定义CSS样式 974．5 【案例11】创意画框 98案例描述 98知识引入 981． 颜色透明度 982． 图片边框 993． 阴影 1004． 渐变 101案例实现 1061． 结构分析 1062． 样式分析 1063． 制作页面结构 1064． 定义CSS样式 1074．6 【案例12】拼图效果 108案例描述 108知识引入 1081． 圆角 1082． 多背景图像 111案例实现 1111． 结构分析 1112． 样式分析 1123． 制作页面结构 1124． 定义CSS样式 1124．7 动手实践 113第5章 为网页添加列表和超链接 1145．1 【案例13】精美电商悬浮框 114案例描述 114知识引入 1141． 无序列表 1142． 有序列表 115案例实现 1171． 结构分析 1172． 样式分析 1173． 制作页面结构 1174． 定义CSS样式 1185．2 【案例14】二维码名片 119案例描述 119知识引入 1191． 定义列表 1192． 定义列表实现图文混排 1203． 列表嵌套的应用 121案例实现 1221． 结构分析 1222． 样式分析 1223． 制作页面结构 1234． 定义CSS样式 1235．3 【案例15】电商团购悬浮框 124案例描述 124知识引入 1251． list-style-type属 1252． list-style-image属 1263． list-style-position属 1274． list-style属 1275． 背景图像定义列表项目符号 128案例实现 1291． 结构分析 1292． 样式分析 1293． 制作页面结构 1294． 定义CSS样式 1305．4 【案例16】唱吧导航栏 131案例描述 131知识引入 1311． 创建超链接 1312． 锚点链接 1333． 链接伪类控制超链接 134案例实现 1361． 结构分析 1362． 样式分析 1363． 制作页面结构 1364． 定义CSS样式 1385．5 动手实践 139第6章 为网页添加表格和表单 1416．1 【案例17】简历表 141案例描述 141知识引入 1411． 创建表格 1412． 标签的属 1433． 标签的属 1474． 标签的属 1485． 标签及其属 1506． 表格的结构 1517． CSS控制表格样式 152案例实现 1561． 结构分析 1562． 样式分析 1573． 制作页面结构 1574． 定义CSS样式 1586．2 【案例18】用户登录界面 159案例描述 159知识引入 1591． 认识表单 1592． 创建表单 159案例实现 1611． 结构分析 1612． 样式分析 1613． 制作页面结构 1614． 定义CSS样式 1626．3 【案例19】趣味选择题 163案例描述 163知识引入 164input控件 164案例实现 1671． 结构分析 1672． 样式分析 1673． 制作页面结构 1674． 定义CSS样式 1686．4 【案例20】空间日志 169案例描述 169知识引入 1701． textarea控件 1702． select控件 171案例实现 1741． 结构分析 1742． 样式分析 1753． 制作页面结构 1754． 定义CSS样式 1756．5 【案例21】员工档案 177案例描述 177知识引入 178CSS控制表单样式 178案例实现 1801． 结构分析 1802． 样式分析 1803． 制作页面结构 1814． 定义CSS样式 1816．6 动手实践 183第7章 运用浮动和定位布局 1847．1 【案例22】世界杯梦幻阵容 184案例描述 184知识引入 185认识浮动 185案例实现 1871． 结构分析 1872． 样式分析 1873． 制作页面结构 1874． 定义CSS样式 1897．2 【案例23】商品专栏 189案例描述 189知识引入 190清除浮动 190案例实现 1941． 结构分析 1942． 样式分析 1943． 制作页面结构 1944． 定义CSS样式 1957．3 【案例24】移动端电商界面 196案例描述 196知识引入 196overflow属 196案例实现 1991． 结构分析 1992． 样式分析 1993． 制作页面结构 1994． 定义CSS样式 2007．4 【案例25】违停查询 201案例描述 201知识引入 2011． 认识定位属 2012． 定位类型 2023． z-index层叠等级属 206案例实现 2061． 结构分析 2062． 样式分析 2063． 制作页面结构 2074． 定义CSS样式 2077．5 【案例26】网页布局 209案例描述 209知识引入 2101． 认识布局 2102． 单列布局 2113． 两列布局 2134． 三列布局 2145． 网页模块命名规范 217案例实现 2181． 结构分析 2182． 样式分析 2183． 制作页面结构 2184． 定义CSS样式 2197．6 动手实践 220第8章 的网页视听技术 2218．1 【案例27】电影播放界面 221案例描述 221知识引入 2221． 音频和嵌入技术概述 2222． 嵌入 2233． 嵌入音频 2254． 浏览器对音频、文件的兼容 2255． 控制宽和高 226案例实现 2281． 结构分析 2282． 样式分析 2283． 制作页面结构 2294． 定义CSS样式 2298．2 【案例28】导航栏悬浮 231案例描述 231知识引入 2311． transition-property属 2312． transition-duration属 2323． transition-timing-function属 2334． transition-delay属 2345． transition属 234案例实现 2341． 结构分析 2342． 样式分析 2353． 制作页面结构 2354． 定义CSS样式 2358．3 【案例29】翻牌动画 236案例描述 236知识引入 2371． 2D变形 2372． 3D变形 242案例实现 2451． 结构分析 2452． 样式分析 2453． 制作页面结构 2464． 定义CSS样式 2468．4 【案例30】宝石旋转 247案例描述 247知识引入 2471． @keyframes规则 2472． animation-name属 2483． animation-duration属 2484． animation-timing-function属 2495． animation-delay属 2506． animation-iteration-count属 2507． animation-direction属 2508． animation属 251案例实现 2511． 结构分析 2512． 样式分析 2513． 制作页面结构 2524． 定义CSS样式 2528．5 动手实践 254第9章 简单的Javascript 2559．1 【案例31】身份验证 255案例描述 255知识引入 2561． 认识Javascript 2562． Javascript的语法规则 2583． 关键字 2584． Javascript的引入方式 2595． alert()方法 2606． prompt()方法 260案例实现 2611． 案例分析 2612． 案例实现 2619．2 【案例32】商城下拉菜单 261案例描述 261知识引入 2621． DOM简介 2622． 对象 2623． 访问节点 2634． 设置节点样式 2635． 变量 2646． 函数 2657． 事件和事件调用 2678． 常用的Javascript事件 268案例实现 2691． 结构分析 2692． 样式分析 2693． Javascript效果分析 2694． 制作页面结构 2695． 定义CSS样式 2706． 添加Javascript 2719．3 【案例33】限时 271案例描述 271知识引入 2711． 数据类型 2712． 运算符 2733． 运算符优先级 2774． 条件语句 2795． BOM简介 2836． Date对象 2877． 数据类型转换 288案例实现 2891． 结构分析 2892． 样式分析 2893． Javascript效果分析 2894． 制作页面结构 2895． 定义CSS样式 2906． 添加Javascript效果 2919．4 【案例34】Tab栏切换效果 292案例描述 292知识引入 2921． 循环控制语句 2922． 跳转语句 2953． 数组 296案例实现 2971． 结构分析 2972． 样式分析 2983． Javascript效果分析 2984． 制作页面结构 2985． 定义CSS样式 2996． 添加Javascript效果 3009．5 动手实践 301第 10章 实战开发—好趣艺术设计部落首页面 30210．1 准备工作 3031． 建立站点 3032． 站点初始化设置 3033． 切片 3044． 效果图分析 3065． 页面布局 3076． 定义公共样式 30810．2 首页面详细制作 3081． 制作头部和导航 3082． banner和通知公告 3083． 主体内容区域 3084． 底部版权区域 30910．3 动手实践 309