目录

  • 1 课前准备
    • 1.1 开课导学
    • 1.2 软件下载
    • 1.3 教材信息
    • 1.4 课程标准
    • 1.5 课程进度表
    • 1.6 致示范包任课教师
  • 2 项目1—任务1:文本类网页
    • 2.1 任务导学
    • 2.2 任务教程
    • 2.3 结构段落标签
    • 2.4 CSS样式引入及文本属性
    • 2.5 任务实现
    • 2.6 课后练习任务
    • 2.7 反思小结
  • 3 项目1—任务2:列表类网页
    • 3.1 任务导学
    • 3.2 任务教程
    • 3.3 列表及媒体标签
    • 3.4 基础选择器及权重
    • 3.5 任务实现
    • 3.6 课后练习任务
    • 3.7 反思小结
    • 3.8 阶段拓展作业
  • 4 项目1—任务3:超链接网页
    • 4.1 任务导学
    • 4.2 任务教程
    • 4.3 超链接
    • 4.4 字体边框属性及链接伪类
    • 4.5 任务实现
    • 4.6 课后练习任务
    • 4.7 反思小结
  • 5 项目1—任务4:表格类网页
    • 5.1 任务导学
    • 5.2 任务教程
    • 5.3 表格建立与样式设置
    • 5.4 背景属性
    • 5.5 任务实现
    • 5.6 课后练习任务
    • 5.7 反思小结
    • 5.8 阶段综合任务
  • 6 项目1—任务5:表单交互类网页
    • 6.1 任务导学
    • 6.2 任务教程
    • 6.3 表单及表单元素
    • 6.4 新增表单元素及元素属性
    • 6.5 任务实现
    • 6.6 课后练习任务
  • 7 项目1—任务6:综合网页制作(1)
    • 7.1 任务导学
    • 7.2 任务教程
    • 7.3 盒模型/浮动/属性选择器
    • 7.4 元素类型及转换
    • 7.5 任务实现
    • 7.6 课后练习任务
  • 8 项目1—任务6:综合网页制作(2)
    • 8.1 任务导学
    • 8.2 任务教程
    • 8.3 定位属性及子元素伪类选择器
    • 8.4 任务实现
    • 8.5 课后练习任务
  • 9 项目1-任务7:动画效果制作(1)
    • 9.1 任务导学
    • 9.2 任务教程
    • 9.3 过渡属性
    • 9.4 2 D变形属性
    • 9.5 任务实现
    • 9.6 课后练习任务
  • 10 项目1-任务7:动画效果制作(2)
    • 10.1 任务导学
    • 10.2 任务教程
    • 10.3 3D变形属性
    • 10.4 动画属性
    • 10.5 任务实现
    • 10.6 课后练习任务
  • 11 项目2-企业网站项目实战
    • 11.1 项目导学
    • 11.2 任务1-网站设计与制作准备
    • 11.3 任务2-网站首页制作
    • 11.4 任务3-网站二级列表页面制作
    • 11.5 任务4-网站三级内容页面制作
  • 12 项目3-响应式网页
    • 12.1 项目导学
    • 12.2 任务1:响应式布局
    • 12.3 任务2:响应式导航
    • 12.4 任务3:响应式模块
  • 13 课程案例库
    • 13.1 课程案例
课程案例

同步学习案例

案例1-标题段落标签

    

案例2-结构元素的使用

案例3-CSS样式表引

    

案例4-文本属性

       

 案例5-电影宣传

      

案例6-选择符分类-实例解析

      

案例7-并集选择器

      

案例8-选择符权重

     

案例9-列表属性

      

案例10-拓展训练

      

案例11-选择器分类

     

案例12-阶段实务考试1

      

案例13-超级链接

      

案例14-链接伪类

      

案例15-表格

      

案例16-box-shadow

      

案例17-margin外边距   

       

   案例18-padding内边距

       

   案例19-圆角边框border-redius

        

案例20-box-sizing

       

案例21-练习任务-背景属性

       

案例22-多重背景

       

案列23-背景图片

       

案例24-线性渐变

       

案例25-透明度

       

案例26-重复线性渐变

      

案例27-重复径向渐变

     

案例28-阶段实务考试2

      

案例29-表单元素

      

案例30-浮动属性:float

     

案例31-clear属性

      

案例32-float2

       

案例33-浮动属性:float3

      

案例34-子元素伪类选择器

      

案例35-子元素伪类选择器2

      

案例36-关系选择器

      

案例37-阶段性实务考试3

      

案例38-overflow属性

      

案例39-transition属性

      

案例40-transition属性-背景过度

      

案例41-transition属性

      

案例42-图标使用方法

       

案例43-translate()方法

       

案例44-scale()方法

       

案例45-skew()方法

        

案例46-rotate()方法

        

案例47-Document

        

案例48-图片转换

       

案例49-transition属性

      

案例50-animation