《html5商业网站设计》课程标准.docx
《《html5商业网站设计》课程标准.docx》由会员分享,可在线阅读,更多相关《《html5商业网站设计》课程标准.docx(20页珍藏版)》请在咨信网上搜索。
1、湖南铁路科技职业技术学院HTML网页设计课程标准二级学院(部):课程名称:课程代码:制订人:专业审核人:二级学院(部)负责人:3、学会使用浮动定位。3、浮动定位;4、块级元素、内联 元素和块级内联元 素的划分和转换。摆放;3、能使用盒子模型 实现块级元素之间 的分隔、设置块级 元素的边框、内边 距等属性。掌握使用DIV+CSS 设计布局,掌握盒 子模型和浮动定 位;2、独立设计时空 电影网”首页布局 任务,巩固所学知 识。9制作“蓝梦音乐网” 首页1、进一步巩固DIV+CSS的使用;2、进一步巩固盒子模型使用;3、进一步巩固浮动定位1、超链接的使用; 2、溢出的处理。1、能基于已设计好 DIV
2、+CSS框架填充 文字、图片等内容; 2、能为导航栏漆加 超链接。1、学习制作“蓝梦 音乐网”首页,掌 握使用使用超徒接,进一步巩固DIV+CSS、盒子模型8使用;4、了解溢出;4、学会使用超链接。和浮动定位的使用;2、独立制作时空 电影网”首页任务, 巩固所学知识。教学单元六:使用网页定位和JS特效10制作“蓝梦音乐网” 滑动轮播特效1.学会绝对定位、相对 定位和z-index元 素堆叠;2、学会简答JS的应用1、绝对定位、相对 定位和z-index元 素堆杳的使用;2、简答JS的应用。1、能使用绝对定 位、相对定位和 z-index元素堆叠 设计轮播按钮;2、调用JS实现轮 播效果。1、学
3、习制作“蓝梦 音乐网”滑动轮播 特效,掌握绝对定 位、相对定位和 z-index元素堆叠 使用;2、独立制作“时空4电影网”滑动轮播 特效,巩固所学知 识。教学单元七:制作移动网页11制作移动端“蓝梦音 乐网”首页1、学会使用流式布局;2、学会使用em单位;3、了解 rem;3、学会使用media查询;4、了解 viewport,.1、移动端流式布局 的设计;2、em单位的使用;3、media查询的 使用;1、能使用流式布局 制作移动端“蓝梦 音乐网”首页;2,能使用media 查询实现设计一个 网页,多个设备呈 现。1、学习制作移动端 “蓝梦音乐网”首 页,掌握使用使用 流式布局、em单位和
4、media查询;2、独立制作移动端 “时空电影网”首页任务,巩固所学 知识。8教学单元八:使用框架12制作“蓝梦音乐网” 后台管理系统框架1、学会框架的使用;2、了解框架的类型;3、学会框架的属性设置;4、了解内联框架1、框架的使用;2、了解框架的类型;3、框架的属性设置;4、内联框架的使用1、能使用框架设计 “蓝梦音乐网”后 台管理系统框架。1、学习制作篮梦 音乐网”后台管理 系统框架,掌握框 架的使用;2、独立制作“蓝梦 音乐网”后台管理 系统框架,巩固所 学知识。4教学单元九:综合工程实现13完成“时空电影网” 网站1、学会网站的设计;2、巩固使用DIV+CSS制作网页;网站的设计1、能
5、根据网站要求 设计出网站的结 构;2、能根据前面所学 设计出所有网页并 实现页面跳转。独立完成“时空电 影网”网站,掌握 网站的结构设计和123、巩固使用超链接实现 页面跳转。网页的设计五、课程实施(一)学时安排序号教学单元(章或工程)标题总学时理论 学 时实 践 学 时备注1教学单元一:初识网页2112教学单元二:使用网页基本标签8443教学单元三:使用表格、表单8444教学单元四:使用CSS美化网页8445教学单元五:使用DIV+CSS16886教学单元六:使用网页定位和JS 特效4227教学单元七:制作移动网页8448教学单元八:使用框架4229教学单元九:综合工程实现12012(二)课
6、程的重点和难点一)重点1、HTML常用的基本标签的使用;2、表格和表单元素的使用;3、CSS选择器的创立和应用;4、DIV+CSS设计网页;5、网页定位和JS特效应用;6、移动端网页制作。二)难点1、CSS选择器的创立和应用;2、DIV+CSS设计网页;3、网页定位和JS特效应用;4、移动端网页制作。(三)教学考核评价1 考核方式考核自后刑成结权重()备笄平时考核课堂考勤3040%迟到1次或早退1课堂表现40踊跃回答下列问题每次加1分;随堂作业30缺交作业1次扣2课终空试6060%机诘40(四)教学建议本课程标准在设计上本着懂方法,重应用的总体思路,突出体 现职业教育的技能型、应用性特色,着重
7、培养学生的实践应用技能, 力求到达理论方法够用,技术技能过硬的目的。首先应依据专业人才培养方案中关于人才培养目标的阐述,明 确课程目标;其次,结合职业教育课程观、教学观、能力观,基于 软件工程的开发过程,以工程化教学来组织课程内容,在课程内容 的选择与排序中,以软件工程实施的不同阶段、典型任务为载体, 将课程内容划分为互相联系的学习情景;第三,通过对各学习情景 中学习目标、主要内容、授课方式、师生要求等各项内容的描述, 来规范课程所要求的内容;第四,通过对课程内容的选取和组合, 以多个完整的工程为载体,完成课程的实施;最后,通过对工程实 施过程中各个环节的考察和评价,来完成对课程的评鉴与考核。
8、六、课程资源的开发与利用1、教材与参考资料:(1)教材:HTML5商业网站设计与制作周庞荣、顾挺主编,16 清中国铁道出版社。(2)主要参考书:精通CSS与HTML设计模式,(美)Michael Bowers著,人民邮电出版社。2、教学条件要求实施本课程的设备和软件要求:PC机、HBuilder开发软件、多 媒体电子教室等。3、其他相关要求(1)采用理论实践一体化的教学模式,并不是完全抛弃传统的 教学,而是发扬传统教学的长处,将其融入理论实践一体化的教学 模式之中,并注重教学的有效性。(2)教学中要从学生的实际和企业的实际出发,遵照学生的学 习的特点,以学生为主体,充分强调学生学习的主动性和积
9、极性, 强化情感态度价值观的教育,注意计算机网络技术操作的规范性、 平安性和开展性。七、课程教学团队八、其它说明1、课程组织形式采用任务驱动的教学模式,以来自生产实践的工程任务为课题, 引导学生进行自主学习及实际操作,使学生掌握在HBuilder中如何 运用HTML、CSS程序代码来制作网页,使网页页面更加美观、特效 更加生动;同时,通过小组协作完成工程任务的学习方式,培养学 生解决问题的方法能力、团队协作能力。采用老师教、学生学、动 手做三步教学法,全机房教学环境,从而培养学生的学习能力及应 用能力。2、教学方法(1)采用工程驱动教学法。使用以实际需求为题材制作的各种 经典案例,通过“任务描
10、述”一“任务分析” 一 “任务实施”一“任17 务小结”四部曲展开,采用工程引导、任务驱动的方法组织全部教 学过程。(2)采用多种方法的组合教学手段。全部教学在电脑机房上课, 理论教学和实训操作相结合。授课采用投影+课件、讲授+交流讨论, 以及边讲、边看、边做、边讨论等多种教学手段,在做中学,在学 中做,做到“教、学、做” 一体化,同时注重培养学生的自主学习 能力。(3)通过相关的教学活动设计(如团队合作、信息搜索、阅读 分析等),注重工学结合和学生职业素养的提高,彰显职业教育的“职 业”特性,培养合格的职业人。18HTML5网页设计课程标准课程代码:课程类型:理实一体课课程名称:HTML网页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html5商业网站设计 html5 商业网站 设计 课程标准
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【二***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。