本书用通俗易懂的语言详细介绍了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="e3496243.html">样板餐厅与厨房/榜样空间系列丛书</a></li>
<li><a target="_blank" href="e3496244.html">ANSYS13.0电磁学有限元分析从入门到精通(附光盘)/ANSYS工程应用系列</a></li>
<li><a target="_blank" href="e3496245.html">汽车产业链营销全攻略</a></li>
<li><a target="_blank" href="e3496246.html">电火花加工--学以致用</a></li>
<li><a target="_blank" href="e3496247.html">静态网页设计与制作(高等职业教育模块式教学改革规划教材)</a></li>
<li><a target="_blank" href="e3496248.html">CAXA电子图板2011实例教程(附光盘新编CAD\CAM实例教程)</a></li>
<li><a target="_blank" href="e3496249.html">钢结构课程设计解析与实例/高等院校土木工程专业课程设计解析与实例丛书</a></li>
<li><a target="_blank" href="e3496250.html">宝宝出生啦(哺乳动物)</a></li>
<li><a target="_blank" href="e3496251.html">现代性的神学起源/科学源流译丛</a></li>
<li><a target="_blank" href="e3496252.html">不要吞下泡泡糖--有关身体的传言半真半假的说法以及彻头彻尾的谎言</a></li>
<li><a target="_blank" href="e3496253.html">玛雅历法及其它古代历法/科学天下科学之美</a></li>
<li><a target="_blank" href="e3496254.html">谐振仪(音乐数学原理的可视化向导)/科学天下科学之美</a></li>
<li><a target="_blank" href="e3496255.html">如何让说NO的孩子说YES/孩子自然成长丛书</a></li>
<li><a target="_blank" href="e3496256.html">重塑50岁(二十一世纪抗衰老非手术整形指南)</a></li>
<li><a target="_blank" href="e3496257.html">小穴位大作为(常见亚健康病症穴位按摩图解2012年最新版)</a></li>
<li><a target="_blank" href="e3496258.html">基本元素(原子夸克与元素周期表)/科学天下科学之美</a></li>
<li><a target="_blank" href="e3496259.html">透视与错觉/科学天下科学之美</a></li>
<li><a target="_blank" href="e3496260.html">当一个基因让你闻起来像条鱼--你身体里基因的趣事</a></li>
<li><a target="_blank" href="e3496261.html">食材解密500例</a></li>
<li><a target="_blank" href="e3496262.html">准爸爸读胎教故事(附光盘0-4岁适用)/汉竹亲亲乐读系列</a></li>
<li><a target="_blank" href="e3496263.html">四季养花</a></li>
<li><a target="_blank" href="e3496264.html">工程应用数学(高职高专教育十一五规划教材)</a></li>
<li><a target="_blank" href="e3496265.html">护理技术操作程序与护患沟通</a></li>
<li><a target="_blank" href="e3496266.html">颈肩腰腿痛病人最关心的213个问题</a></li>
<li><a target="_blank" href="e3496267.html">前列腺病人最关心的360个问题</a></li>
<li><a target="_blank" href="a152881.html">人在网途图片管理系统</a></li>
<li><a target="_blank" href="a152882.html">合同管理软件</a></li>
<li><a target="_blank" href="a152883.html">笑人定时开关机</a></li>
<li><a target="_blank" href="a152884.html">博执店铺电脑收银系统</a></li>
<li><a target="_blank" href="a152885.html">逐行打印接口套件</a></li>
<li><a target="_blank" href="a152886.html">靖源24位真彩图标activex控件</a></li>
<li><a target="_blank" href="a152887.html">完美桌面</a></li>
<li><a target="_blank" href="a152888.html">PPO汽配信息平台 移动版</a></li>
<li><a target="_blank" href="a152889.html">思尔拓直销行业管理软件</a></li>
<li><a target="_blank" href="a152890.html">闪盾usb管理软件</a></li>
<li><a target="_blank" href="b23231.html">实况足球2015修改器+7 V1.0 绿色版</a></li>
<li><a target="_blank" href="b23232.html">收获日2修改器+17 V39.0 绿色版</a></li>
<li><a target="_blank" href="b23233.html">实况足球2013编辑器 V2.0 绿色版</a></li>
<li><a target="_blank" href="b23234.html">国服暗黑3自动刷怪辅助 V2.0903 绿色版</a></li>
<li><a target="_blank" href="b23235.html">QQ英雄杀刷分辅助 V1.33 绿色版</a></li>
<li><a target="_blank" href="b23236.html">生化危机5 v1.0.404445424</a></li>
<li><a target="_blank" href="b23237.html">生化危机5黄金版八项修改器 V1.0 绿色版</a></li>
<li><a target="_blank" href="b23238.html">dnf喊话防掉线工具 V1.0 绿色版</a></li>
<li><a target="_blank" href="b23239.html">斗战神挖矿脚本 V6.3.2 绿色版</a></li>
<li><a target="_blank" href="b23240.html">龙炎辅助 V3.64 绿色版</a></li>
<li><a target="_blank" href="/d26596.html">retroactive</a></li>
<li><a target="_blank" href="/d26597.html">retrograde</a></li>
<li><a target="_blank" href="/d26598.html">retrogress</a></li>
<li><a target="_blank" href="/d26599.html">retro-rocket</a></li>
<li><a target="_blank" href="/d26600.html">retrosexual</a></li>
<li><a target="_blank" href="/d26601.html">retrospect</a></li>
<li><a target="_blank" href="/d26602.html">retrospective</a></li>
<li><a target="_blank" href="/d26603.html">retrovirus</a></li>
<li><a target="_blank" href="/d26604.html">retsina</a></li>
<li><a target="_blank" href="/d26605.html">return</a></li>
<li><a target="_blank" href="g231093.html">黑吃黑 第一季</a></li>
<li><a target="_blank" href="g231094.html">烽火铁骑</a></li>
<li><a target="_blank" href="g231095.html">铁血兄弟</a></li>
<li><a target="_blank" href="g231096.html">警中警之警中兄弟</a></li>
<li><a target="_blank" href="g231097.html">女人帮</a></li>
<li><a target="_blank" href="g231098.html">真爱惹麻烦</a></li>
<li><a target="_blank" href="g231099.html">因为爱情有多美</a></li>
<li><a target="_blank" href="g231100.html">带泪梨花之美丽重生</a></li>
<li><a target="_blank" href="g231101.html">爱情悠悠药草香</a></li>
<li><a target="_blank" href="g231102.html">桐柏英雄</a></li>
<li><a target="_blank" href="h67780.html">WinXP系统PF使用率是什么？WinXP系统PF使用率相关介绍</a></li>
<li><a target="_blank" href="h67781.html">墨迹天气如何上传实景？墨迹天气上传实景的具体操作流步骤</a></li>
<li><a target="_blank" href="h67782.html">Win7打开剪贴板提示“Windows找不到clipbrd.exe文件”怎么办？</a></li>
<li><a target="_blank" href="h67783.html">Win8电脑关机快捷键图标设置方法</a></li>
<li><a target="_blank" href="h67784.html">支付宝怎样设置到账声音？支付宝设置到账声音的方法</a></li>
<li><a target="_blank" href="h67785.html">Win8电脑结束进程快捷键是什么？</a></li>
<li><a target="_blank" href="h67786.html">如何在倒带中导入歌单？倒带导入歌单的方法</a></li>
<li><a target="_blank" href="h67787.html">第一弹如何发布长视频？第一弹发布长视频的方法</a></li>
<li><a target="_blank" href="h67788.html">薄荷怎么查询食物热量？薄荷查询食物热量的方法</a></li>
<li><a target="_blank" href="h67789.html">小书亭怎么开启自动翻页？小书亭开启自动翻页的方法</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/8/24 23:16:44</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 标题