本书是“十二五”职业教育国家规划教材。

本书应用最新技术HTML5 和CSS3，并使用最新工具Dreamweaver CC进行网页美化与布局，以保证教与学的实用性和高效性。

本书精心优选了源自于真实网站“阿坝旅游”网站的66 个典型教学案例，并将这些教学案例分为8 种类型。全书根据这8 种类型的案例分为8 个教学单元：网页美化与布局的基本属性设置体验与分析、网页文本与段落的美化与布局、网页图片与背景的美化与布局、网页列表与表格的美化与布局、网页超链接与导航栏的美化与布局、网页表单元素与表单的美化与布局、网页特效的美化与布局、网页整体的美化与布局。每个教学单元面向教学全过程设置“知识预览—验证训练—引导训练—技术点睛—同步训练—单元小结”6 个教学环节。围绕66 项网页美化与布局任务，采用“任务驱动、精讲多练、理论与实践一体化”的教学方法，形成“验证训练—引导训练—同步训练”3 个递进式的训练层次，兼顾知识应用和技能训练的需要。充分协调理论知识的系统性和教学案例的实用性，改进和优化教学内容的组织方法和程序代码的分析方法， 全方位促进基于HTML5+CSS3 美化与布局网页能力的提升。

本书可作为高等或中等职业院校和高等专科院校各专业网页美化与布局的教材，也可作为网页美化与布局的培训用书及技术用书。

前言
单元1 网页美化与布局的基本属性设置体验与分析
  【知识预览】
  【验证训练】
   【任务1-1】验证美化与布局网页的基本属性设置
  【引导训练】
   【任务1-2】浏览网页0102html 的外观效果并分析其布局结构
   【任务1-3】浏览网页0103html 的外观效果并分析其布局结构
   【任务1-4】浏览网页0104html 的外观效果并分析其布局结构
   【任务1-5】浏览网页0105html 的外观效果并分析其布局结构
  【技术点睛】
  【同步训练】
   【任务1-6】浏览网页0106html 的外观效果并分析其布局结构
   【任务1-7】浏览网页0107html 的外观效果并分析其布局结构
   【任务1-8】浏览网页0108html 的外观效果并分析其布局结构
  【单元小结】
单元2 网页文本与段落的美化与布局
  【知识预览】
  【验证训练】
   【任务2-1】验证各种类型的文本属性设置
  【引导训练】
   【任务2-2】创建以正文文字为主体的网页0202html
   【任务2-3】创建包含文本标题和多个文本段落的网页0203html
   【任务2-4】创建包含导航文字和标题文字的网页0204html
   【任务2-5】创建布局结构较复杂的文本网页0205html
  【技术点睛】
  【同步训练】
   【任务2-6】创建包含正文内容和版权信息的网页0206html
   【任务2-7】创建包含导航文字和标题文字的网页0207html
  【单元小结】
单元3 网页图片与背景的美化与布局
  【知识预览】
  【验证训练】
   【任务3-1】验证各种类型的图片与背景属性设置
  【引导训练】
   【任务3-2】创建以图片为主体的网页0302html
   【任务3-3】创建多张图片并行排列的网页0303html
   【任务3-4】创建图片和文字的网页0304html
   【任务3-5】创建带动画效果的相册网页0305html
   【任务3-6】创建布局结构较复杂的图片墙网页0306html
  【技术点睛】
  【同步训练】
   【任务3-7】创建多列图片展示的网页0307html
   【任务3-8】创建图文混排的网页0308html
  【单元小结】
单元4 网页列表与表格的美化与布局
  【知识预览】
  【验证训练】
   【任务4-1】验证各种类型的列表属性设置
   【任务4-2】验证各种类型的表格属性设置
  【引导训练】
   【任务4-3】创建以项目列表为主的标题新闻网页0403html
   【任务4-4】创建项目列表式导航按钮的网页0404html
   【任务4-5】创建应用项目列表模拟表格外观的网页0405html
   【任务4-6】创建应用表格存放数据的网页0406html
   【任务4-7】创建包含个性化表格的网页0407html
  【技术点睛】
  【同步训练】
   【任务4-8】创建以项目列表为主的旅游攻略标题网页0408html
   【任务4-9】创建以项目列表方式排列图片的网页0409html
   【任务4-10】创建通过项目列表实现的三列式布局网页0410html
   【任务4-11】创建以表格为主的网页0411html
  【单元小结】
单元5 网页超链接与导航栏的美化与布局
  【知识预览】
  【验证训练】
   【任务5-1】验证各种类型的超链接属性设置
  【引导训练】
   【任务5-2】创建包含横向主导航栏的网页0502html
   【任务5-3】创建包含横向主导航栏和锚链接的网页0503html
   【任务5-4】创建包含纵向栏目导航栏和横向主导航栏的网页0504html
   【任务5-5】创建包含图像热点链接的网页0505html
  【技术点睛】
  【同步训练】
   【任务5-6】创建包含顶部横向导航栏的网页0506html
   【任务5-7】创建包含锚链接和导航按钮的网页0507html
   【任务5-8】创建包含多个矩形图像链接的网页0508html
  【单元小结】
单元6 网页表单元素与表单的美化与布局
  【知识预览】
  【验证训练】
   【任务6-1】验证表单及表单控件各种类型的属性设置
  【引导训练】
   【任务6-2】创建酒店预订的表单网页0602html
   【任务6-3】创建酒店搜索的表单网页0603html
   【任务6-4】创建用户注册的表单网页0604html
  【技术点睛】
  【同步训练】
   【任务6-5】创建旅游线路搜索的表单网页0605html
   【任务6-6】创建用户登录的表单网页0606html
  【单元小结】
单元7 网页特效的美化与布局
  【知识预览】
  【验证训练】
   【任务7-1】验证图片切换特效的属性设置
  【引导训练】
   【任务7-2】创建包含特效文字的网页0702html
   【任务7-3】创建包含板块着色特效的网页0703html
   【任务7-4】创建包含图片及特形相框特效的网页0704html
   【任务7-5】创建包含横向图片滚动特效的网页0705html
   【任务7-6】创建包含横向图片循环轮换特效的网页0706html
   【任务7-7】创建包含纵向图片循环轮换特效的网页0707html
  【技术点睛】
  【同步训练】
   【任务7-8】创建选项卡式切换文本内容的网页0708html
   【任务7-9】创建单张图片轮换特效的网页0709html
  【单元小结】
单元8 网页整体的美化与布局
  【知识预览】
  【验证训练】
   【任务8-1】验证网页的不同布局方式
  【引导训练】
   【任务8-2】创建浮动定位两列式布局的网页0802html
   【任务8-3】创建绝对定位两列式布局网页0803html
   【任务8-4】创建左宽右窄的两列式布局网页0804html
   【任务8-5】创建左窄右宽的两列式布局网页0805html
   【任务8-6】创建等距排列的四列式布局网页0806html
   【任务8-7】创建不规则布局网页0807html
  【技术点睛】
  【同步训练】
   【任务8-8】创建浮动定位两列规则分块的网页0808html
   【任务8-9】创建三列式与四列式等距布局的网页0809html
  【任务描述】
  【操作提示】
  【单元小结】
附录A HTML5 增减的标签与属性
附录B HTML5 的常用标签及其属性
附录C CSS 的属性
附录D CSS 的选择器
附录E 网页美化与布局课程设计
参考文献
版权

“十二五”职业教育国家规划教材