《网页制作课程整体设计.docVIP

天津市第一商业学校课程教学设计模板 《网页制作》 (2014 ～2015 学年第二学期) 适用计算机应用专业、计算机网络专业 系部(专业) 信息学系 教 师 刘晓玥 一、管理信息 课程名称：网页制作 参与人：刘晓玥、苏懿琳 批准人：罗维 所在系部：信息学系 制定时间：2014年2月 二、课程性质 学时：68 授课对象：计算机应用专业 性质：技能训练项目 三、课程设计： 课程目标设计： 知识目标 （1）掌握网页制作的基本知识及网页设计流程； （2）掌握基本的代码编写方法； （3）掌握网页界面的基本设计方法; （4）掌握网页排版布局的基本方法； （5）掌握网页制作中表单、CSS样式、链接、插入媒体文件的基本设置方法。 能力目标 （1）培养学生对网页页面的规划能力以及网页结构和功能的分析能力； （2）培养利用photoshop、Flash软件进行网页logos设计、网页界面设计、网页动画制作的的能力； （3）培养利用网页制作软件制作不同类型的网站，并能够利用所学技术为企业开发宣传型网站的能力； （4）培养学生网页色彩搭配及欣赏能力以及独特的构思和创新能力； （5）在课程中培养学生的团队协作精神，并结合实际工作岗位，让学生掌握更多的从业技能和从业规范。 （6）通过课程学习让学生达到能够利用photoshop软件完成不同类型网站的界面设计、利用flash软件为网页设计动画效果，最后利用dreamweaver软件，实现网站的各项功能，并完成页面间的自由跳转，最后达到为小型企业设计宣传型网站的能力水平，实现学习和实际工作紧密对接。 情感目标 （1）能体会《网页制作》课程学习中的乐趣，乐于接触本课程相关读物； （2）在生活中浏览网站，能分析出实际生活中所使用网站的开发技术和相关方法； （3）掌握学习方法，引发学生学习兴趣； （4）模拟实际工作岗位情境和实际工作环境，为学生走向就业岗位打好基础，并在课堂中培养学生的职业素养。 （5）乐于接触并了解国内网页制作的发展及其趋势，乐于从事网页制作相关设计工作。 学习情境设计 序号 项目名称 学时 1 规划布局网站 6 2 电影网站页面设计 12 3 电影网站建设 4 4 旅游网站建设 8 5 运动网站建设 4 6 发布网站 2 7 用户管理网站建设 8 8 电子商务网站建设 12 9 企业网站建设 12 总计 68 能力训练任务设计 编号 能力训练任务名称 拟实现的能力目标 相关支持知识 训练方式手段及步骤 结果 （可展示） 1 规划布局网站 1.能根据不同类型的网站定位设计风格。 2. 能对不同类型的网站进行布局设计。 3.能掌握网页设计相关流程及简单了解几种网页设计软件。 网站的类型、风格。 网站的常用技术。 网站的结构； 网页的色彩搭配。 网页布局； 几种网页设计软件。 自主学习+学生练习+教师指导 1．让学生欣赏日常生活中常见的网站，引出本节课内容。 2．结合具体案例学生分析网站的风格、类型、结构等。 3.学生通过教材介绍掌握建设网站的常用技术。 4.学生规划、设计网站结构。 网站规划设计说明 2 电影网站页面设计 1.能利用ps对网站进行结构设计并设计网站logo。 2.能够使用ps添加网页界面中的图片及文字元素。 3.能使用Flash软件设计网站logo及特效动画的制作。 利用ps设计网站首页流程及设计方法。 Flash软件的基本操作。 Flash制作简单动态文字效果。 自主学习+学生实操+教师指导 1.学生举例出经常使用的网站都有哪些，并利用所学的ps技术，列举出网站的设计风格和颜色搭配。 2.教师指导学生使用ps设计网站首页。 3.实现由教师讲解制作到学生自主创新的能力训练培养。 4.学生通过观察对比，分析网站中Flash应用的效果，并根据效果分析制作出动静结合的网站。 电影网站页面设计作品 3 电影网站建设 （初级难度） 1.能完成站点的规划与建立。 2. 能对网页中文字、图片及表格的运用设计。 3. 能制作一个简单的图文混排页面。 4.能力用HTML语言编写简单代码页面。 在网页中插文字及图片的操作。 HTML语言代码结构及使用方法。 理论讲授+学生实操+教师指导 1.学生根据书中静态网站的建设方法，完成静态网站站点制作，教师给予学生企业规范化的指导。 2.学生参考教学平台设计步骤和方法独立完成图文混排页面设计。 3.教师讲解HTML代码的含义及使用方法，指导学生完成简单的图文混排页面。 电影网站整体设计作品 4 旅游网站建设 （中级难度） 1．能完成表单页面的界面设计。 2.能在表单中添加各种表单元素。 3．能在网页中增加多