1
2
3
4
5
6

模块3任务指令

发布时间:2021-10-04 10:28   发布人:侯素玲   浏览次数:1547

团队任务

      以小组为单位,完成模块三的学习。该模块包括5个项目,通过这5个项目的学习,我们可以熟悉网页的布局方式,制作完成生活中常见的网页。

      网页从上往下一般分为顶部导航条、logo和banner、导航栏、页面位置、页面主体、页脚版权等部分。在水平方向一般有单列布局、两列布局、三列布局、多列布局等。

      具体要求如下:

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

    (2)使用HBuilderX软件编辑制作网页,把每个项目视频中涉及到的网页案例制作完成

    (3)教师随机抽查每个项目的完成情况,项目3-5难度较大,不做强制要求,前4个项目每人都必须完成

    (4)以小组为单位提交小组合作评估表,以“班级 小组名”命名,提交到班级钉钉群“模块三”文件夹下

     模块3计划用时:6周(24学时)

学习建议


课程引入

     通过模块1和模块2的学习我们已经对HTML语言和CSS样式有了初步的了解接下来我们将通过真实的网页案例继续学习网页布局的相关知识

    本模块中的每个项目都会综合应用到前面所学的知识,可以加深对前面所学知识的了解,需要同学们认真观看视频,并按照视频中的步骤来学习制作网页。

学习目标

思政目标

   1.通过制作日照职业技术学院招生信息网学生可以更好地了解学校 ,增强对学校的认同感

   2.通过制作“大国工匠”网页学生可以了解大国工匠的感人故事大国工匠们不畏艰辛刻苦钻研精益求精的态度发学生的学习动力从而有助于学生职业素养和工匠精神的养成

从而培养学生精益求精追求卓越的工匠精神

   3.“播种希望,传递能量”,希望学生通过海报新闻登录页的制作,能够如网页中的宣传语那样,感受和传递生活中的正能量。

   4.电商网站的出现,使购物方式发生了巨大的变化,购物模式的变化见证着民众生活质量的提升,也见证着改革开放取得的巨大成就。生逢盛世当不负盛世希望每位同学都能认真学习学好专业为实现中华民族的伟大复兴贡献自己的力量

知识目标

   1. html文档中的各种标记,如文字标记、图像标记、列表标记、超链接标记、结构元素、表单标记

   2. CSS各种属性,如文本字体属性、超链接样式、背景属性、边框属性、盒子模型、浮动属性、定位属性、类型与转换、选择器、过渡属性、变形属性、动画属性

能力目标

    能够综合应用各种html标记和CSS属性,制作网站中常见的网页

素质目标

   1. 自主学习能力    

   2. 规范编写代码的能力

   3. 认真细致的工作态度

  4. 团队合作能力

学习内容项目3-1   制作日职招生信息网    建议:4学时
项目3-2   制作大国工匠网页建议:4学时
项目3-3   制作海报新闻登录网页
建议:4学时
项目3-4   制作海报新闻入驻页面建议:4学时
项目3-5   制作美妆网页面建议:8学时

学习资源

1. 模块三       练习题

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

3. 点击访问    HBuilder使用教程      HBuilder常用快捷键

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

5. 点击访问   Web前端项目实战-京东

6. 点击访问   Web前端项目实战-小米商城

意见反馈

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

通过您的反馈和意见,希望在未来的课程中改进我们的质量。