1
2
3
4
5
6

模块一 初识HTML5 任务指令

发布时间:2018-09-19 07:51   发布人:侯素玲   浏览次数:3301

    团队任务

    以小组为单位,完成模块一的学习。该模块包括5个项目,通过这5个项目的学习,我们可以认识并掌握html的常用标记。具体要求如下:

   (1) 每位同学都需要把模块1的所有视频至少观看一遍

   (2)学习使用HBuilderX软件编辑制作网页,并把课程视频中涉及到的代码练习一遍

   (3)以小组为单位提交一个网页作品,该网页中须含有标题、段落、图像、超链接、列表、视频等网页元素

   (4)以小组为单位提交模块一的小组合作评估表,以“班级 小组名”命名

   (5)网页作品和模块一的小组合作评估表提交到班级钉钉群“模块一”文件夹下

    任务期限 

        2周内完成

    学习建议

课程引入

  1.上网是我们日常生活的一部分,我们在上网的时候经常会访问不同的网站。下面我们来看一下日照职业技术学院的网站。

   点击访问日照职业技术学院 https://www.rzpt.cn

  2.几个概念:

  (1)什么是http

  (2)什么是www

  (3).cn  .com  .gov  .edu的含义等

3.在网页的空白处右击“查看源代码”,引入网页制作语言html。

     HTML(HyperText Markup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。

    HTML提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可。

4.观看视频  《初识HTML5》

视频内主要有以下内容:

(1)html发展历史

(2)各浏览器对HTML5的支持

(3)浏览器市场份额

 

学习目标

思政目标

   1.让学生了解就业方向明确学习目标激发学习动力;

   2.让学生更好地了解学校、了解校园文化增强学生对学校的认同感归属感;

   3.让学生了解日照了解山东,感受齐鲁文化,感受华夏文明,增强文化自信,培养学生的爱国主义情怀。

知识目标

   1. 熟练掌握html文档基本结构   

   2. 熟练掌握标题、段落、图像等常用标记

   3. 熟练掌握超链接标记、列表标记、视频音频标记

   4. 能够使用代码编辑器HBuilderX

能力目标

    能够制作含有标题、段落、图像、超链接、列表、视频、音频等元素的网页

素质目标

   1. 自主学习能力    

   2. 规范编写代码的能力

   3. 认真细心的工作态度

   4. 团队合作能力

学习内容项目1-1  创建第一个网页建议:2学时
项目1-2  制作图文并茂的网页   建议:2学时
项目1-3  制作含有超链接的网页
建议:2学时
项目1-4  制作含有列表的网页   建议:1学时
项目1-5  制作含有视频和音频的网页建议:1学时

学习资源

1. 菜鸟教程    https://www.runoob.com/

2. 哔哩哔哩   web前端开发

3. 点击访问    HBuilder使用教程      HBuilder常用快捷键  emmet语法快速生成标签

4. 点击访问    Chrome开发者工具使用技巧

5. 点击访问   HTML5标签一览表   HTML5标签一览表2

6. 模块一      练习题

意见反馈

请大家在课程首页“课程评价”区或小组合作评估表中对本模块进行反馈。

通过您的反馈和意见,希望在以后可以改进我们的课程质量。