目录

  • 1 专家讲座
    • 1.1 前端开发的前世今生
    • 1.2 前端的就业前景
    • 1.3 前端学习路线
    • 1.4 前端项目结构
    • 1.5 推荐教材
    • 1.6 素养专题-开篇词
  • 2 网站开发基础知识
    • 2.1 Web工作原理
    • 2.2 我的第一个网页
    • 2.3 素养专题-媒介素养的概念
  • 3 HTML简单标记
    • 3.1 HTML文档基本结构
    • 3.2 块级元素
    • 3.3 内联元素
    • 3.4 div、span
    • 3.5 项目一  创建网页及发布
    • 3.6 项目二 李白代表作品页面(1)
    • 3.7 素养专题-网络公民的媒介素养教育
  • 4 HTML复杂标记
    • 4.1 动手实践- 基本HTML标签
    • 4.2 动手实践-表格
    • 4.3 多媒体
    • 4.4 超链接
    • 4.5 动手实践-表单
    • 4.6 HTML5新特征
    • 4.7 HTML5语义元素
    • 4.8 动手实践-HTML5表单新增元素
    • 4.9 项目三 李白代表作品页面(2)
    • 4.10 项目四 古诗词调查问卷(1)
    • 4.11 项目五 李白个人生平(1)
    • 4.12 素养专题-当代大学生应具有媒介素养
  • 5 CSS初步
    • 5.1 内容、结构、表现、行为
    • 5.2 CSS语法格式及附加方式
    • 5.3 基本选择器
    • 5.4 字体属性
    • 5.5 文本相关属性
      • 5.5.1 文本属性
      • 5.5.2 text文本
    • 5.6 颜色和背景
    • 5.7 表格、列表及边框
      • 5.7.1 表格及列表
      • 5.7.2 border边框
    • 5.8 继承、层叠和优先级
    • 5.9 Display属性
    • 5.10 复杂选择器
      • 5.10.1 层次选择器
      • 5.10.2 属性、伪类选择器
    • 5.11 动手实践-基本选择器及文本属性
    • 5.12 动手实践-CSS综合练习
    • 5.13 项目六 杜甫个人成就页面(1)
    • 5.14 项目七 李白代表作品页面(3)
    • 5.15 素养专题-网站筹备之信息检索技能
  • 6 盒模型与网页布局
    • 6.1 盒模型(1)
    • 6.2 盒模型(2)
    • 6.3 浮动
    • 6.4 定位
    • 6.5 动手实践-浮动定位
    • 6.6 布局
    • 6.7 动手实践-布局(1)
    • 6.8 动手实践-布局(2)
    • 6.9 项目八 古诗词调查问卷(2)
    • 6.10 项目九 李白个人生平(2)
    • 6.11 项目十 杜甫个人成就页面(2)
    • 6.12 素养专题-网站筹备之佳作赏析
  • 7 CSS特效
    • 7.1 filter滤镜
    • 7.2 transition过渡
    • 7.3 animation动画
    • 7.4 动手实践-CSS3新增属性
    • 7.5 项目十一 首页
    • 7.6 素养专题-网站开发之协同工具Github
  • 8 响应式网页
    • 8.1 响应式网页设计概述
    • 8.2 媒体查询
    • 8.3 前端框架Bootstrap概述
    • 8.4 项目十二 杜甫作品问卷
    • 8.5 项目十三 白居易代表作品
    • 8.6 项目十四 白居易个人生平
    • 8.7 素养专题-前端框架大PK
  • 9 网站建设流程
    • 9.1 网站建设流程
    • 9.2 项目十五 网站整合
    • 9.3 素养专题-智媒素养
  • 10 优秀学生作品
    • 10.1 作业项目
      • 10.1.1 我爱背单词
    • 10.2 综合项目
      • 10.2.1 长津湖
      • 10.2.2 钟南山院士
      • 10.2.3 音乐盒播放-计科2002赵孟豪
      • 10.2.4 宝可梦图鉴-计科2002杨明豪
      • 10.2.5 宇宙探索-计科2002王文博
      • 10.2.6 鹤空间-计科2201付建民
      • 10.2.7 百炼成金Faker-计科2201张天牧
前端的就业前景