HTML5 开发(2024-2025-1重修）

王淑敏

目录

  • 1 HTML5常用的元素和属性（24学时）
    • 1.1 HTML5介绍（0.5学时）
    • 1.2 HTML5新增的常用元素 （11.5学时）
      • 1.2.1 文档结构元素（5.5学时）
      • 1.2.2 文本格式化元素（3学时）
      • 1.2.3 页面增强元素（2.5学时）
      • 1.2.4 HTML5废弃的元素（0.5学时）
    • 1.3 HTML5多媒体元素（6学时）
      • 1.3.1 HTML5音频和视频（1学时）
      • 1.3.2 案例-视频播放器项目制作(2学时)
      • 1.3.3 案例-音频播放器项目制作（1学时）
      • 1.3.4 补充-音频播放器知识准备
      • 1.3.5 补充-视频播放器知识准备
    • 1.4 阶段综合实训-制作曹魏文化网（6学时）
    • 1.5 补充-制作电子杂志页面
    • 1.6 课外实训-体验制作移动版旅游网站旅游网
  • 2 HTML5表单的应用（6学时）
    • 2.1 HTML5原有的表单元素及表单控件
    • 2.2 HTML5表单新增的元素
    • 2.3 HTML5表单控件新增的属性
    • 2.4 补充案例-制作移动版登录和注册页面
  • 3 CSS3新增的选择器（6学时）
    • 3.1 CSS3介绍
    • 3.2 新增的属性选择器
    • 3.3 新增的伪类选择器
    • 3.4 新增的伪元素选择器
  • 4 CSS3新增的属性（24学时）
    • 4.1 新增背景属性
    • 4.2 制作黑马书城网页
    • 4.3 新增文本属性
    • 4.4 制作软文推广页面
    • 4.5 新增盒模型属性
    • 4.6 制作手机邮箱导航页面
    • 4.7 制作多肉商城网页
  • 5 HTML5画布（6学时）
    • 5.1 网页涂鸦
    • 5.2 直播回放
  • 6 响应式Web设计（12学时）
    • 6.1 第一个响应式网站知识准备（2学时）
    • 6.2 第一个响应式网站项目实现（4学时）
    • 6.3 社交网站个人信息页面知识准备（2学时）
    • 6.4 社交网站个人信息页面项目实现（4学时
  • 7 响应式设计神器—Bootstrap（18学时）
    • 7.1 餐饮类网站首页知识准备1（2学时）
    • 7.2 餐饮类网站首页头部导航（4学时）
    • 7.3 餐饮类网站搜索模块制作（3学时）
    • 7.4 餐饮类网站热卖商品模块制作（3学时）
    • 7.5 餐饮类网站特色推荐模块制作（3学时）
    • 7.6 餐饮网站轮播广告模块（3）
  • 8 期末实训项目
    • 8.1 宠物领养中心网站首页
    • 8.2 Bootstrap制作响应式简历
HTML5新增的常用元素 （11.5学时）
  • 1 内容介绍
  • 2 素材与效果图
  • 3

文档结构元素

HTML4中主要使用DIV元素定义文档结构。为了更好的表达HTML文档和语义，HTML5新增了许多用于表达文档结构方面的元素，主要有header、article、section、nav、aside和footer等元素。

案例：


文本格式化元素

除了原有的文本格式化元素<b>、<i>   、<em> 、<strong> 、<small>  、<sup>   、<sub>   、<bdo>之外，HTML还增加了新的的文本格式化元素：time元素定义时间或日期，mark定义重要或强调的内容，cite定义作品的标题。

案例：


页面增强元素

在HTML5中，新增了progress和meter元素。progress元素为进度条控件，可表示任务的进度。meter控件为计量条元素。