顶部
收藏

XHTML+CSS 网页布局与美化案例教程

新世纪高职高专教改项目成果教材

作者:
陈承欢
定价:
39.90元
ISBN:
978-7-04-030236-3
版面字数:
620.000千字
开本:
16开
全书页数:
393页
装帧形式:
平装
重点项目:
新世纪高职高专教改项目成果教材
出版时间:
2010-08-24
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
计算机多媒体技术

本书围绕18个真实的网页设计任务展开。教学任务以完成网页设计任务为主线,其主要目的是让读者了解并使用Web标准,熟悉XHTML和CSS,学会应用CSS美化网页与网页元素,掌握使用XHTML+CSS布局网页的方法。教学实施以“体验网页的布局与美化-网页元素的应用与美化-网页的布局与美化”为主线划分为9个单元(体验网页的布局与美化、文本与列表的美化、图像与背景的应用与美化、超级链接与导航栏的美化、表格的应用与美化、表单的应用与美化、两列式网页的布局与美化、三列式网页的布局与美化、多列式网页的布局与美化)。

本书以训练网页的布局与美化技能为中心,在完成多个难易程度不同的网页设计任务过程中,逐步体会网页布局与美化的各种技巧,掌握XHTML和CSS的理论知识,熟悉CSS在美化与布局网页方面的优势,学会遵循Web标准设计网页,逐步形成应用CSS美化和布局网页的专业能力。

本书可以作为各相关专业的网页布局与美化教材,也可以作为培训教材和开发网站的参考书。

  • 单元1 体验网页的布局与美化
    • 教学要点
    • 1.1 前导训练
      • 【任务1-1-1】创建本地站点
      • 【任务1-1-2】建立网页0101.html
      • 【任务1-1-3】准备网页0102.html且浏览其效果
      • 【任务1-1-4】准备网页0103.html且浏览其效果
      • 【任务1-1-5】准备网页0104.html且浏览其效果
    • 1.2 操作实战
      • 【任务1-2-1】体验网页中结构与表现的分离
      • 【任务1-2-2】体验符合Web标准的网页设计规则
      • 【任务1-2-3】体验Dreamweaver CS3对CSS的支持
      • 【任务1-2-4】体验CSS的盒模型
      • 【任务1-2-5】体验CSS的选择符及属性设置
      • 【任务1-2-6】体验CSS属性值的缩写
      • 【任务1-2-7】体验Dreamweaver CS3中CSS的属性设置
      • 【任务1-2-8】体验使用XHTML+CSS布局网页
    • 1.3 拓展实践
      • 【任务1-3】分析网页index0102.html
    • 1.4 技术点睛
    • 1.4.1 盒模型尺寸的计算实例分析
    • 1.4.2 盒模型的兼容性问题
    • 1.5 知识拓展
  • 单元2 文本与列表的美化
    • 教学要点
    • 2.1 前导训练
    • 准备工作
      • 【任务2-1-1】创建网页0201.html
      • 【任务2-1-2】创建网页0202.html
      • 【任务2-1-3】创建网页0203.html
      • 【任务2-1-4】创建网页0204.html
    • 2.2 操作实战
      • 【任务2-2】创建网页index 0201.html
    • 2.3 拓展实践
      • 【任务2-3】创建网页index 0202.html
    • 2.4 技术点睛
      • 2.4.1 设置段落首字下沉效果
      • 2.4.2 控制列表项行内显示
      • 2.4.3 控制列表符号的个性化显示
      • 2.4.4 应用CSS样式实现列表的截字效果
      • 2.4.5 利用定义列表实现图像切换和选项卡切换
    • 2.5 知识拓展
  • 单元3 图像与背景的应用与美化
    • 教学要点
    • 3.1 前导训练
    • 准备工作
      • 【任务3-1-1】创建网页0301.html
      • 【任务3-1-2】创建网页0302.html
      • 【任务3-1-3】创建网页0303.html
      • 【任务3-1-4】创建网页0304.html
    • 3.2 操作实战 创建网页index0301.html
    • 3.3 拓展实践 创建网页index0302.html
    • 3.4 技术点睛
      • 3.4.1 图文混排布局
      • 3.4.2 制作全图排版网页
      • 3.4.3 实现“图片替代文本”效果
      • 3.4.4 利用CSS Sprites原理合成图片
      • 3.4.5 利用背景图像实现圆角布局
      • 3.4.6 利用CSS样式控制圆角布局
      • 3.4.7 利用CSS样式设置图像的阴影效果
    • 3.5 知识拓展
  • 单元4 超级链接与导航栏的美化
    • 教学要点
    • 4.1 前导训练
    • 准备工作
      • 【任务4-1-1】创建网页0401.html
      • 【任务4-1-2】创建网页0402.html
      • 【任务4-1-3】创建网页0403.html
      • 【任务4-1-4】创建网页0404.html
    • 4.2 操作实战 创建网页index0401.html
    • 4.3 拓展实践 创建网页index0402.html
    • 4.4 技术点睛
      • 4.4.1 利用CSS样式定义各种不同形式的超级链接
      • 4.4.2 利用定义列表制作垂直导航栏
      • 4.4.3 利用CSS样式实现水平导航栏及分隔小竖条
      • 4.4.4 利用背景图像制作立体导航菜单
      • 4.4.5 实现导航栏菜单自动伸缩和超级链接的悬停交换效果
    • 4.5 知识拓展
  • 单元5 表格的应用与美化
    • 教学要点
    • 5.1 前导训练
    • 准备工作
      • 【任务5-1-1】创建网页0501.html
      • 【任务5-1-2】创建网页0502.html
      • 【任务5-1-3】创建网页0503.html
    • 5.2 操作实战 创建网页index0501.html
    • 5.3 拓展实践 创建网页index0502.html
    • 5.4 技术点睛 应用JavaScript代码在网页中插入Flash动画
    • 5.5 知识拓展
  • 单元6 表单的应用与美化
    • 教学要点
    • 6.1 前导训练
    • 准备工作
      • 【任务6-1-1】创建网页0601.html
      • 【任务6-1-2】创建网页0602.html
      • 【任务6-1-3】创建网页0603.html
      • 【任务6-1-4】创建网页0604.html
    • 6.2 操作实战 创建网页index0601.html
    • 6.3 拓展实践
      • 【任务6-3-1】创建网页index0602.html
      • 【任务6-3-2】创建网页index0603.html
    • 6.4 技术点睛 表单按钮与单行文本域的美化
    • 6.5 知识拓展
  • 单元7 两列式网页的布局与美化
    • 教学要点
    • 7.1 前导训练
    • 准备工作
      • 【任务7-1-1】创建网页0701.html
      • 【任务7-1-2】创建网页0702.html
      • 【任务7-1-3】创建网页0703.html
    • 7.2 操作实战 创建网页index0701.html
    • 7.3 拓展实践 创建网页index0702.html
    • 7.4 技术点睛
      • 7.4.1 网页的单列式布局与元素的自适应
      • 7.4.2 网页元素的嵌套布局
      • 7.4.3 网页的两列式布局
    • 7.5 知识拓展
      • 7.5.1 如何使用CSS的定位属性控制元素的位置
      • 7.5.2 CSS布局网页的基本布局模型及各自的特点
      • 7.5.3 浮动清除属性clear的取值及其含义
  • 单元8 三列式网页的布局与美化
    • 教学要点
    • 8.1 前导训练
    • 准备工作
      • 【任务8-1-1】创建网页0801.html
      • 【任务8-1-2】创建网页0802.html
      • 【任务8-1-3】创建网页0803.html
    • 8.2 操作实战 创建网页index0801.html
    • 8.3 拓展实践 创建网页index0802.html
    • 8.4 技术点睛 三列式网页布局
    • 8.5 知识拓展
  • 单元9 多列式网页的布局与美化
    • 教学要点
    • 9.1 前导训练
    • 准备工作
      • 【任务9-1-1】创建网页0901.html
      • 【任务9-1-2】创建网页0902.html
      • 【任务9-1-3】创建网页0903.html
    • 9.2 操作实战 创建网页index0901.html
    • 9.3 拓展实践 创建网页index0902.html
    • 9.4 技术点睛 多行多列式网页布局
    • 9.5 知识拓展
  • 参考文献
  • 参考授课计划

相关图书