《Web前端技术》实验教学大纲.docx

课程代码3080000112谋理名秫Web前皑技术适用专业软件工程本科先修课程程序设计基础.计算机导论实验性质非独立设武开设学期3实验方式上机操作周效（学时）24学分1课程目标（1）职业扰苑与道德修养：逋过学习WCb前端技术的理论和实践知识,培养学生树立社会主义核心价值观，成为社会主义现代化推设事业的合格线设者和可*接班人.学生应养成良好的职业规范和职业操守，具有人文社会科学素养、社会费任感.能够在工程实践中理解并遵守工程职业道终和规范.履行责任.（2）蚌合应用能力：根抠掌握的HTM1.S和CSS3相关知识，能矮对WCb前斯开发各个环节的实际何题进行分析，具备的林独立构建简单网站及复杂网站的能力.（3）终身学习能力：能够跟踪Web前潴技术前沿,林续提高HTM1.和CSS的应用能力，不断柘网页面布局和移动开发的应用力法.能扬适应移动互联网行业对Web而满开发人员岗位需求的不断变化.（4）团队领导与协作：能终就Web前娓相关的一般工程问题与业界同行及团队成员进行有效沟通和交流，掌握团队协作与冲突侪决的方法。培养学生的创新能力,沟通能力、团队侍作能力、应变能力、领导能力等，通过分工与合作，¥强合作意识，培养协作惜评.教学要求完成课程学习后,学生将具名以下能力：1.在前端技术与移动开发等学科具备基本的知识、技术和能力：2 .在前端开发团队中有效工作的能力：3 .通过其险报告.书面想告和口头报告有效沟通的能力：4理解专业的、道徨的和社会货任的能力；5 .以更多样性、现代化专业知识，社会和全球问题：6 .保证前端项目质量和实效性并不断迸步.一、实睑的性质、目的和任务1 .性质本课程的实验性质是非独立设设实验课，在实验实训室中采用上机操作进行.2 .目的通过开展实验，可以让学生掌握HTM1.、CSS>Javascripi等前端技术的明木用法并能配合使用.为学生今后从事Web技术及应用方面的J1.作打下基础.3 .任务(1)掌握HTM1.语法，掌握CSS的她本语法、选择零类型、CSS定义与引J1.J方法，(2)埋解CSS盒子模型、掌握边框、边界、填充及内容等属性及设置方法熟练地使用DIV标记的CSS各类属性.(3)会使用外部样式表定义页面样式、熟悉各类附见的页面布局类型、能朝写出相应的D1.V结构及CSS规则.(4)熟悉常见网页布局结构类型、能够对主流商业网站布局结构进行分析：(5能盛保台运用DIV+CSS时小型网站页面进行布局规划、编写代码实现布局效果-(6)熟悉自适应网页布局结构方式、能膨使用booutmp创建自适应页面.二、实验的基本内容和要求序号实UH目天数(*)实验属性内喜与吴求1CSS基础6演示性内容：了挈CSS的规则.要求：(1掌握CSS的基本语法：(2掌捱CSS选择器类乱(3)掌握CSS定义与弓I用方法。2盒子模型6演示性内容：套于模型的相关性质。要求：1理解CSS盒子模型：(2)掌握边梃、边界、填充及内容等属性及设置方法；(3)熟练地使用D1.V标记的CSS各类属性：(4)掌惺CSS定义与引用方法，学会使用外部件式表定义页看样式；(5)熟悉各类常见的灵看布局类型.能够写出相应的DIV结构及CSS规则。3小兔伴儿项目制作6演示性内容：使用DIV+CSS方式进行布局。要求：(1)熟悉常见同页布局结构美型；2)s婚相主流商业回站布局结构迸行分析：(3)珠合运用DIV+CSS对小型同站页面进行布局规划、编写代码实现布局效果.4弹性布局6演示性内容：使用弹性网珞狗窿页壹布局.要求：(1)熟港自适应回页布局结构方式：2)能够笠用b(strap倒建百适应页面，三、主要仪器设备及材料PC终端WinIOAVin1.1操作系姚Visua1.StudioCode潟辑器ChrOmC浏览器像素大同软件四、实验的考核办法实验考核内容主要分为：实脸it程、实骏没计和实薇报告三部分。实验过程专核主要考交学生课程出勤、实验态度、实的任务完成情况、实验过程中分析问题和解决问题的能力等方面：实验设计考核主要考查学生设计的规范性.合理性和美观性等方密；实验看告考核主要是学丧实验报告内容的完整性.正陶性和规范性等方面。以上三部分分别占三分之一的分缸与移枭用分级形式进行，同一小姐成员分工不同，按照分工打分.五'指导书与参考资料指导书：MHTM1.5+CSSweb开发案例教程3前沿科技温谱.编著人民邮电出版社卷考资料：HTM1.5移动WCb开发（第2版）黑马程序员编著中国铁道出版社有外公司