本书用通俗易懂的语言详细介绍了HTML5网页设计和应用CSS3样式美化网页，涵盖教育部“1+X”《Web前端开发职业技能等级标准》证书和工信部“蓝桥杯”全国软件和信息技术专业人才“Web应用开发”大赛的相关网页设计与制作知识点，以真实岗位生产项目、典型工作任务、案例等为载体组织教学内容并进行教学设计，重点突出“教、学、做”一体化，注重培养学生的应用能力和解决问题的实际工作能力，培养高素质高技能应用型人才。
全书共分为9章，包括HTML5基本标签及开发工具介绍、CSS样式表基础、表格的应用、表单的应用、应用CSS设置链接和导航菜单、应用CSS3样式美化网页、基于DIV+CSS的网页、应用CSS3布局网页与实例、网上书城网页设计与制作。
本书适合作为高等职业院校各专业“网页设计与制作”课程的教材，也可作为前端开发的培训教材，还可作为Web开发爱好者的自学用书。
内容推荐
目录
第1章 HTML5基本标签及开发工具介绍
1.1 HTML概述
1.1.1 HTML5发展历史
1.1.2 HTML5新特性
1.1.3 HTML5组织
1.1.4 HTML5构成
1.2 第一个入门网页
1.2.1 头部…1.2.2 标题…</title<BR>1.2.3 元标签<meta<BR>1.2.4 入门网页<BR> 1.3 开发工具简介<BR>1.3.1 使用记事本编辑器<BR>1.3.2 使用EditPlus编辑器<BR>1.3.3 使用Sublime编辑器<BR>1.3.4 使用Dreamweaver编辑器<BR> 1.4 HBuilderX界面介绍<BR>1.4.1 “文件”菜单<BR>1.4.2 界面功能介绍<BR>1.4.3 使用HBuilderX新建一个网页<BR> 1.5 在页面中添加HTML<BR>1.5.1 标题标签<h<BR>1.5.2 段落标签<p<BR>1.5.3 换行标签<br<BR>1.5.4 预排版标签<pre<BR>1.5.5 文本格式化标签<BR>1.5.6 列表<BR>1.5.7 设置文本字体<BR>1.5.8 插入图片<BR>1.5.9 插入特殊符号<BR>1.5.10 插入横线<BR> 1.6 HTML5新增标签<BR>1.6.1 标签<BR>1.6.2 声音内容的标签<BR>1.6.3 图形的<canvas>标签<BR>1.6.4 调用命令的<command>标签<BR>1.6.5 定义时间或日期的<time>标签<BR>1.6.6 定义视频的<video>标签<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第2章 CSS样式表基础<BR> 2.1 初步认识CSS<BR>2.1.1 什么是CSS<BR>2.1.2 CSS3发展简史<BR>2.1.3 CSS3基本语法<BR> 2.2 CSS语法结构分析<BR>2.2.1 CSS3属性选择器<BR>2.2.2 元素选择器<BR>2.2.3 群组选择器<BR>2.2.4 包含选择器<BR>2.2.5 CLASS及ID选择器<BR>2.2.6 子元素选择器<BR>2.2.7 相邻兄弟选择器<BR>2.2.8 伪类及伪对象<BR>2.2.9 通配选择器<BR> 2.3 将CSS应用于网页<BR>2.3.1 行内样式表<BR>2.3.2 内部样式表<BR>2.3.3 外部样式表<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第3章 表格的应用<BR> 3.1 表格的应用<BR> 3.2 表格的基础用法<BR>3.2.1 行代码<BR>3.2.2 单元格<BR>3.2.3 列的合并<BR>3.2.4 行的合并<BR>3.2.5 表格大小<BR>3.2.6 表格内文字位置<BR>3.2.7 单元格、边框的背景颜色<BR>3.2.8 单元格间距<BR>3.2.9 表格表头<BR>3.2.10 表格标题<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第4章 表单的应用<BR> 4.1 表单的属性<BR> 4.2 在表单中添加元素<BR>4.2.1 文本字段和密码域<BR>4.2.2 单选按钮<BR>4.2.3 复选框<BR>4.2.4 普通按钮<BR>4.2.5 提交按钮<BR>4.2.6 重置按钮<BR>4.2.7 隐藏域<BR>4.2.8 文件域<BR>4.2.9 菜单列表类表单元素<BR>4.2.10 文本域<BR> 4.3 HTML5新增表单输入类型<BR>4.3.1 email类型<BR>4.3.2 number类型<BR>4.3.3 range类型<BR>4.3.4 url类型<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第5章 应用CSS设置链接和导航菜单<BR> 5.1 超链接伪类的应用<BR>5.1.1 超链接的4种样式<BR>5.1.2 将链接转换为块级元素<BR>5.1.3 锚点<BR>5.1.4 用CSS制作按钮<BR>5.1.5 首字下沉<BR> 5.2 应用CSS美化表单元素<BR>5.2.1 改变文本框和文本域样式<BR>5.2.2 用图片美化按钮<BR>5.2.3 改变下拉列表样式<BR>5.2.4 用label标签提升用户体验<BR> 5.3 设置导航菜单<BR>5.3.1 横向列表菜单<BR>5.3.2 用图片美化的横向导航<BR>5.3.3 CSS Sprites技术<BR>5.3.4 二级菜单列表<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第6章 应用CSS3样式美化网页<BR> 6.1 使用CSS美化网页<BR>6.1.1 美化网页文字<BR>6.1.2 美化网页图片<BR>6.1.3 美化网页背景<BR>6.1.4 美化网页边框<BR>6.1.5 美化网页表格<BR>6.1.6 美化网页表单<BR>6.1.7 美化网页导航<BR>6.1.8 美化网页菜单<BR> 6.2 CSS美化网页案例——制作百度热搜<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第7章 基于DIV+CSS的网页<BR> 7.1 理解表现和结构分离<BR>7.1.1 内容、结构和表现的概念<BR>7.1.2 DIV与CSS结合的优势<BR>7.1.3 改善现有网站的方法<BR> 7.2 认识DIV<BR>7.2.1 DIV的概念<BR>7.2.2 使用DIV<BR>7.2.3 理解DIV<BR>7.2.4 并列与嵌套DIV结构<BR>7.2.5 使用适合的对象来布局网页<BR> 7.3 盒模型详解<BR>7.3.1 盒模型的概念<BR>7.3.2 盒模型的细节<BR>7.3.3 盒模型的宽、高、边框、内边距、外边距定义<BR>7.3.4 上下margin叠加问题<BR>7.3.5 左右margin加倍问题<BR> 7.4 使用CSS完善盒模型<BR>7.4.1 显示方式定义<BR>7.4.2 溢出处理<BR>7.4.3 轮廓样式定义<BR> 7.5 认识浮动与定位<BR>7.5.1 文档流<BR>7.5.2 浮动定位<BR>7.5.3 浮动的清理<BR>7.5.4 何时选用浮动定位<BR> 本章小结<BR> 课后自测<BR> 上机实战<BR> 拓展练习<BR>第8章 应用CSS3布局网页<BR> 8.1 应用CSS布局</div> </td>
</tr>
<tr>
<td width="61" align="center">随便看</td>
<td>
<ul class="random">
<li><a target="_blank" href="e346761.html">犬夜叉之小楼吹彻玉笙寒</a></li>
<li><a target="_blank" href="e2307968.html">犬夜叉之小笑话</a></li>
<li><a target="_blank" href="e269440.html">犬夜叉之巫师与战国</a></li>
<li><a target="_blank" href="e2246180.html">犬夜叉之幻想同人志</a></li>
<li><a target="_blank" href="e391184.html">犬夜叉之弁天</a></li>
<li><a target="_blank" href="e2215297.html">犬夜叉之当奈落家有个叶沉</a></li>
<li><a target="_blank" href="e1892412.html">犬夜叉之彼岸花开</a></li>
<li><a target="_blank" href="e1541130.html">犬夜叉之戈薇</a></li>
<li><a target="_blank" href="e2274112.html">犬夜叉之我之奈落</a></li>
<li><a target="_blank" href="e2200096.html">犬夜叉之我们走下去</a></li>
<li><a target="_blank" href="e2471873.html">犬夜叉之我叫结罗</a></li>
<li><a target="_blank" href="e216583.html">犬夜叉之我是戈薇的姐姐</a></li>
<li><a target="_blank" href="e174105.html">犬夜叉之我是杀生丸</a></li>
<li><a target="_blank" href="e225226.html">犬夜叉之我是桔梗</a></li>
<li><a target="_blank" href="e343852.html">犬夜叉之我是神乐</a></li>
<li><a target="_blank" href="e2423197.html">犬夜叉之我是穿来捣乱的</a></li>
<li><a target="_blank" href="e2123942.html">犬夜叉之我是里陶</a></li>
<li><a target="_blank" href="e288150.html">犬夜叉之我的喜欢，是你们想歪了</a></li>
<li><a target="_blank" href="e304150.html">犬夜叉之我的背影</a></li>
<li><a target="_blank" href="e1655612.html">犬夜叉之我要的结局</a></li>
<li><a target="_blank" href="e2332691.html">犬夜叉之捕获一只女神</a></li>
<li><a target="_blank" href="e2164865.html">犬夜叉之改变十六夜的命运</a></li>
<li><a target="_blank" href="e2231805.html">犬夜叉之新生的朝代</a></li>
<li><a target="_blank" href="e2582134.html">犬夜叉之无上神女</a></li>
<li><a target="_blank" href="e1642368.html">犬夜叉之时过境迁</a></li>
<li><a target="_blank" href="e1642373.html">犬夜叉之时过境迁（白童子篇）</a></li>
<li><a target="_blank" href="e2385279.html">犬夜叉之晓生残月</a></li>
<li><a target="_blank" href="e2387661.html">犬夜叉之月儿弯弯</a></li>
<li><a target="_blank" href="e184803.html">犬夜叉之月樱木</a></li>
<li><a target="_blank" href="e2442604.html">犬夜叉之木槿花开</a></li>
</ul>
</td>
</tr>
</table>
<!--footer内容-->
<script src="/ref.js?v=1"></script>
<div class="foot">
Copyright © 2004-2023 101bt.net All Rights Reserved<BR>
</div>
</body>
</html>
</body>
</html>
1.1 HTML概述
1.1.1 HTML5发展历史
1.1.2 HTML5新特性
1.1.3 HTML5组织
1.1.4 HTML5构成
1.2 第一个入门网页
1.2.1 头部…1.2.2 标题