静态网页设计课程统一标准

《静态网页设计》课程原则1.概述1.1课程性质《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业一门专业必修课程。本课程以《计算机文化基本》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程，本课程将从职业技术教诲特点出发，以培养学生实际动手能力为目的，学会如何通过效果图完毕对网页页面布局，通过完毕学习情境学习，可以掌握HTML、CSS、简朴JavaScript专业知识和专业技能。使学生具备网页制作、网站规划与网站维护专业能力和办法能力，以及培养学生团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业核心主干课程，使学生掌握商业网站开发和流程，并能独立进行操作，在就业时可以成为一种合格人才。学生毕业后可胜任网站管理员、网页设计师等工作岗位。1.2课程设计理念本课程设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了老式学科体系模式，通过各项目练习操作，纯熟地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力培养。充分体现了职业教诲“以就业为导向，以能力为本位”职业教诲理念。1.3课程开发思路本课程重要以当下典型项目案例为主题，教材为参照，同步借鉴了某些公司网站，有助于学生理解与学习。颠覆老式讲授风格，重要通过项目实例让学生以师傅带徒弟形式一步一步学习项目开发流程。带着对一种项目雏形不断完善，功能需求及其她功能完善，进阶，使学生掌握一种网站项目设计与制作有关经验。经验从实践中来，因而学生实验学时约占到了总学时三分之二。按照“以能力为本位、以职业实践为主线、以项目课程为主体模块化专业课程体系”总体设计规定，该门课程以静态网站为基本，以CSS优化办法为基本目的，紧扣完毕工作任务需要来选取和课程名称：静态网页设计课程代码：4010005课程类型：岗位技能课学分：3筹划学时：64实践学时比例：100%重要授课方式：理实一体化考核方式：上机考试合用专业：计算机网络与安全管理专业先修课程：计算机应用基本、计算机网络技术及应用组织课程内容，突出工作任务与知识联系，让学生在职业实践活动基本上掌握知识，增强课程内容与职业能力规定有关性，提高学生就业能力。2.课程目的本课程以学生可以网页网站开发与维护实际工作能力为学习目的，使学生具备计算机及其他有关专业课学习和应用中所必须网页制作与网站设计基本知识和基本技能，形成解决实际应用问题办法能力。使学生通过项目实现，具备良好综合素质和职业道德，可以吃苦耐劳、爱岗敬业、团结合伙。为后来学习动态网页设计课程打下基本。2.1知识目的(1)理解WEB站点工作原理；(2)理解Internet、、HTTP、HTML定义，计算机网络概念和作用；(3)理解服务器、客户端、浏览器概念和作用；(4)掌握常规网站规划及流程；(5)纯熟掌握HTML语言中各种标记符运用能力；(6)纯熟掌握Dreamweaver应用软件使用；(7)理解网页中脚本语言用法；(8)纯熟开发常规静态网站。2.2素质目的(1)培养具备较强网页设计创意思维、艺术设计素质；(2)培养学生在学习过程中解决困难能力；(3)培养学生在学习过程中培养兴趣能力，提高工作、学习积极性；(4)培养学生理论联系实际工作和学生办法；(5)培养具备高度责任心和良好团队合伙精神；(6)具备社会责任感。2.3能力目的(1)纯熟掌握Dreamweaver应用软件制作网站及网页；(2)纯熟掌握使用绝对和相对URL，创立超链接，图像链接；(3)掌握在网页中添加CSS办法；(4)培养学生设计、制作和维护动态网站。(5)培养学生收集资料、阅读资料和运用资料能力；(6)能独立制定、实行工作筹划。(7)具备检查、判断能力；(8)具备简朴需求市场分析能力。3.课程内容和规定学习情景1、制作工作任务熟悉学时知识规定技能规定安排—种简朴Dreamweaver工熟悉Dreamweaver工具1.1熟悉“班级网站”具软件使用、测试和调试软件使用、测试和调试Dreamweaver工具软件使用、测试和调试2HTML语言基本构造完毕在网表格标签使用(布局)2、制作页布局与内容图像插入与图像标签熟悉一种网页制作4个人求职网插入与美化段落与换行及相应标签基本流程超链接与超链接标签页面美化(CSS)3.1熟悉效果图使用3.2熟悉页面设立与布局3.3熟悉板面划分3.1熟悉网页元素与3.4熟悉板块设计、制作CSS联系3、新浪完毕新浪与重用3.2熟悉素材设计个人博客制个人博客设计3.5CSS三种基本类型区与网页使用8作与制作别与使用3.3理解3.6Flash使用Javascript控制网页元3.7页面元素先后层次素办法设立3.8换肤技术原理实现办法学习情景工作任务理解学生4、阶段学时知识规定技能规定安排测试与评析对新浪个人博客掌握状况同3同345.1熟悉效果图与素材图片查看5.2页面布局与颜色渐变素材使用5.3动态效果导航栏制作(CSS)5.3.1CSS包括选取器5.3.2CSS群组选取器5.1结识列表布局5、学习学生进一5.3.3CSS伪类选取5.2结识DIV布局“动网论坛”主页制步学习CSS复合选取器使用器5.3熟悉惯用CSS复165.4动态效果“亮点功能合选取器使用作展示”板块制作(CSS)5.4.1CSS滤镜5.4.2CSS控制元素显示与隐藏5.5CSS实现弹出式菜单(顶部导航菜单)5.6圆角矩形在网页中常用实现办法5.7结识DIV+CSS布局5.8结识“项目列表”布局5.4CSS实现简朴动态效果办法4.课程实行和建议4.1课程重点、难点及解决办法课程重点：HTML语言、网页布局方式、CSS及属性设立。课程难点：CSS及属性设立、JavaScript及文档对象模型。解决办法：(1)为树立学生网页设计思想，掌握网页设计与制作有关技术精髓，在理论教学上，咱们采用“项目驱动”教学办法，将有关知识点融入项目，通过项目实现，让学生掌握网页设计与制作核心技术，并对Dreamweaver工具制作网页有一种直观和更加感性结识，再通过案例演示、实用教学等办法，从项目中提炼出有关知识点，让学生掌握学习HTML与CSS基本办法与技巧。(2)在培养学生基本编程能力方面，咱们采用“榜样学习”模式，学生在教师解说项目基本上，学习情景工作任务知识规定技能规定学时安排理解学生6、阶段对“动网论坛”同5同56测试与评析网页制作有关知识掌握状况7、完毕学生掌握7.1框架与框架集纯熟框架与框架集“网络硬框架网页有关7.2浮动框架创立与设立8盘”页面制技术与知识作8、“新学生掌握8.1表单创立顾客注册”表单与客户端8.2惯用表单元素添加纯熟表单与数据验10页面制作数据验证普通与设立证办法办法8.3客户端数据验证9、阶段理解学生测试与评析对表单与框架同7、8同7、84有关知识掌握状况机动2共计64完毕与之知识点类似项目，以进一步强化学生实际编程能力。(3)在培养学生实际工程能力方面，咱们采用“三段论”教学方式，通过“项目调研、项目实现、项目验收”，熟悉公司项目开发流程，培养学生分析问题、解决问题能力和团队合伙能力。(4)学生创新能力方面，对学习限度较好学生，通过让学生跟踪网页设计与制作新技术，锻炼学生创新思维能力，并带动整体学风建设。(5)在遵循本课程原则前提下，可依照公司实际需求，可恰当调节或修改教学情境，从而更好达到教学目。特别是对新知识，新技术选用上特别重要。4.2教学办法和教学手段4.2.1教学办法本课程重要采用“任务驱动式”教学法、“讨论法”教学法和“项目案例”教学法等各种教学办法。（1）任务驱动式教学：把教学内容巧妙地隐含在每个任务之中，让学生提出问题，分析问题，自己解决问题，培养学生自学能力和相对独立分析问题、解决问题能力。（2）讨论法教学：同窗之间讨论问题，可以让学生养成独立思考问题、互相交流意见习惯，从而提高她们分析和解决问题能力。（3）项目案例教学法：以一种实际项目或案例（超级课表）为例展开教学，将知识点融入项目中，运用面向对象思想进行分析、设计和实现，树立学生面向对象程序设计思想。4.2.2教学手段多媒体教学：在课件设计中，营造轻松活泼课堂氛围，通过图片、动画、实例演示等方式使课程内容变得容易理解、学习，教学方式更为直观生动，教学过程更为紧凑，更能吸引学生注意力，学生更能发挥学习主体性和能动性，从而本课程教学效果更为明显。软件模仿教学：由于程序设计课程特点，如果将程序以课件形式提供应学生，学生也许会浮现照抄课件状况。因而，在课堂上，对于要实现程序，都是主讲教师边分析，边实现。学生在教师分析同步，可以自己实现程序，通过与教师所写程序比较，找出自己局限性，提高自己程序编制能力。网络教学：在课堂教学基本上，课程组开发网络课程为学生提供了教学课件、论坛讨论等前沿技术拓展学习资料。运用校园网优势，咱们把该课程所有教学资源上网，并运用电子邮件、课程BBS与学生进行课外交流，为学生提供了更为广泛沟通渠道与环境。通过网络平台，学生可依照自己学习状况有重点地选用再学习内容，提高了课程学习效率。4.3教学评价各学习情景任务模块可参照下表进行评价：学习情景1、制作工作任务熟悉评价目的评价方式评价比重—种简朴Dreamweaver工会用Dreamweaver软件“班级网具软件使用、测搭建环境站”试和调试2、制作个人求职网完毕在网页布局与内容插入与美化能完毕工作任务过程性评价：提交作品5%3、新浪完毕新浪个人博客制个人博客设计能完毕工作任务过程性评价：提交作品10%作4、阶段测试与评析5、学习“动网论坛”主页制作与制作理解学生对新浪个人博客掌握状况学生进一步学习CSS复合选取器使用理解学生6、阶段对“动网论坛”测试与评析网页制作有关知识掌握状况7、完毕学生掌握能完毕阶段测试任务总结性评价：提交作品30%“网络硬框架网页有关盘”页面制技术与知识作能完毕工作任务过程性评价：提交作品5%能完毕阶段测试任务总结性评价：提交作品20%能完毕工作任务过程性评价：提交作品5%阐明：每个模块考核重要考察学生出勤状况、实际动手能力、理论知识运用与掌握状况、完毕作业精确度、完整度、规范度等、分析问题、解决问题能力、合伙沟通能力、学习态度、总结报告（报告内容、态度、写作水平等）等评估项目进行综合考核。4.4教材编写本课程重要采用与参照由李英俊主编——《网页设计与制作(第三版)》。该教材有如下特色：(1)以培养社会需要高技能型人才为导向，充分体现高职特色实用教材。(2)本书将项目教学法、任务驱动教学法、案例教学法教学思想融为一体，重点体现其精神实质。将网页设计制作社为一种整体项目。(3)本书既注重实用性、可操作性，又注重知识科学性、系统性。各章都设有明确教学目的和教学任务，在内容安排上特别适合任务驱动教学。各章节内容讲授尽量结合实际案例进行，即结合案例讲授知识点。这样既体现了案例教学实用性，又能保持知识系统。(4)本书以培养学生网页设计与制作实践能力为重要教学目的，因而实践性项目与案例将贯穿教材始终，并安排了三个环节实践技能训练。①结合实际案例讲授教学内容，并指引学生实践。②依托实训指引培养学生自主学习能力。③通过综合练习测试并提高学生综合应用能力。4.5课程资源开发与运用1．教辅材料：要力求接近实践，最佳是来源于实践案例与情境，并开发课程习题、参照文献等学习情景工作任务评价目的评价方式评价比重8、“新学生掌握顾客注册”表单与客户端能完毕工作任务过程性评价：提交作品5%页面制作数据验证普通办法9、阶段理解学生测试与评析对表单与框架能完毕工作任务总结性评价：提交作品20%有关知识掌握状况共计100%内容，向学生开放，以利于学生自主学习。2．实训指引书：格式对的、内容全面，且能详细写明对学生各项规定。3.软件环境：不断完善网络开发实训室软件环境，开发环境与运营环境都应安装更高版本以满足更新技术教学与实验。4.硬件环境：但愿可以加大对硬件实训内容建设，例如添置平板电脑、智能手机等设备，满足学生学习移动终端网页设计与制作有关知识学习与实验。5.信息技术：充分运