团队任务
以小组为单位,完成模块三的学习。该模块包括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前端项目实战-小米商城 | ||
意见反馈 | 请大家在课程首页“课程评价”区或小组合作评估表中对本模块进行反馈。 通过您的反馈和意见,希望在未来的课程中改进我们的质量。 |