目录

  • 1 Web技术概述
    • 1.1 说课
    • 1.2 Web技术综述
    • 1.3 软件下载、安装及使用
    • 1.4 HTML常用标签的使用
    • 1.5 扩展知识--什么是HTML5
  • 2 HTML基础
    • 2.1 HTML5超链接
    • 2.2 HTML5 多媒体
    • 2.3 HTML5列表元素
    • 2.4 案例1-----雅皮士玩具页面的设计
      • 2.4.1 案例1素材
    • 2.5 HTML表单元素
    • 2.6 HTML5新增input标签
    • 2.7 HTML5新增表单属性
  • 3 CSS基础
    • 3.1 CSS语法及CSS添加方法
    • 3.2 CSS选择器
    • 3.3 CSS--列表和表格
    • 3.4 案例2--列表应用垂直导航栏的制作
    • 3.5 案例3--表格应用--奇偶选择器
    • 3.6 css布局和定位--div+css
      • 3.6.1 案例4--方法一利用div布局
      • 3.6.2 案例4--方法二利用H5新标签布局
    • 3.7 案例5-淘新鲜网页布局
      • 3.7.1 案例4素材
    • 3.8 CSS布局与定位--文档流、浮动和层定位
  • 4 CSS3高级篇
    • 4.1 CSS3   2D变形
    • 4.2 案例6--项目实践之我的家乡
      • 4.2.1 大作业要求及设计报告模板
    • 4.3 CSS3  3D变换
      • 4.3.1 3D导航栏的制作
HTML5列表元素

基本要求:

理解HTML的一些基本概念,理解HTML含义及与网页的区别。掌握常用的块元素、列表元素和表格元素的使用,理解块元素和行内元素的区别,并会在实际页面设计中运用这些知识。通过实践练习,使学生熟悉HTML的操作环境,掌握HTML元素的应用,能编写一些常用简单网页代码。

教学内容:

(1) HTML简介及HTML的基本概念;

(2) HTML常用块元素;

(3) HTML常用列表元素;

(4) 熟悉网页源代码编辑环境、查看taobao网页源代码;



 


实例1:列表的相关内容

   这个实例主要练习列表中的有序列表、无序列表以及两种列表的嵌套使用,在列表中还有一种自定义列表的使用。在有序和无序列表中,要让学生注意列表的序号的表示方法,为第2章的学习打下基础。同时还应该让学生熟练的掌握两种表格的嵌套的使用,具体应用如图2、图3所示,具体使用可以参考书上讲解。

自定义列表的使用:

  dl ,dt,dd是自定义列表的相关标签,在讲解这一部分内容时,可以用具体的实例讲解即可。具体实例如图4所示:


作业、讨论题、思考题:

 1 熟悉网页源代码编辑环境,如何在网站上爬图、爬视频等。