《Web前端技术-XHTML+CSS+JavaScript》课程总结报告(16网站：夏小翔)_第1页
《Web前端技术-XHTML+CSS+JavaScript》课程总结报告(16网站：夏小翔)_第2页
《Web前端技术-XHTML+CSS+JavaScript》课程总结报告(16网站：夏小翔)_第3页
《Web前端技术-XHTML+CSS+JavaScript》课程总结报告(16网站：夏小翔)_第4页
《Web前端技术-XHTML+CSS+JavaScript》课程总结报告(16网站：夏小翔)_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

《Web前端技术——XHTML+CSS+JavaScript》课程总结报告计算机应用教研室：夏小翔《Web前端技术——XHTML+CSS+JavaScript》课程是16网站1班和16网站2班的专业核心课程，两个班共有学生90人，大部分学生能把基本知识部分学会，也有像吕陕北、冯飞、尚洪涛、田正豪、余胜怀等一批很有兴趣的学生，基本掌握了前端网站开发的核心技巧，现从五个部分对课程进行总结。一、教学起点该课程的前导课程是《计算机基础》《程序设计基础》等专业基础课程。通过这些课程的学习，学生已具备相应知识和能力，具体如下：计算机基础操作能力，能够利用计算机进行基本的文件管理；办公软件应用能力，能够使用MicrosoftOffice等办公软件进行基本的文档处理工作；文本编辑能力，能够使用工具对文本文件进行基本的编辑和处理。该门课程主要求学生运用CSS技术对页面进行排版设计，对于学生的综合能力要求较高，因此学生在学习时可能遇到的问题有：美学基础比较薄弱，对于色彩搭配不够协调。DIV布局的模式难于掌握。网页元素相对定位和绝对定位的掌握。(4)容易出现网页布局显示异常的问题。二、课程目标《Web前端技术》学习领域对培养学生的编码能力、设计思维能力、创新能力、科学精神以及用专业知识解决实际问题的能力，都具有十分重要的作用。本学习领域强调以学生为主体，知识为技能服务，培养学生的自主学习能力、自我管理能力和团队合作能力，使学生可以快速进入Web开发相关领域，在企业中从事Web前端的实际开发工作。1.专业能力培养学生的英语应用能力，掌握基本英语词汇，能够对页面元素、程序变量进行合理、规范命名；培养学生的计算机基础操作能力，能够利用计算机进行高效的、有条理的工程文件管理，版本控制等；培养学生的文本编辑能力，能够使用工具对纯文本文件进行高效快捷的编辑和处理；培养学生的图像处理能力，能够精确分析和处理设计师交付的PSD设计稿，切片、编辑、输出网页所需图片；培养学生的网页制作与调试能力，能够编写简洁、健壮的符合Web标准的静态页面代码，能够使用前端调试工具进行调试；培养学生的网站规划能力，能够合理规划网站结构，保证网站的可扩展性和易维护性。2.方法能力自主学习能力：具备信息获取与知识应用能力、反思及总结工作成果能力和再学习能力；解决问题能力：具备独立思考和解决实际问题的能力；设计创新能力：能运用已有的知识和技能进行创新的方案设计能力；3.社会能力培养学生自我管理和组织能力；培养学生与人交往与语言、文字表达能力；培养学生团队协作、沉着应变、爱岗敬业精神，使学生养成良好的职业道德。三、课程内容与要求1．教学内容的选取《Web前端技术》学习领域课程内容选择以就业为导向，以情境性原则为主、以科学性原则为辅，根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力、素质要求来选取教学内容，从而达到培养专业能力、方法能力和社会能力的目标。课程教学内容分析从WEB前端工程师岗位出发，精选企业中WEB前端工程师的具体工作任务作为课程教学内容的主要来源，从中结晶出学习内容，将这些内容与还处在确定过程中的学习目标进行比较，当现有内容不能满足学习目标描述的要求时，对学习内容加以细化和补充。反之亦然，如果发现工作中的内容不能到达既定的学习目标时，将对学习内容进行补充完善，最终形成课程内容。2．教学内容的排序《Web前端技术》在内容排序中通过科学的教学设计，按照不同工作任务特征的技能需求，遵循由简单到复杂，由低级到高级的能力递进规律将学习领域细化成具体的学习情境。整个流程包括五个分项目，一个综合项目，每个项目对应一个学习情境，并按项目从易到难的顺序进行排序。3．教学内容排序表内容概要大纲学习建议实训建议课时数项目1：CSS初步体验1、Web前端开发的含义2、Intenet、Web的概念3、搭建Web前端页面环境4.、Web前端页面基本框架第一次课目标是提高学生学习兴趣，从学生感兴趣的网站入手。1.课堂实训：搭建Web前端页面环境2.课堂实训：一个典型的Web应用2项目2：XHTML基础知识1、XHTML基本框架2、辅助的<head>标签3、丰富的<body>标签1、学习中注意代码书写的规范格式。2、XHTML的框架代码是核心学习内容，要达到能熟练写出的程度。1、课堂实训：制作“HelloWorld”2、课堂实训：了解意想不到的<head>效果3、课堂实训：制作个人家庭网页6项目3：CSS初步体验1、CSS（层叠样式表）基础知识2、CSS选择器3、CSS的特性1、能准确理解CSS选择器并使用2、利用排错功能加深知识掌握1、课堂实训：制作Goodmorning网页2、课堂实训：制作汽车网页3、课堂实训：制作校园新闻网页4项目4：CSS核心思想CSS盒模型（BoxModel）浮动与定位块元素与内联元素布局方法1、学习盒子模式时，要认真思考各种参数意义，仔细区别不同的表示方法。2、可以通过画图方式增强对盒子模式的理解。1、课堂实训：实现盒子效果2、课堂实训：实现文字阴影效果3、课堂实训：制作电子相册6项目5：网页元素设计1、文字元素2、图片元素3、列表元素4、超链接元素1、认真学习参考资料，熟悉各种元素的代码表示含义。2、多做练习，灵活应用各种元素。3、可以按照小组形式展开项目，学生自拟题目制作网站。4、注意不同浏览器浏览效果问题。1、课堂实训：制作多彩的公司Logo字符2、课堂实训：制作首字下沉效果3、课堂实训：制作“森林公园”网页4、课堂实训：利用圆角框设计栏目标题5、课堂实训：制作“夏威夷海滩”网页6、课堂实训：制作普通超链接7、课堂实训：制作按钮式超链接8、课堂实训：制作水平排列的导航菜单9、课堂实训：制作垂直导航菜单10、课堂实训：制作读书网页菜单12项目6：表格与表单1、表格是组织数据的工具；2、XHTML中表格相关元素3、表格样式4、提高表格的可访问性5、表单结构6、表单的构造块7、典型的表单构建1、认真阅读参考资料，注意表格的使用环境及优缺点。2、表格参数设置比较多，在使用中一定要区分各种参数之间的差别。3、在表单的学习中注意表单信息的传送方式。1、课堂实训：制作马自达车型优惠情况表 2、课堂实训：制作斑马纹效果的表格3、课堂实训：制作日历表4、课堂实训：制作彩色下拉列表框5、课堂实训：制作用户注册页面8项目7：JavaScript的应用1、JavaScript概念、特点2、基本语法3、Javascript事件分析1、注意强调语言通用性，学会知识的迁移。2、利用课堂实训掌握事件和语法。1、课堂实训：制作时钟效果2、课堂实训：制作变色表格3、课堂实训：播放背景音乐的应用4、课堂实训：交换图片的设计与制作6项目8：学期项目—手机资讯网站1、企业网站开发工作流程2、网站整合与测试3、XHTML、CSS验证4、网站上线5、撰写项目报告6、撰写项目答辩PPT1、在网站开发的每一步中，一定要遵守标准的开发流程，保证对标准的流程有一个真实的体验。2、在网站布局模式的选择上一定要认真思考，努力找到最恰当的布局方式。3、反思项目的开发过程，总结出自己的不足之处。手机资讯网站16考试测评4合计=SUM(above)64四、课程说明课程类别：专业必修课学时：60学分：3.5考核方式：考查课程定位：本课程是“计算机网络技术”专业和“计算机软件”专业的一门基于工作过程，面向“Web前端工程师”岗位的专业课程，也是一门典型的工学结合，融理论与实践于一体的理实一体化课程。课程以WEB前端工程师工作过程为导向，通过学习DIV布局、CSS格式排版美化页面，培养学生能独立自主完成WEB前端页面设计任务的能力，是网络技术专业学生必修课程之一，与其他学习领域一起共同构成学生在Web开发行业中相关岗位就业所应具备的知识和技能，为培养高素质技能型人才提供保障。前导课程是《程序设计基础》，后继课程是《网站建设及B/S系统设计》等课程。五、评价方法本课程坚持理论与实践并重的原则，在评价上最好采用理论考核和实践考核相结合的方法。注重过程性考核与结果性考核相结合，逐步建立学生的发展性考核与评价体系。评价方法采用学生自评、组内互评、教师综合评定的多元评价模式，过程评价与结果评价相结合，具体评价方法见下表：学生自评：要求学生对自己在课堂中的学习情况以及完成任务过程中所体现的个人能力进行评价。小组互评：通过同学对学生在团队中所做的贡献和表现给予评价和打分，关注学生团队意识的建立和与团队中其它成员的沟通交流能力。教师评价：不仅要评价学生任务完成的结果，而且要考察学生在完成任务的过程中所表现出来的专业能力，方法能力和社会能力。企业教师评价：由校外兼职教师对学生在学期项目实训中的工作表现做全面的评价，主要考察学生的实践能力，能否按照企业规范完成工作任务，具备良好的职业道德素质。具体的评价方式可以采用测验、实操、口试、项目作业、答辩及调查问卷等方法来进行。课程成绩组成如下表所示。课程成绩组成分析表序号考核条目考核内容考核对象分值1过程考核（70%）自我评价学习态度详见个人自评表学生个人20学习效果社会能力小组评价团队贡献详见小组评价表20个人魅力教师评价理论测试详见教师评价表60实操测试综合素质2项目考核（30%）学校教师与企业教师评价成果水平用户体验、代码规范、注释合理、创新能力

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论