HTML5+CSS3网页设计与制作案例教程

本书特色

[

Web标准是所有网页前端技术的规范和发展方向,HTML5和CSS3是Web标准的主要组成部分,阐述了内容和样式分离的网页设计精髓。
《HTML5 CSS3网页设计与制作案例教程(第2版)》共15章,从初学者的角度出发,以知识点示例、章节综合案例、全书综合案例和实验手册等形式,全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV CSS网页布局技术等内容。讲解过程由浅入深、循序渐进,力求通过实例操作让读者快速掌握网页设计的方法和技巧。
《HTML5 CSS3网页设计与制作案例教程(第2版)》提供所有实例的源文件、习题参考答案以及教学课件,以方便读者学习和参考。
《HTML5 CSS3网页设计与制作案例教程(第2版)》既适合作为大中专院校和培训学校计算机相关专业学生的教材,也适合作为网页设计制作人员及爱好者的参考用书。

]

内容简介

[

本书第1 版是编者们在一线教学过程中总结经验而来的,自2017 年1 月出版以来,已被30 多所高等院校选作网页设计相关课程的教材,也被很多读者选为网页设计学习的自学
工具书,受到了高校师生和广大读者朋友的喜爱,进行了多次印刷,累计销量近2 万册。
近3 年来,编者团队并没有停下步伐,依然在不断的进行教学和探索。
本书改版的动力主要来自以下几个方面:
(1) 网页设计与制作技术的发展,特别是浏览器对新版本语言和技术的支持。
(2) 第1 版在使用过程中得到的积极反馈和建议。
(3) 作者在教学实践过程中新的心得和体会。
(4) 图书出版相关的新技术新方式的出现。
(5) 对案例设计涉及内容的推陈出新,特别是对中国传统文化欣赏的植入。
第2 版对全书章节结构进行了更加合理的调整,改写了原有疏漏和需要改进的地方,并继承和发扬了第1 版的特色,力求更加科学严谨。主要改动体现在以下方面:
(1) 对章内知识点顺序和内容进行调整,使其更清晰明了。
(2) 顺应应用趋势,增加新的技术和方法,删掉一些过时或应用较少的内容。
(3) 使用新版浏览器浏览网页。
(4) 调整与修改部分习题。
(5) 将部分案例内容修改为中国传统文化相关,以期潜移默化的弘扬中国传统文化知识。
(6) 对全书章节结构进行了调整,将原第12 章“CSS 美化表格与表单”内容整合入原第10 章“CSS 盒子模型”,使全书结构更合理。
(7) 将案例代码、习题答案、附录文件、课件等配套资源放在网上,通过扫描相应二维码等方式下载。

]

目录

第1章 网页设计基础知识 11.1 网页相关知识简介 21.1.1 互联网、因特网和万维网 21.1.2 网站和网页 21.1.3 网页与HTML 31.1.4 静态网页和动态网页 41.1.5 IP地址、域名和URL 51.1.6 HTTP和FTP 61.1.7 浏览器 61.2 网页的基本元素 61.2.1 网页的基本媒体元素 61.2.2 网页的基本布局元素 81.3 网页设计常用技术 101.3.1 网页标记语言HTML 101.3.2 网页表现技术CSS 101.3.3 网页脚本语言JavaScript 101.3.4 动态网页编程技术ASP.NET、JSP、PHP等 111.4 网页设计常用工具 111.4.1 基于文本的编辑器 111.4.2 所见即所得编辑器 121.4.3 如何选择工具 131.5 习题 131.5.1 单选题 131.5.2 填空题 141.5.3 判断题 141.5.4 简答题 14第2章 HTML5基础 152.1 认识HTML5 162.1.1 HTML及其发展 162.1.2 HTML5的特点 162.1.3 编写**个HTML5文件 172.2 HTML基本语法 182.2.1 标记与元素 182.2.2 HTML属性 192.2.3 全局属性 202.3 HTML5文档的结构 222.3.1 HTML5文档的基本结构 222.3.2 网页标题 232.3.3 定义元数据 232.3.4 HTML5新增的结构标记 252.4 综合案例——基本的HTML5网页 262.5 习题 272.5.1 单选题 272.5.2 填空题 282.5.3 判断题 282.5.4 简答题 28第3章 文字与段落 293.1 基本的文字排版 303.1.1 段落 303.1.2 控制换行 313.1.3 预先格式化 323.1.4 标题文字~ 343.1.5 水平线 343.2 HTML基本语法 363.2.1 强调文本/// 363.2.2 作品标题 373.2.3 小型文本 383.2.4 标记文本改变/ 393.2.5 文字上下标/ 403.2.6 旁注// 403.2.7 日期时间 413.2.8 其他语义化、结构化元素 423.3 使用字符实体表示特殊符号 423.4 添加注释 443.5 列表 453.5.1 无序列表 453.5.2 有序列表 463.5.3 描述列表// 473.5.4 列表的嵌套 483.6 块级元素与行内元素 493.7 无语义的容器元素 503.7.1 div元素 503.7.2 span元素 513.8 综合案例——简单文字网页 523.9 习题 543.9.1 单选题 543.9.2 填空题 553.9.3 判断题 553.9.4 简答题 55第4章 图像、音频和视频等 564.1 文件路径 574.1.1 绝对路径 574.1.2 相对路径 574.2 在网页中插入图像 584.2.1 网页图像的格式 584.2.2 插入图像 594.3 在网页中插入视频 614.3.1 视频格式 614.3.2 插入视频 614.4 在网页中插入音频 624.4.1 音频格式 634.4.2 插入音频 634.5 使用多种来源的多媒体和备用文本 644.6 插入多媒体文件 654.7 定义媒介分组和标题/ 664.8 综合案例——多媒体页面的设计 674.9 习题 684.9.1 单选题 684.9.2 填空题 694.9.3 判断题 694.9.4 简答题 69第5章 超链接 705.1 超链接概述 715.2 基本链接 715.2.1 外部链接 715.2.2 内部链接 735.2.3 标记的属性 735.2.4 超链接的目标类型 765.3 锚记(书签)链接 785.4 设置图像映射 805.5 内联框架及其链接 835.5.1 内联框架 835.5.2 内联框架相关的链接 845.6 定义基准地址 865.7 综合案例——设置超链接 875.8 习题 895.8.1 单选题 895.8.2 填空题 905.8.3 判断题 905.8.4 简答题 90第6章 表格 916.1 表格简介 926.2 创建表格 926.2.1 表格基本结构 936.2.2 表格边框显示 946.2.3 带图像的单元格 966.3 合并单元格 966.3.1 设置跨列colspan 976.3.2 设置跨行rowspan 986.4 表格嵌套 996.5 表格的按行分组显示// 1006.6 综合案例——表格应用 1026.7 习题 1036.7.1 单选题 1036.7.2 填空题 1046.7.3 判断题 1046.7.4 简答题 1046.7.5 应用题 104第7章 表单 1057.1 表单概述 1067.2 建立表单 1077.3 基本的表单控件 1077.3.1 标记 1087.3.2 多行文本框 1137.3.3 选择列表// 1147.4 新增表单控件 1167.4.1 url类型 1167.4.2 email类型 1177.4.3 日期和时间类型 1177.4.4 数字类型 1187.4.5 color类型 1197.4.6 search类型 1207.4.7 tel类型 1207.5 fieldset控件组 1217.6 常用公共属性 1217.6.1 autofocus属性 1227.6.2 placeholder属性 1227.6.3 required属性 1237.6.4 pattern属性 1247.7 综合案例——表单设计 1257.8 习题 1277.8.1 单选题 1277.8.2 填空题 1277.8.3 判断题 1287.8.4 简答题 128第8章 CSS基础 1298.1 CSS介绍 1308.1.1 CSS概述 1308.1.2 CSS3 1318.2 CSS的基本语法 1318.3 CSS属性 1328.4 在HTML文档中使用CSS的方法 1348.4.1 行内样式 1348.4.2 内部样式表 1368.4.3 链入外部样式表 1388.4.4 导入外部样式表 1408.5 CSS基本选择器 1418.5.1 标记选择器 1428.5.2 类选择器 1428.5.3 id选择器 1448.5.4 通用选择器 1458.6 其他CSS选择器 1468.6.1 组合选择器 1468.6.2 伪类选择器 1518.6.3 伪对象选择器 1518.6.4 属性选择器 1528.7 综合案例——CSS的简单应用 1538.8 习题 1578.8.1 单选题 1578.8.2 填空题 1578.8.3 判断题 1578.8.4 简答题 158第9章 CSS文本样式 1599.1 颜色color 1609.2 CSS字体属性 1629.2.1 字型font-family 1629.2.2 字体尺寸font-size 1639.2.3 字体粗细font-weight 1669.2.4 字体风格font-style 1679.2.5 小型大写字母font-variant 1689.2.6 字体复合属性font 1699.3 文本格式化 1709.3.1 行高line-height 1719.3.2 水平对齐方式text-align 1729.3.3 文本缩进text-indent 1739.3.4 大小写text-transform 1759.3.5 字符间距letter-spacing 1769.3.6 单词间距word-spacing 1779.3.7 垂直对齐方式vertical-align 1789.3.8 文本修饰text-decoration 1799.3.9 文本阴影text-shadow 1819.3.10 书写模式writing-mode 1829.3.11 断行处理word-wrap和overflow-wrap 1849.3.12 文本相关伪对象 1869.4 CSS列表属性 1879.4.1 列表项目符号list-style-type 1879.4.2 图像列表项目符号list-style-image 1899.4.3 列表项目符号位置list-style-position 1909.4.4 列表项目复合属性list-style 1919.5 综合案例——基本图文混排网页 1929.6 习题 1969.6.1 单选题 1969.6.2 填空题 1979.6.3 判断题 1979.6.4 简答题 197第10章 CSS盒子模型 19810.1 盒子BOX的基本概念 19910.1.1 盒子的基本形式 19910.1.2 盒子大小的计算width/height 20110.1.3 改变盒子大小的计算方式box-sizing 20310.2 边框的基本属性 20410.2.1 边框样式border-style 20410.2.2 边框厚度border-width 20610.2.3 边框颜色border-color 20810.2.4 边框复合属性 20910.3 边距 21010.3.1 内边距padding 21110.3.2 外边距margin 21310.4 边框的其他属性 21510.4.1 圆角边框border-radius 21510.4.2 图像边框border-image 21710.4.3 盒子阴影box-shadow 22210.5 表格和表单BOX的样式 22510.5.1 设计表格样式 22510.5.2 设计表单样式 22810.6 综合案例——盒子布局排版 23110.7 习题 23610.7.1 单选题 23610.7.2 填空题 23710.7.3 判断题 23710.7.4 简答题 23710.7.5 应用题 238
第11章 CSS背景 23911.1 CSS背景概述 24011.2 背景颜色 24011.2.1 背景颜色background-color 24011.2.2 用背景色给页面分块 24211.3 背景图像 24511.3.1 页面背景图像background-image 24511.3.2 背景图像重复background-repeat 24711.3.3 背景图像滚动background-attachment 24911.3.4 背景图像位置background-position 25111.3.5 背景参考原点background-origin 25311.3.6 背景图像尺寸background-size 25411.3.7 背景图像裁剪区域background-clip 25611.3.8 线性渐变背景图像 25811.4 背景复合属性和多背景 26011.4.1 背景复合属性background 26011.4.2 多背景 26111.5 定义不透明度 26211.6 综合案例——设置背景 26311.7 习题 27011.7.1 单选题 27011.7.2 填空题 27011.7.3 判断题 27111.7.4 简答题 271第12章 CSS盒子布局和定位 27212.1 CSS定位属性 27312.1.1 正常流向 27312.1.2 定位偏移属性top、bottom、right、left 27412.1.3 定位方式position 27412.1.4 分层呈现z-index 28112.1.5 裁切clip 28212.2 CSS布局属性 28312.2.1 可见性visibility 28312.2.2 溢出overflow 28512.2.3 显示display 28712.2.4 浮动float 28912.2.5 清除clear 29112.3 综合案例——布局和定位应用 29412.4 习题 30312.4.1 单选题 30312.4.2 填空题 30412.4.3 判断题 30412.4.4 简答题 304第13章 网页布局 30513.1 网页布局方法 30613.1.1 网页布局基本思想 30613.1.2 DIV CSS布局 30613.1.3 DIV CSS分块方法 30713.2 设计超链接样式 31113.2.1 超链接样式变换 31113.2.2 按钮式超链接 31513.2.3 使用列表制作菜单 31813.3 布局版式 32113.3.1 版心和布局流程 32113.3.2 单列布局 32313.3.3 两列布局 32713.3.4 三列布局 33313.3.5 通栏布局 34313.4 习题 35213.4.1 单选题 35213.4.2 填空题 35313.4.3 判断题 35313.4.4 简答题 353第14章 综合案例——旅游网页 35414.1 页面总体设计与实现 35514.1.1 页面效果 35514.1.2 页面版式布局 35614.1.3 页面代码实现 35614.2 全局样式设定 36614.3 页眉区(top) 36614.3.1 链接菜单(link) 36714.3.2 导航菜单(menu) 36714.3.3 横幅广告(bannerwrap) 36914.4 主内容区(main) 36914.4.1 登录区(login) 37014.4.2 左边内容区(left) 37114.4.3 中间上部内容区(centertop) 37314.4.4 中间底部内容区(centerbottom) 37514.4.5 右边内容区(rigth) 37714.4.6 页脚区(footer) 379第15章 综合案例——婚戒网站 38015.1 网站总体设计 38115.2 首页设计 38215.2.1 首页页面效果 38215.2.2 首页版式布局 38415.2.3 首页HTML代码实现 38515.2.4 公用的CSS代码实现 38715.2.5 首页CSS代码实现 389 15.3 “品牌文化”页面设计 39215.3.1 “品牌文化”页面效果 39215.3.2 “品牌文化”页面版式布局 39515.3.3 “品牌文化”页面HTML代码实现 39615.3.4 “品牌文化”页面CSS代码实现 39815.4 “排行榜”页面设计 40015.4.1 “排行榜”页面效果 40115.4.2 “排行榜”页面版式布局 40315.4.3 “排行榜”页面HTML代码实现 40315.4.4 “排行榜”页面CSS代码实现 40415.5 “爱的社区”页面设计 40615.5.1 “爱的社区”页面效果 40615.5.2 “爱的社区”页面版式布局 40815.5.3 “爱的社区”页面HTML代码实现 41015.5.4 “爱的社区”页面CSS代码实现 411参考文献 413附录 414附录A 414附录B 414附录C 414附录D 414附录E 414

封面

HTML5+CSS3网页设计与制作案例教程

书名:HTML5+CSS3网页设计与制作案例教程

作者:姬莉霞

页数:412页

定价:¥79.8

出版社:清华大学出版社

出版日期:2020-04-29

ISBN:9787302543664

PDF电子书大小:81MB 高清扫描完整版

百度云下载:http://www.chendianrong.com/pdf

发表评论

邮箱地址不会被公开。 必填项已用*标注