网页制作课程整体设计.doc

天津市第一商业学校课程教学设计模板网页制作(2014 2015 学年第二学期)适用计算机应用专业、计算机网络专业系部(专业) 信息学系 教 师 刘晓玥 一、管理信息课程名称：网页制作参与人：刘晓玥、苏懿琳批准人：罗维所在系部：信息学系制定时间：2014年2月二、课程性质学时：68授课对象：计算机应用专业性质：技能训练项目三、课程设计：1. 课程目标设计： 知识目标（1）掌握网页制作的基本知识及网页设计流程；（2）掌握基本的代码编写方法；（3）掌握网页界面的基本设计方法;（4）掌握网页排版布局的基本方法；（5）掌握网页制作中表单、CSS样式、链接、插入媒体文件的基本设置方法。能力目标（1）培养学生对网页页面的规划能力以及网页结构和功能的分析能力；（2）培养利用photoshop、Flash软件进行网页logos设计、网页界面设计、网页动画制作的的能力； （3）培养利用网页制作软件制作不同类型的网站，并能够利用所学技术为企业开发宣传型网站的能力；（4）培养学生网页色彩搭配及欣赏能力以及独特的构思和创新能力；（5）在课程中培养学生的团队协作精神，并结合实际工作岗位，让学生掌握更多的从业技能和从业规范。（6）通过课程学习让学生达到能够利用photoshop软件完成不同类型网站的界面设计、利用flash软件为网页设计动画效果，最后利用dreamweaver软件，实现网站的各项功能，并完成页面间的自由跳转，最后达到为小型企业设计宣传型网站的能力水平，实现学习和实际工作紧密对接。情感目标（1）能体会网页制作课程学习中的乐趣，乐于接触本课程相关读物；（2）在生活中浏览网站，能分析出实际生活中所使用网站的开发技术和相关方法；（3）掌握学习方法，引发学生学习兴趣；（4）模拟实际工作岗位情境和实际工作环境，为学生走向就业岗位打好基础，并在课堂中培养学生的职业素养。（5）乐于接触并了解国内网页制作的发展及其趋势，乐于从事网页制作相关设计工作。2. 学习情境设计序号项目名称学时1规划布局网站62电影网站页面设计123电影网站建设44旅游网站建设85运动网站建设46发布网站27用户管理网站建设88电子商务网站建设129企业网站建设12总计683. 能力训练任务设计编号能力训练任务名称拟实现的能力目标相关支持知识训练方式手段及步骤结果（可展示）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能在网页中增加多媒体效果设计。4能完成网站各页面间的跳转链接并能熟练使用其他几种链接方式。表单页面。页面多媒体效果。页面跳转效果。新闻资讯调用。产品分类调用。理论讲授+学生实操+教师指导1.利用实例指导学生列举出实际生活中表单页面的应用实例，明确表单设计的重要性。2.教师演示表单页面创建的操作过程。3.学生结合实例开发相关表单页面，并实现简单表单功能。旅游网站设计作品5运动网站建设（高级难度）1能完成个性化的网页制作，并在设计中加入自己的创意效果。2能在页面中添加特殊效果，丰富页面。3.能力用模板技术提高网页制作效率。css样式的设置与制作。利用层来制作特殊效果。模板的设计及使用。理论讲授+学生练习+教师指导1.教师引用两个网站，指导学生比较两个网站设计的优缺点，学生自己总结出网站应该怎样设计，才算是美观的网站。2.根据学生的分析，教师引入本节课学习的重点案例，调动学生学习积极性。3.学生练习相关操作及具体实现方法。运动网站设计作品6发布网站1能在网上完成域名的申请。2能将设计好的网页上传到本机在IE浏览器中浏览。域名的申请方法及文件的上传方法。小组讨论+学生实操+教师指导1.小组讨论域名的分类及域名的申请方法。2.师生共同总结域名的分类以及域名申请方法。3.教师推荐几个常用的域名申请网站，丰富学生知识领域。3.学生练习相关域名申请及文件上传访问的具体方法，在班级中同学间互相进行测试评价。网站发布7用户管理网站建设（后台建设）1能完成数据库和数据表的整体设计。2能掌握用户登录的设置方法，实现用户登录功能。3用户登录功能的实现方法。数据库设计。用户注册。用户登录。布置情境引入讨论+学生实操+教师指导1.教师引入讨论话题：我们在使用网站或者访问网站资源时，网站是否都会要求用户进行注册并登录网站；学生讨论相关内容，并总结实际应用操作。2.根据讨论话题引入本节课知识点，明确设计方法及开发步骤，在教师指导下，学生分布进行实践操作练习。3.学生完成用户注册、用户登录等网站界面制作及功能设置。能实现用户登录注册的用户管理网站设计作品8电子商务网站建设（技能大赛项目）1.能掌握利用相机拍摄静态物品的方法。2.能完成图片的处理及设计。3.能切合主题，完成电子商务网站界面设计工作。4.能制作出功能齐全的静态电子商务网站，并用于商品展示。电子商务网站设计与制作。模拟情境+学生实操+教师指导1.模拟企业实际工作流程，明确各项任务。2.学生分组，并按照实际工作岗位进行分工，根据教师提出的制作要求合理安排选出组长并针对学生的不同特点，分配具体的工作任务。3学生根据设计流程及开发要求，按照分工进行网站开发工作，并做到时时评价监管。电子商务网站设计作品9企业网站建设（引入企业实际开发项目）1.评价学生沟通能力、敬业精神及职业素养。2.评价学生网站的设计能力。3.评价学生对网站开发知识的综合运用能力。4.评价学生的创新能力以及审美意识。企业网站设计与制作。企业实践+学生实操+教师指导1.学生进入企业了解企业文化、企业背景、以及职业网站制作要求。2.学生到企业搜集相关的文字及图片素材。3.学生根据企业要求制定网站开发计划。4.完成网站设计及相关开发工作，在开噶过程中，将设计图与相关企业人员讨论并修改设计方案。5.教师及企业人员对学生作品进行评价，评选出优秀作品。企业网站设计作品进度表设计（以2节课为单元）周次上课时间学时教学目标和主要内容能力目标能力训练任务编号知识目标其他内容112能够掌握网站的分类及设计方法，培养学分析问题的能力11.网站的类型。2.网站的设计方法。3.网站开发步骤及开发流程。基础知识学习22能够理解html代码的基本含义，培养学生的理解能力及细致认真的精神11.HTML简介及语法格式。2.编写简单网页基础知识学习212能够网页制作软件的使用方法，培养学生观察及分析问题的能力11.网站概述。2.网页制作软件操作。基础知识学习22能够掌握photoshop中各种设计元素及设计方法，培养学生养成良好的设计意识及勤于动脑的习惯21.自由绘制图形工具的使用。2.颜色填充、界面设计。ps设计网站界面312能够利用photoshop设计网页页面的方法，培养学生养成良好的设计意识及勤于动脑的习惯21.logo的绘制设计方法。2.图片设计方法、创意。ps设计网站界面22能够利用photoshop进行网页页面创新设计，培养学生的创新意识并养成勤于动脑的习惯21.钢笔工具的使用。2.渐变工具的使用。3.椭圆选框工具的使用。ps设计网站界面412能够利用photoshop进行网页页面创新设计，培养学生的创新意识并养成勤于动脑的习惯21.利用Photoshop丰富页面效果，2.完成电影网站的界面设计ps设计网站界面22能够利用Flash软件设计简单网页动画，培养学生养成良好的设计意识及勤于动脑的习惯21.Flash软件基本操作方法2.利用Flash设计网页文字动画。Flash设计网站动画512能够利用Flash软件设计网页页面动画，丰富页面效果，培养学生分析、解决问题能力21.在Flash中设计图片切换效果的方法。2.为网页设计Flash展示动画。Flash设计网站动画22制作简单的图文混排页面，锻炼学生的动手能力及网站制作能力31.静态站点的建立方法。2.在网页中添加文字。3.在网页中插入图片。电影网站制作网页基本制作方法612制作简单的图文混排页面，锻炼学生的动手能力并熟练掌握网页制作能力31.设计网页的背景图片效果。2.设计表格布局及表格边框、边框线的设计方法。电影网站制作网页基本制作方法22能够制作简单的表单页面，锻炼学生的综合运用及设计能力41.表单的概念、插入表单、密码域、复选框、密码按钮等的制作旅游网站制作完善网页功能712能够熟练使用网页制作软件制作页面，锻炼学生的动手能力41.基本页面综合应用制作。2.表格的嵌套及拆分设计。旅游网站制作完善网页功能22能够设计制作多媒体页面，培养学生对知识的综合应用及灵活运用能力41.增加页面多媒体效果。2.页面链接、电子邮件链接、热点链接、锚点链接的设置。旅游网站制作完善网页功能812能够较为熟练的进行页面设计及制作，加强学生的动手能力41利用Photoshop及Dreamweaver设计并制作综合效果页面。运动网站制作页面的高级设置22能够利用css样式设计网页页面，锻炼学生解决实际问题的能力及对问题的分析能力51.Css样式的基本设计方法。2.利用css样式制作文字及链接的特殊效果。运动网站制作页面的高级设置912能够利用css样式层设计网页页面，锻炼学生解决实际问题的能力及对问题的分析能力51.层的概念以及层的使用操作。2.用层来制作特殊效果运动网站制作页面的高级设置22能够利用模板设计网站，加强学生分析、解决问题能力，培养设计理念61.网页模板的设计方法。2.网页模版的设计步骤。3.利用模板来设计网页及文件的上传方法运动网站制作页面的高级设置1012能够创建动态站点及数据库，培养学生的网站后台建设及开发能力71.动态站点的建立。2.数据库的创建和连接方法网站后台搭建22能够完成用户注册界面及功能设计，锻炼学生的逻辑思维能及并强化代码的掌握能力71.会员注册界面设计。2.会员注册模块功能设计（添加记录集）。网站后台搭建1112能够完成用户登录界面及功能设计，锻炼学生的逻辑思维能及并强化代码的掌握能力71.会员登录界面设计。2.会员登录模块功能设计（添加用户登录服务）。网站后台搭建22能够对所学知识进行综合应用，掌具备网站后台建设开发的能力71.用户管理系统整合。1.用户管理系统功能测试。网站后台搭建1212能够掌握静物的拍摄方法，培养学生的实际应用能力培养团队协作能力81.照片拍摄方法。2.照片拍摄技巧。电子商务网站制作22能够掌握照片的处理及网络营销方法，培养学生的实际应用能力培养团队协作能力81.分组拍摄。2.网络营销设计。电子商务网站制作1312能够设计电子商务网站首页，培养学生创新意识、团队协作能力并锻炼学生理解、分析能力81.首页模板设计。2.首页文字及图片处理。电子商务网站制作22能够设计电子商务网站二级页面并确定链接及页面结构，培养学生创新意识、团队协作能力并锻炼学生理解、分析能力81.二级页面模板设计。2.二级页面文字及图片处理。电子商务网站制作1412能够整体设计电子商务网站的页面结构并实现网络营销功能，锻炼学生的综合能力及创新意识81.其它页面设计。2.首页文字及图片处理。电子商务网站制作22能够整体设计电子商务网站的页面结构并实现网络营销功能，锻炼学生的综合能力及创新意识81.网站页面整合、实现链接跳转。2.网站发布及功能测试。电子商务网站制作1512能够掌握网站素材的处理方法，加强学生对于知识的关联融合能力与对问题的分析理解能力91.构思企业网站设计。2.整理并收集企业网站素材企业网站制作22能够设从企业角度出发综合企业文化设计适合企业的logo，培养学生创新意识、团队协作能力并锻炼学生理解、分析能力91.网站banner设计。2.网站导航设计。企业网站制作1612能够设计企业网站首页，培养学生创新意识、团队协作能力并锻炼学生理解、分析能力91.首页界面整体设计。2.确定导航链接企业网站制作22能够设计企业网站二级页面，培养学生创新意识、团队协作能力并锻炼学生理解、分析能力91.二级页面模板设计。2.二级页面文字及图片处理。企业网站制作1712能够整体设计企业网站的页面结构并实现网