Web前端开发技术-日职网络教学平台

Web前端开发技术
侯素玲

1

2

3

4

5

6

模块一初识HTML5 任务指令

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

学习任务

模块一包括5个项目，通过这5个项目的学习，我们可以认识并掌握html的常用标记。具体要求如下：

（1）模块1的所有视频至少观看一遍（为防止声音干扰，可以佩戴耳机）；

（2）学习使用HBuilderX软件编辑制作网页，并把视频中涉及到的代码练习一遍；

（3）模块一学习时长为2个周，该模块学习结束后，每位同学提交一个网页作品，该网页中须含有标题、段落、图像、超链接、列表、视频等网页元素；

（4）网页作品文件夹以“学号姓名”命名，提交到本课程钉钉群“模块一作业”文件夹下。

学习建议

课程引入	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）浏览器市场份额 5. 谷歌浏览器下载地址 https://www.google.cn/intl/zh-CN/chrome/
学习目标	思政目标 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. 谷歌浏览器下载地址 https://www.google.cn/intl/zh-CN/chrome/ 5. 点击访问 HTML5标签一览表 HTML5标签一览表2 6. 模块一练习题
意见反馈	请大家在课程首页“课程评价”区或小组合作评估表中对本模块进行反馈。通过您的反馈和意见，希望在以后可以改进我们的课程质量。

+添加讨论

Web前端开发技术侯素玲

模块一 初识HTML5 任务指令

Web前端开发技术
侯素玲

模块一初识HTML5 任务指令