《网页设计与编辑》课程标准.docx
《《网页设计与编辑》课程标准.docx》由会员分享，可在线阅读，更多相关《《网页设计与编辑》课程标准.docx（14页珍藏版）》请在冰豆网上搜索。
《网页设计与编辑》课程标准
《网页编辑与设计》课程标准
课程学分：
8
总学时：
128
适用专业：
计算机应用技术专业
一、前言
1、课程性质
网页编辑与设计是高职高专计算机应用技术专业的主干专业课程，旨在培养学生的网页制作的WUI网页界面设计及编辑和网站开发的技能，使学生掌握Dreamweaver网页设计软件的操作和网页图形设计以及网站整体开发思路和测试发布的方法，通过学习，使学生掌握Web网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生设计网站的能力，同时培养学生的方法能力、社会能力及职业素质。
2、设计思路
本课程以“基于工作过程”为指导，邀请行业专家对计算机应用技术专业所涵盖的岗位群进行工作任务和职业能力分析，并以此为依据确定本课程的工作任务和课程内容。
根据计算机应用技术专业所涉及到的网页设计和网站开发技术的运用与web图形图像处理的技能与知识内容，设计若干个学习情境，实施情境化教学，使学生掌握网站开发工具的操作方法、界面设计及处理技术的技能以及相关的专业知识，同时培养学生职业素质，锻炼学生的方法与社会能力。
3、典型任务
本课程设计中注重由知识本位向能力本位转化，由知识的划分转向工作任务的划分转化。
以任务引领为基本取向，将所要传授的新知识隐含在一个或几个任务中，学生通过任务引领实现对所学知识的构建。
课程实施中以学生为中心，以完成工作任务的活动为过程，创设真实工作环境，边讲边练，融“教、学、做”为一体。
（1）根据网站项目开发过程，构建了可根据岗位需求变化和教学实际情况灵活组合动态调整的模块化的课程结构：
分为6大教学模块、16个教学单元。
（2）课程教学采用了基于3个真实产品的任务驱动型项目教学法。
教学内容与教学方法、教学手段相结合，同时还实施启发式教学法、理论实践一体化教学法、小组协作型教学法等方法。
（3）根据职业技能的形成规律，技能训练分为4个逐步提升层次：
课堂实施任务→拓展训练任务→单元训练任务→综合实训任务，通过真实项目的开发训练突出职业能力、综合素质的培养。
二、课程目标
1、专业能力
要求学生掌握网站的整体规划和功能分析技能。
学会利用网页设计工具软件编辑网页、设计Web图像、了解动态网页语言、掌握HTML基本语法和Photoshop的操作，具备信息收集、处理、准备、加工的能力；具备静态网页设计、图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等科技文件的基本能力。
以任务实施为主线展开教学并根据需要及时示范讲解所需知识和技能。
学生实施任务时可在小组内相互讨论、协作、提问，而教师则引导、个别或集体辅导。
为今后从事网页设计与制作、网站开发和管理工作奠定基础。
2、学习能力
将立德树人，培养学生职业素质，强化学生的职业意识贯穿在课程教学的全过程；将职业能力的强化训练贯穿在课程教学的全过程。
根据课程特点，在网页设计的实践中重点培养学生的学习能力，交流能力，创新能力和团队协作能力。
3、社会能力
学生提高自己的独立思考和判断能力，按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。
三、课程内容与要求
学习领域：
网页设计与制作
总课时：
128
学习情境1课程认知
课时：
8
技能点：
1、掌握本课程的重点和学习目标；
2、掌握网页设计的理论知识；
3、熟悉网页三剑客的工作界面。
知识点
教学进程
1、优秀网站欣赏；
2、网页设计的基本概念；
3、网页设计操作软件工作环境
教师现场演示讲解
教学方法
预计教学成果
考核与评价
备注
1、现场教学法。
2、讲授法。
1、电子教案；
2、相关资料收集。
教师评价的方式。
引导学生把学好这门课程与今后搞好本工种的工作紧密的联系在一起，调动起学生学习的积极性，从而热爱计算机专业。
可组织学生参观网络公司设计现场。
在讲述过程中，尽量参考国内、外的最新资料，较多的引入各种类型网站建设，特别是本专业所涉及网站的实例。
并结合我国互联网IT行业的实际情况，有针对性的组织教学。
学习领域：
网页设计与制作
总课时：
128
学习情境2网站规划设计
任务Dreamweaver工作环境
课时：
16
技能点：
1、具有Dreamweaver中站点的创建和管理的能力；
2、具有网页整体页面的控制的能力；
3、具有使用“插入”面板输入文字和插入图像的能力。
知识点
教学实施
1、了解Dreamweaver中创建站点的方法；
2、掌握Dreamweaver中管理站点的应用；
3、熟悉网页中的各个元素；
4、学会对网页整体页面的控制；
5、掌握网页中输入文字的方法和对文字属性的修改（大小、颜色、样式、对齐）。
6、掌握网页中图片的插入方法和图片属性的修改（宽、高、边框、对齐、链接）。
1、资讯：
公布项目任务，在学生自愿分组，明确分工；提出资讯建议，提供获取资讯的方法与途径信息。
2、计划：
学生一般以小组方式工作，寻找与任务相关的信息，制定工作计划。
3、实施：
学生制定的计划，经过小组讨论、论证，集中团队集体智慧，作出决策，形成团队实施方案等。
4、检查：
学生检查和展示工作成果。
5、评估：
自我评价，其他同学提出问题，师生共同评价。
撰写小组自评报告。
教学方法
预计教学成果
考核与评价
备注
1、示范教学法。
2、讲授法。
3、任务驱动教学法。
提出任务—相关知识点的讲解—教师示范—学生分组练习（教师进行巡回指导）—学生总结，教师评价
1、建立web站点；
2、简单包含文字和图像的网页文件；
3、图像、文本混排
采用成果评定、教师评价、自评和互评的方式。
学习领域：
网页设计与制作
总课时：
128
学习情境3设计首页模块
任务Photoshop界面WUI设计，网页布局
课时：
32
技能点：
1、具有使用Photoshop设计制作WUI网页界面的能力；
2、具有识别网站功能和草图绘制的能力；
3、具有使用Dreamweaver中重要布局工具表格的网页版面布局能力。
知识点
教学实施
1、优秀网站界面设计欣赏；
2、了解Photoshop中设计WUI界面的基本流程；
3、WUI中细节图形设计的方法与手段；广告条（banner）与导航条（map）精美效果的实现方法；
4、网页布局工具的种类；
5、表格的基本操作及布局设计、布局表格和布局单元格属性设置及框架网页及描绘层的运用。
4、掌握布局工具表格的嵌套使用和高级操作。
1、资讯：
公布项目任务，在学生自愿分组，明确分工；提出资讯建议，提供获取资讯的方法与途径信息。
2、计划：
学生一般以小组方式工作，寻找与任务相关的信息，制定工作计划。
3、实施：
学生制定的计划，经过小组讨论、论证，集中团队集体智慧，作出决策，形成团队实施方案等。
4、检查：
学生检查和展示工作成果。
5、评估：
自我评价，其他同学提出问题，师生共同评价。
撰写小组自评报告。
教学方法
预计教学成果
考核与评价
备注
1、示范教学法
2、任务驱动法
提出任务—相关知识点的讲解—教师示范—学生分组练习（教师进行巡回指导）—学生总结，教师评价
1、相关资料收集。
2、网页界面设计图形。
3、利用布局工作设计的HTML网页。
成果评定；教师评价；自我评价。
学习领域：
网页设计与制作
总课时：
128
学习情境4网站二级页面设计
任务1网页图像设计，Flash制作任务2制作数据提交表单网
课时：
24
技能点：
1、具有使用Dreamweaver“插入”工具栏中插入网页多媒体的能力；
2、具有Flash制作简单动画的能力；
3、具有使用图形设计软件和Dreamweaver超链接制作完整页面的能力。
3、掌握利用Dreamweaver设计用户信息提交表单网页和ASP动态网页的基础知识。
知识点
教学实施
1、Dreamweaver中插入Flash动画影片，Flash文本、Flash按钮的使用；
2、E-mail链接和文字超链接的使用；
3、Photoshop网页栏目图形设计；Flash导航条制作；相关超链接制作及常用工具；
4、准备Dreamweaver修改页面，（表格属性、单元格属性和“插入”工具）的使用；
5、熟悉插入表单和表单各元素的方法。
6、掌握HTML语言的基本语法和构成；熟悉ASP与FORM表单的应用。
1、资讯：
公布项目任务，在学生自愿分组，明确分工；提出资讯建议，提供获取资讯的方法与途径信息。
2、计划：
学生对其交互式网页制作方案，进行分析讨论，教师提供指导意见，制定项目进度检查计划，帮助形成页面设计结论。
3、实施：
学生制订网页设计规程、确定网页内容和对象参数，制作Flash多媒体元素、添加超链接、Web图形设计，“插入”工具栏，制定工作计划等。
4、检查：
学生检查和展示工作成果。
5、评估：
自我评价，其他同学提出问题，师生共同评价。
撰写小组自评报告。
教学方法
预计教学成果
考核与评价
备注
1、示范教学法。
2、任务驱动法。
提出任务—相关知识点的讲解—教师示范—学生分组练习（教师进行巡回指导）—学生总结，教师评价
1、相关资料收集；
2、二级网页HTML页面文件；
3、留言本网页文件；
4、用户注册登陆网页文件。
采用成果评定、教师评价、自评和互评的方式。
学习领域：
网页设计与制作
总课时：
128
学习情境5交互网页设计与数据库设计
任务1动态交互网页设计任务2数据库设计
课时：
12
技能点：
1、具有使用CSS样式的定义和添加Javascript脚本的能力；
2、具有ASP动态网页编程及VBScript脚本程序开发的能力；
3、掌握行为面板和网页特效的应用；
4、具有熟练运用ACCESS数据库设计网站所需要的数据库表的能力。
知识点
教学实施
1、相关数学知识；Dreamweaver面板中的CSS、行为面板；数据库的建立及使用；
2、Dreamweaver“插入”工具栏的综合使用和属性面板的各项设置；
3、HTML基础、ASP基础及ASP五大对象和VBScript脚本语言的了解。
4、动态网页所运用的各种数据库介绍。
5、Access数据库的建立（表、查询）
1、资讯：
公布项目任务，在学生自愿分组，明确分工；提出资讯建议，提供获取资讯的方法与途径信息。
2、计划：
学生对其网页设计方案，进行分析讨论，教师提供指导意见，制定项目进度检查计划，帮助形成工艺方案结论。
3、实施：
学生制订Dreamweaver综合操作、确定页面内容和动态语言，编写HTML、VBScript、ASP对象，数据库开发，制定工作计划等。
4、检查、评估：
学生分析工作过程，提出改进措施等。
技术文档归档。
完成个人任务报告。
撰写小组自评报告。
教学方法
预计教学成果
考核与评价
备注
1、示范教学法。
2、任务驱动法。
提出任务—相关知识点的讲解—教师示范—学生分组练习（教师进行巡回指导）—学生总结，教师评价
1、相关资料收集。
2、网站程序文件。
3、页面元素和数据库文件。
采用阶段考核、综合考核。
在阶段考核、综合考核中采用成果评定、教师评价、自评和互评的方式。
学习领域：
网页设计与制作
总课时：
128
学习情境6网站建设综合实训练，OSTA认证，工学结合
课时：
36
技能点：
1、能进行基本的HTML页面设计；
2、具有Photoshop网页Web图形（网站广告条、导航条、小图标、背景图像）的设计的能力；
3、具有首页设计和二级页面设计的能力；
4、具有动态网页面和数据库开发的能力。
知识点
教学实施
1、Dreamweaver的操作；
2、HTML制作（Dreamweaver综合操作）；
3、文本的输入和设置；图像的制作及插入和属性设置；图形切片、“标准”表格的使用和设置，GIF动画图片的制作、JPG背景图像的设计，水晶按钮制作等；
4、Flash动画首页搭建、主页设计与布局、二级页面的设计和开发，内容页的设计；
5、网站前台设计、数据库开发与建立数据库链接、后台动态程序开发和IIS安装调试；交互式功能的实现，虚拟主机空间和域名、网站发布。
1、资讯：
公布项目任务，在学生自愿分组，明确分工；提出资讯建议，提供获取资讯的方法与途径信息。
2、计划：
学生对综合网站开发过程方案，进行分析讨论，教师提供指导意见，制定项目进度检查计划，帮助形成网站整体开发结论。
3、实施：
学生制订整站开发流程、确定网站开发的功能语言和交互式技术，开发前台HTML静态网页、规划和开发网站数据库、Flash技术的实现、精美Web图形处理，后台程序开发，修改完善整体站点、IIS测试及发布，制定工作计划等。
4、检查、评估：
学生分析工作过程，提出改进措施等。
技术文档归档。
完成个人任务报告。
撰写小组自评报告。
教学方法
预计教学成果
考核与评价
备注
1、四步教学法。
2、示范教学法。
2、任务驱动法。
提出任务—相关知识点的讲解—教师示范—学生分组练习（教师进行巡回指导）—学生总结，教师评价
1、相关资料收集。
2、网站规划书/策划书word文件。
3、交互式动态网站整站文件。
采用成果评定、教师评价、自评和互评的方式。
四、实施建议
1、教学条件
（1）软硬件条件
理实一体化实训室，配置多媒体设备、网页三剑客软件（Dreamweaver8/CS3、Flash8/CS3、Fireworks8/CS3、PhotoshopCS2/CS4）、IIS组件、FlashFXP、Serv-U、极域电子教室、安装有WindowsXP操作系统的计算机、一台安装有windows20003Server操作系统的计算机、交换机、路由器、操作资料光盘、学习软件，以及用于上网查阅资料的计算机等。
（2）师资条件
主讲教师应具备硕士或博士学位，能综合运用各种教法设计课程，掌握新技术，具有较强的专业能力新知识，有丰富的行业经验，具有相关职业资格证书和教师资格证书；辅助教师具有较强的职业技能，接受一定的专业教育培训，具有本科学历，有较丰富的企业一线工作经验，取得高级工以上职业资格证书。
2、教学方法
《网页设计与编辑》课程教学围绕2个完整的真实网站展开，采用理论实践一体化的“学做合一”模式，通过基于真实产品的任务驱动型项目教学法进行教学。
（1）项目教学法
项目教学法是基于探索性学习和协作学习的一种模式，将网页设计与制作的知识点、技能点和技术要点穿插到各个项目的实施过程中进行分析讲解、操作示范，使学生通过项目的制作顺利掌握相应的知识和技能，做学结合。
同时在教学时兼顾学习成绩、学习能力、性格特点等因素将学生分成多个小组，每组2～4人，学生集学习与讨论、设计制作、协作与创新于一体，能够开拓思维、发挥潜力、培养个性、培养团队精神。
本课程是以真实项目组织教学，按照从易到难的程度设置了两个项目：
个人影集网站、大众体育网。
项目教学法可激发学生的学习兴趣，提高学生分析问题、解决问题的实际能力，达到按需学习、自主学习的目的。
它充分调动了学生学习的积极性和主动性，有效提高了学生的学习能力、应用能力和创新能力。
（2）任务驱动型教学法
项目实施时要求按照工作的相关性来组织课程的教学内容，即将教学内容和教学目标巧妙地隐含在项目的各个任务之中，教学进程由任务来驱动。
该方法是将各个知识点、技能点和教学目标巧妙地隐藏在各个任务的实施中，通过任务的实施达到培养和训练各个知识点和技能点的目的。
本课程将教学内容划分为若干个相对独立的任务，这些任务分为三种类型：
课堂实训项目任务、课外拓展实践项目任务、综合实训项目任务。
任务驱动型教学方法充分调动了学生学习的积极性和主动性，有利于训练学生职业态度，有效提高学生的知识应用能力和创新能力。
（3）启发式教学法
启发式教学法重点培养学生分析问题、解决问题的综合素质，强化学生的动手操作能力，体现“以学生为、主体教师为主导”的原则，达到“在做中学”的目的。
教学的主要步骤为：
情景导入、下达任务内容和要求、学生开始实施本次任务、知识讲解与技能操作、学生继续实施任务教师辅导答疑、点评总结。
启发式教学法强调实战技能的训练，体现岗前培训指导思想。
教材编写、课程讲解、课堂实训都以应用为目的、以必需够用为度，力求从实际应用的需要出发，尽量减少枯燥、实用性不强的理论概念，加强应用性和实际操作性强的内容。
针对不同的学习情境，选用不同特点的教学方法，教师从知识传授者的角色转为学习过程的组织者、咨询者和指导者，最终将学习的压力传达到学生身上，使教学过程向学生自觉的学习过程转化。
建议采用教学方法如下：
序号
学习情景
教学方法
1
课程认知
案例分析法、引导文法、分组讨论法
2
网站规划设计
案例分析法、引导文法、分组讨论法、成果展示法
3
设计首页模块
案例分析法、引导文法、分组讨论法、成果展示法
4
网站二级页面设计
案例分析法、引导文法、分组讨论法、成果展示法
5
交互网页设计与数据库设计
案例分析法、引导文法、分组讨论法、成果展示法
6
网站建设综合实训，OSTA认证，工学结合
案例分析法、引导文法、分组讨论法、成果展示法
3、教学评价
本课程建设采用过程评价与终结评价相结合的方法，加强对学生学习网页设计过程中的关注，让学生完成工作中所要求的项目结果，进行评价。
按平时成绩40%?
+?
“作品”（综合设计成绩）60%的比例综合评定该门课程总成绩。
平时成绩包括：
出勤+作业+实验报告
综合设计成绩：
网站（项目）设计结果+设计说明书+答辩
五、教材
教材：
《网页制作案例教程》高林景秀2009.5
参考书：
《Dreamweaver+Photoshop+Flash网站建设课堂实录》 倪庆军孙良军 2009.5
升级会员 