网页设计与制作案例教程(HTML5+CSS3)(第2版)
定价:¥58.00
作者: 徐洪亮
出版时间:2025-06
出版社:电子工业出版社
- 电子工业出版社
- 9787121440007
- 1-4
- 560242
- 平塑
- 16开
- 2025-06
- 653
- 408
- 计算机类
- 中职
内容简介
本书共14章,分为基础篇、技能篇、布局篇和应用篇。基础篇主要内容包括网页基础、HTML语言基础、CSS样式基础。技能篇主要介绍使用CSS设置文字样式、图像样式、列表样式、表格样式及表单样式。布局篇详细讲解盒子模型,以及网页的三种基本布局方法:标准流布局、浮动布局和定位布局。应用篇给出了两个具有很强实用性的综合应用案例。 本书注重理论与实践相结合,将企业实际工作规范融入案例中,以避免书本知识与实际应用脱节,实现学习与工作的紧密衔接。 本书面向初、中级用户,可作为中、高等职业院校网站建设与管理专业的教材,同时也适合学习网页设计与制作的人员作为参考,还可供广大网页设计爱好者自学使用。
目录
基 础 篇__eol__第1章 网页基础 / 1__eol__1.1 基础项目1:制作“念奴娇·赤壁怀古”网页 / 1__eol__1.2 知识库:网页基础知识 / 5__eol__1.2.1 网站开发流程 / 5__eol__1.2.2 网页常用术语 / 8__eol__1.2.3 网页文件命名规范 / 10__eol__1.3 基础项目2:制作“苏轼介绍”网页 / 11__eol__1.4 知识库:Dreamweaver 2021的工作界面和使用技巧 / 14__eol__1.4.1 启动Dreamweaver 2021 / 14__eol__1.4.2 认识Dreamweaver 2021工作界面 / 17__eol__1.4.3 更改Dreamweaver 2021默认界面和布局 / 21__eol__1.4.4 使用Dreamweaver 2021的几个小技巧 / 22__eol__1.5 提高项目:制作“青春颂歌”网页 / 23__eol__1.6 拓展项目:制作“速度滑冰”网页 / 24__eol__知识检测1 / 24__eol__第2章 HTML语言基础 / 26__eol__2.1 基础项目1:制作“走向远方”网页 / 26__eol__2.2 知识库:HTML语言的概念和基本结构 / 27__eol__2.2.1 HTML语言的概念 / 27__eol__2.2.2 HTML文档的基本结构 / 28__eol__2.3 基础项目2:制作“我的空间”网页 / 30__eol__2.4 知识库:HTML标签的分类及常见的HTML标签 / 32__eol__2.4.1 HTML标签的分类 / 32__eol__2.4.2 常见的HTML标签 / 34__eol__2.5 提高项目:制作“垃圾分类 人人有责”网页 / 43__eol__2.6 拓展项目:制作“菜鸟加油”网页 / 44__eol__知识检测2 / 44__eol__第3章 CSS样式基础 / 45__eol__3.1 基础项目1:制作“古诗词欣赏”网页 / 45__eol__3.2 知识库:CSS语言的概念和基本结构 / 50__eol__3.2.1 CSS语言的概念 / 50__eol__3.2.2 CSS语言的基本结构和注释 / 50__eol__3.2.3 CSS书写顺序及规范 / 51__eol__3.3 基础项目2:制作“服务奥运,精彩人生”网页 / 54__eol__3.4 知识库:CSS样式表的引入及选择器的使用 / 58__eol__3.4.1 CSS样式表的引入 / 58__eol__3.4.2 CSS选择器的使用 / 61__eol__3.5 提高项目:制作“女排精神”网页 / 68__eol__3.6 拓展项目:制作“琴棋书画”网页 / 69__eol__知识检测3 / 70__eol__技 能 篇__eol__第4章 使用CSS设置文字样式 / 71__eol__4.1 基础项目1:制作“古人书房佳联赏析”网页 / 71__eol__4.2 知识库:CSS文字样式 / 75__eol__4.2.1 文字样式常用属性 / 75__eol__4.2.2 网页安全色 / 80__eol__4.2.3 CSS网页元素的长度单位 / 80__eol__4.3 基础项目2:制作“中国名花”网页 / 82__eol__4.4 知识库:CSS段落样式与元素特性 / 87__eol__4.4.1 段落样式常用属性 / 87__eol__4.4.2 关于标签 / 92__eol__4.4.3 清除行内块元素默认空白间隙技巧 / 92__eol__4.5 提高项目:制作“诗词鉴赏”网页 / 94__eol__4.6 拓展项目:制作“古典园林”网页 / 96__eol__知识检测4 / 97__eol__第5章 使用CSS设置图像样式 / 98__eol__5.1 基础项目1:制作“茶文化”网页 / 98__eol__5.2 知识库:CSS图像样式 / 102__eol__5.2.1 网页图像格式 / 102__eol__5.2.2 常用CSS图像样式 / 103__eol__5.2.3 图像映射 / 107__eol__5.3 基础项目2:制作“少年中国说”网页 / 109__eol__5.4 知识库:CSS背景样式 / 113__eol__5.4.1 背景颜色样式 / 113__eol__5.4.2 背景图像样式 / 114__eol__5.4.3 CSS雪碧图 / 116__eol__5.5 提高项目:制作“低碳生活 从我做起”网页 / 119__eol__5.6 拓展项目:制作“春节民俗”网页 / 120__eol__知识检测5 / 121__eol__第6章 使用CSS设置列表样式 / 122__eol__6.1 基础项目1:制作“特色北京”横向导航栏 / 122__eol__6.2 基础项目2:制作“特色北京”纵向导航栏 / 125__eol__6.3 基础项目3:制作“八大菜系”下拉菜单式导航栏 / 127__eol__6.4 基础项目4:制作“青少年文明公约”网页 / 132__eol__6.5 基础项目5:制作“2020年感动中国十大人物”网页 / 136__eol__6.6 知识库:CSS常用列表样式 / 141__eol__6.6.1 HTML列表 / 141__eol__6.6.2 常用CSS列表样式 / 143__eol__6.7 提高项目:制作“悦读图书榜”网页 / 144__eol__6.8 拓展项目:制作“环保在行动”网页 / 145__eol__知识检测6 / 145__eol__第7章 使用CSS设置表格样式 / 147__eol__7.1 基础项目1:制作“神舟系列飞船发射情况表”网页 / 147__eol__7.2 知识库:表格的HTML标签和常用样式 / 150__eol__7.2.1 表格的HTML标签 / 150__eol__7.2.2 表格的常用CSS样式 / 151__eol__7.3 基础项目2:制作“青铜之美”网页 / 153__eol__7.4 知识库:单元格的合并与拆分 / 158__eol__7.5 提高项目:制作“中国二十四节气—春天篇”网页 / 159__eol__7.6 拓展项目:制作“中国十大名胜古迹”网页 / 160__eol__知识检测7 / 161__eol__第8章 使用CSS设置表单样式 / 162__eol__8.1 基础项目1:制作“邮箱注册”网页 / 162__eol__8.2 知识库:常用表单元素类型及结构 / 178__eol__8.2.1 表单标签 / 178__eol__8.2.2 常用表单元素 / 179__eol__8.2.3 表单按钮 / 182__eol__8.3 基础项目2:制作“速递网——在线下单”网页 / 184__eol__8.4 知识库:域集和组 / 192__eol__8.4.1 域集 / 192__eol__8.4.2 组 / 193__eol__8.5 提高项目:制作“商家入驻”网页 / 194__eol__8.6 拓展项目:制作“快乐数独”网页 / 197__eol__知识检测8 / 197__eol__布 局 篇__eol__第9章 盒子模型 / 199__eol__9.1 基础项目:根据布局图创建简单的盒子模型页面 / 199__eol__9.2 知识库:盒子模型的理解与应用 / 201__eol__9.2.1 盒子模型的概念 / 201__eol__9.2.2 盒子模型的计算 / 202__eol__9.2.3 box-sizing属性 / 203__eol__9.2.4 伪元素 / 204__eol__9.2.5 实际开发中遇到的和盒子模型相关的问题及应用 / 207__eol__9.3 提高项目:创建三列布局的盒子模型 / 210__eol__9.4 拓展项目:制作“专业宣传”网页 / 211__eol__知识检测9 / 212__eol__第10章 CSS标准流布局 / 213__eol__10.1 基础项目:制作“谷穗儿机构”网页 / 213__eol__10.1.1 对页面进行整体布局 / 214__eol__10.1.2 制作页头部分 / 215__eol__10.1.3 制作内容部分 / 217__eol__10.1.4 制作页脚部分 / 222__eol__10.2 知识库:标准流布局的概念及注意事项 / 223__eol__10.2.1 标准流布局的概念 / 223__eol__10.2.2 标准流布局中的注意事项 / 223__eol__10.3 提高项目:制作“UI设计学院——博客”网页 / 225__eol__10.4 拓展项目:制作“简历工厂”网页 / 227__eol__知识检测10 / 228__eol__第11章 CSS浮动布局 / 229__eol__11.1 基础项目:制作“UI设计院”网站首页 / 229__eol__11.1.1 对页面进行整体布局 / 230__eol__11.1.2 制作页头和今日特讯部分 / 232__eol__11.1.3