本书用通俗易懂的语言详细介绍了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="e2471048.html">许你一分烟雨一分晴</a></li>
<li><a target="_blank" href="e2471049.html">火影酒井镜</a></li>
<li><a target="_blank" href="e2471050.html">从兄弟开始</a></li>
<li><a target="_blank" href="e2471051.html">大江流儿</a></li>
<li><a target="_blank" href="e2471052.html">超少年密码之新途</a></li>
<li><a target="_blank" href="e2471053.html">[综+阴阳师]情人遍天下</a></li>
<li><a target="_blank" href="e2471054.html">变幻</a></li>
<li><a target="_blank" href="e2471055.html">月老给我们牵了一根紧紧的红线</a></li>
<li><a target="_blank" href="e2471056.html">心情随笔</a></li>
<li><a target="_blank" href="e2471057.html">我和寻回犬的十个约定</a></li>
<li><a target="_blank" href="e2471058.html">幸福，在身边</a></li>
<li><a target="_blank" href="e2471059.html">回眸</a></li>
<li><a target="_blank" href="e2471060.html">承君一诺</a></li>
<li><a target="_blank" href="e2471061.html">小桃仙</a></li>
<li><a target="_blank" href="e2471062.html">只怪，人生太匆匆</a></li>
<li><a target="_blank" href="e2471063.html">与卿绘山河</a></li>
<li><a target="_blank" href="e2471064.html">如何让你遇见我</a></li>
<li><a target="_blank" href="e2471065.html">[家教]夏花</a></li>
<li><a target="_blank" href="e2471066.html">风聆夜</a></li>
<li><a target="_blank" href="e2471067.html">给你一个豆腐精</a></li>
<li><a target="_blank" href="e2471068.html">三生谣</a></li>
<li><a target="_blank" href="e2471069.html">贼皇斗天</a></li>
<li><a target="_blank" href="e2471070.html">贼皇斗天</a></li>
<li><a target="_blank" href="e2471071.html">贼皇斗天</a></li>
<li><a target="_blank" href="e2471072.html">我家训练师不可能辣么蠢</a></li>
<li><a target="_blank" href="a276853.html">张工选型</a></li>
<li><a target="_blank" href="a276854.html">ibond通通</a></li>
<li><a target="_blank" href="a276855.html">并口下载器</a></li>
<li><a target="_blank" href="a276856.html">日精ND250A电台写频软件</a></li>
<li><a target="_blank" href="a276857.html">财富通操盘手</a></li>
<li><a target="_blank" href="a276858.html">Modbus读写工具</a></li>
<li><a target="_blank" href="a276859.html">台达PLC编程软件(Delta WPLSoft)</a></li>
<li><a target="_blank" href="a276860.html">广发证券至诚版</a></li>
<li><a target="_blank" href="a276861.html">金蝶智慧记</a></li>
<li><a target="_blank" href="a276862.html">顺然石油行情软件</a></li>
<li><a target="_blank" href="b17172.html">典典养车电脑版</a></li>
<li><a target="_blank" href="b17173.html">深圳地铁电脑版</a></li>
<li><a target="_blank" href="b17174.html">快车财富电脑版</a></li>
<li><a target="_blank" href="b17175.html">咿啦看书电脑版</a></li>
<li><a target="_blank" href="b17176.html">新华社电脑版</a></li>
<li><a target="_blank" href="b17177.html">煎蛋电脑版</a></li>
<li><a target="_blank" href="b17178.html">好车贷理财电脑版</a></li>
<li><a target="_blank" href="b17179.html">阿朋贷电脑版</a></li>
<li><a target="_blank" href="b17180.html">哆点电脑版</a></li>
<li><a target="_blank" href="b17181.html">神奇浏览器电脑版</a></li>
<li><a target="_blank" href="/d26246.html">religiously</a></li>
<li><a target="_blank" href="/d26247.html">relinquish</a></li>
<li><a target="_blank" href="/d26248.html">relish</a></li>
<li><a target="_blank" href="/d26249.html">relive</a></li>
<li><a target="_blank" href="/d26250.html">rellie</a></li>
<li><a target="_blank" href="/d26251.html">reload</a></li>
<li><a target="_blank" href="/d26252.html">relocate</a></li>
<li><a target="_blank" href="/d26253.html">reluctance</a></li>
<li><a target="_blank" href="/d26254.html">reluctant</a></li>
<li><a target="_blank" href="/d26255.html">rely</a></li>
<li><a target="_blank" href="g207571.html">[BT下载][锦绣安宁][第15集][WEB-MP4/1.68G][国语配音/中文字幕][4K-2160P][H265][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="g207572.html">[BT下载][Acro Trip][第04集][WEB-MKV/0.71G][中文字幕][1080P][流媒体][ParkTV]</a></li>
<li><a target="_blank" href="g207573.html">[BT下载][怪人的沙拉碗][全12集][BD-MKV/14.28G][中文字幕][1080P][H265][蓝光压制][ZeroTV]</a></li>
<li><a target="_blank" href="g207574.html">[BT下载][BanG Dream! It's MyGO!!!!!][全13集][BD-MKV/19.03G][简繁英字幕][1080P][蓝光压制][ZeroTV]</a></li>
<li><a target="_blank" href="g207575.html">[BT下载][BanG Dream! It's MyGO!!!!!][全13集][BD-MKV/12.21G][简繁英字幕][1080P][H265][蓝光压制][Z</a></li>
<li><a target="_blank" href="g207576.html">[BT下载][Re：从零开始的异世界生活 第三季 反击篇][第03集][WEB-MKV/0.30G][简繁英字幕][1080P][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="g207577.html">[BT下载][Re：从零开始的异世界生活 第三季 反击篇][第03集][WEB-MP4/0.37G][中文字幕][1080P][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="g207578.html">[BT下载][Re：从零开始的异世界生活 第三季 反击篇][第03集][WEB-MKV/1.34G][简繁英字幕][1080P][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="g207579.html">[BT下载][银翼超人][更新至01集][日语中字][MKV][1080P][多版]</a></li>
<li><a target="_blank" href="g207580.html">[BT下载][战国妖狐 救世姐弟篇][第25集][WEB-MP4/0.53G][中文字幕][1080P][流媒体][ZeroTV]</a></li>
<li><a target="_blank" href="h55841.html">取消腾讯Win10升级助手的方法</a></li>
<li><a target="_blank" href="h55842.html">电脑开机出现Error 1962错误如何解决？</a></li>
<li><a target="_blank" href="h55843.html">Excel转换成PDF格式的方法</a></li>
<li><a target="_blank" href="h55844.html">格式化工厂怎么用？使用格式化工厂的方法</a></li>
<li><a target="_blank" href="h55845.html">QQ视频截图保存在哪？</a></li>
<li><a target="_blank" href="h55846.html">360重装系统怎么样？</a></li>
<li><a target="_blank" href="h55847.html">QQ视频设置在哪？QQ视频怎么设置？</a></li>
<li><a target="_blank" href="h55848.html">Win7怎么合并磁盘？合并磁盘的方法</a></li>
<li><a target="_blank" href="h55849.html">Win7快速启动栏不见了怎么办？</a></li>
<li><a target="_blank" href="h55850.html">Lnk是什么格式？打开lnk格式文件的方法</a></li>
</ul>
</td>
</tr>
</table>
<p> </p>
<p>霍普软件下载网电子书栏目提供海量电子书在线免费阅读及下载。<p> </p>
<div class="foot">Copyright © 2002-2024 101bt.net All Rights Reserved<BR> <span class="updatetime"> 更新时间：2025/6/2 8:44:33</span><script src="/js/count.js" type="text/javascript"></script></div>
</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 标题