目录

  • 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张天牧
素养专题-当代大学生应具有媒介素养

当代大学生应具备的媒介素养


自我们开始学习网站开发,也就意味着大家从网络信息的消费者变为网络信息的传播者甚至是创造者!


问题一:屏幕前的各位同学目前是否具有足够的能力,能够抵御网络上的种种诱惑呢?

视频:让诈骗无所遁形(视频来源:哔哩哔哩网站


问题二:如何提高甄别和使用信息的能力

大学生作为媒介受众的重要成员,每天都在接收传递和发布各种信息,在处理这些信息时,如何提高他们甄别和使用这些信息的能力,从而完善他们自身已经成为高等教育的重要课题,培养大学生的媒介素养就显得更加迫切且意义重大。

阅读:请自主阅读,李敏智老师编著的《大学生媒介素养调查研究》


问题三:那么作为一个网络传播者,又具有什么社会责任呢?

阅读:请自主阅读,郑军老师编著的《网络传播者的社会责任与媒介素养》



讨论题目: