- 1、本文档共3页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
《网页设计与制作》课程教学单元设计 淮安信息职业技术学院
第 PAGE 2 页 共 NUMPAGES 2 页
《网页设计与制作》课程教学单元设计
单元1 网页设计与策划
授课教师:网页设计与制作
授课班级:
学时:2
教学条件
实训室、HBulider或Dreamweaver、投影设备、广播软件、互联网络
教学素材
教材、课件、实训项目单、授课录像、案例库、教学网站等
教学目标设计
知识目标:
(1)了解网页设计的概念与术语;
(2)掌握网页、网站相关概念;
(3)掌握网页设计的流程;
(4)了解HTML5的发展历史与优势;
(5)掌握HTML5的编码方式。
能力目标:
(1)初步熟悉HBulider或Dreamweaver程序开发环境和程序开发的全过程;
(2)能够模仿编写简单的HTML代码解决部分应用问题;
(3)能独立进行查找资料,搜索项目案例资料;
(4)能根据项目需求,规划主页草图。
。
任务描述
软件技术专业实习生小王刚进公司,就跟随UI项目组李经理来完成新的任务,策划一个信息类职业技术学院的校园网网站门户页面,那么,应该用户有哪些需求呢?小王跟市场部通过电话沟通,并得到李经理的指导,从而确定了本任务就是依据学校办学特色,完成“校门户网站主页面”的策划与设计。
教学内容
(1)网页设计的概念与术语;
(2)网页、网站相关概念;
(3)网页设计的流程;
(4)HTML5的发展历史与优势;
(5)HTML5的编码方式。
重点:
(1)激发学习兴趣;
(2)网页、网站相关概念,网页设计的流程;
(3)HTML5的编码方式。
难点:
(1)熟悉HBulider或Dreamweaver程序开发环境和程序开发的全过程;
(2)HBulider或Dreamweaver的调试方法。
任务分析与实现
(1)任务分析;
(2)任务实现代码。
教学过程设计
1.1 网页设计与策划(学时数:2)
主要步骤
教学内容
教学方法
教学手段
师生活动
岗位搜索
上智联招聘、51JOB等网站搜索相关的岗位,学生自己描述岗位需求。
技能培养是专业核心课程的目标,同时要培养学生的学习能力与素质。
讨论法
多媒体
教师:发起讨论
学生:查找交流
任务描述
依据客户办学特色,完成“校门户网站主页面”的策划与设计。
启发讲解
讨论归纳
多媒体
教师:分析任务
学生:信息交流
知识讲解
知识点1:网页设计的概念与术语。
知识点2:网页设计的流程。
知识点3:HTML5的概述。
知识点4:编写第一个HTML5页面。
启发讲解
讨论归纳
多媒体
课件演示
思考
交流互动
分组讨论
记录笔记
实例示范
综合案例:体验HTML5的页面特征
问题引导
操作演示
分析归纳
多媒体
系统演示
观摩思考
归纳总结
任务实施
网站主页的策划与设计
1.资料收集
2.页面规划
3.绘制页面草图
动手实践
做中学
多媒体
真实系统环境
网络资源
实践操作
查阅资料
巡视指导
评估
讨论
(1)评估讨论实训任务的实施过程;
(2)给出参考的解决方案;
(3)展示讨论学生的解决方案;
(4)考核学生结果。
教师启发
讨论归纳
分数激励
项目单
思考
结果演示
课堂
总结
网页设计的概念与术语。
网页的开发流程。
体验开发HTML5。
实践体验HTML5的页面特征。
教师讲解
多媒体
课件演示
整理笔记
引导创新
任务拓展
1.认识DreamweaverCC 。
2. HBuilder的快速开发技巧
教师指导
学生自学
多媒体
布置作业
提出要求
您可能关注的文档
- 网络工程规划与设计案例教程(李健 谭爱平)文档_项目一_任务3-6_交换机背板带宽、包转发率计算方法.doc
- 网络工程规划与设计案例教程(李健 谭爱平)文档_项目一_任务3-6_安全网关介绍.doc
- 网络工程规划与设计案例教程(李健 谭爱平)文档_项目一_任务3-6_服务器性能常规评估方法.doc
- 网络工程规划与设计案例教程(李健 谭爱平)文档_项目一_任务3-6_服务器性能评估的实战技巧.doc
- 网络工程规划与设计案例教程(李健 谭爱平)文档_项目一_任务3-6_服务器硬件配置简单计算方法.doc
- 网络工程规划与设计案例教程(李健 谭爱平)文档_项目一_任务3-6_电信业服务器选择原则.doc
- 网络工程规划与设计案例教程(李健 谭爱平)文档_项目一_任务3-6_防火墙产品的选型.doc
- 网络工程规划与设计案例教程配套教学课件ppt李健谭爱平网络工程规划与设计案例教程 教学课件 ppt 作者 李健谭爱平 素材_项目三_任务二_visio2010操作指南.ppt
- 网络服务器配置与管理项目10架设流媒体服务器.ppt
- 网络服务器配置与管理项目11配置认证服务器.ppt
- 2024年江西省寻乌县九上数学开学复习检测模拟试题【含答案】.doc
- 2024年江西省省宜春市袁州区数学九上开学学业水平测试模拟试题【含答案】.doc
- 《GB/T 44275.2-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第2部分:术语》.pdf
- 中国国家标准 GB/T 44275.2-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第2部分:术语.pdf
- GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构.pdf
- 《GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构》.pdf
- 中国国家标准 GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构.pdf
- GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南.pdf
- 中国国家标准 GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南.pdf
- 《GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南》.pdf
文档评论(0)