网页计划范文

网页计划篇1

一、主办单位：信息工程系

策划承办单位：计算机协会、院两会联合会

协办单位：信息工程系两会联合会

参赛对象：全院同学

二、大赛宗旨：

为全院同学提供一个充分展现自我，发挥才能的舞台，更好的了解自己，激励自己的自信和提高同学们的创新能力！

三、大赛目的：

开展网页设计大赛，使同学们认识计算机互联网在学习、工作和交流中的重要作用，并通过本次比赛发现和培养网页设计人才，同时提高参赛人员的科技创新水平。为自己，为将来，打下坚实的基础。

四、大赛主题：

内容不限，题材不限。能够反映社会动态，反映班级，反映校园生活，反映民俗风情，反映奥运精神等健康积极的个人网页设计。

五、作品要求：

1、要求主题明确，内容健康、丰富、科学；制作工具不做要求。

2、要求整体设计思路清晰，色彩搭配合理，内容布局美观，层次结构及连接结构明确。

3、不得抄袭和下载他人作品，违者取消资格。

4、鼓励愿创风格的设计作品，含有中国元素民族风格的设计作品。

5、网页文字及连接无错误，作品大小（尽量）在10m以下，5个页面以上。

6、具有鲜明的特色和技术。

六、报名地点和报名方式。

1、直接到协会的网站上报名。

2、计算机协会报名（4#教学楼208室每天下午4:30到6点）。

3、院两会联合会、信息工程系团总支办公室（4#108室）

七、作品的提交方式：

1、直接将作品向计算机协会提交（每周一至周五下午4：30到6：00）

2、把自己的作品提交到计算机协会的信箱：

3、提交作品附一份作品说明，阐明主题内涵，内容简洁明确。

八、作品评定方法。

1、参赛的作品将在指定网站上展播，实行在线投票的方式进行评定。

或各个参赛人员自行评选

2、初赛：筛选不符合制作要求的作品。（内容包括:内容是否健康、积极向上、等。这部分工作有计算机、院两会联合网络部共同负责）

3、复赛：由计算机协会邀请信息工程系，网络教研室、计算机教研室相关专业老师，评选推出。

4、决赛：（含网页设计大赛颁奖仪式）由聘请专门老师、专业技术员，等组成评审团进行组合评定.参赛人需对作品的部分页面进行现场制作演示。由专业老师现场评审。现场决定出一、二、三等，及最佳创意奖、最佳视觉效果奖、优秀奖。

（专业老师的邀请由计算机协会来完成）

九、评分标准：

1、作品主题：主题明确、题材新颖、构思独特、栏目安排合理、设计和谐统一。

2、目录结构：网站目录编排合理、层次分明，链接合理清晰，导航系统灵活方便。

具有鲜明特色结构。

3、实用性：指主色调选用有特色、整体色彩搭配适宜，页面有舒适感。能够初步达到网页设计员的初级水平。

（以上所有标准，都是在参赛人员，自己制作的作品前提下）

十、奖项：

本届网页设计大赛设；一等奖一名；二等奖二名；三等奖三名；最佳创意奖、最佳视觉效果奖、优秀奖若干名。共计约：10人。

由观众投票选出最佳创意奖；最佳视觉效果作品奖。（方法为：在手持的仅有的一份投票单上，填写作品编号，由工作人员收取，当场公布）。

十一、相关事宜如下：

1、参赛及评定时间：

报名时间：5月5日（周二）至4月13日（周日）

参赛时间：5月5日（周二）至4月26日（周日）（共20天）

上传时间：5月5日（周二）至4月26日（周日）（共20天）

评选时间：5月26日（周二）至4月28日（周二）（共2天）

公布结果（即决赛）：评选出结果之后即可举行决赛。具体时间另定。

（以上时间为暂定，具体与院两会联合协商，希望尽可能提前）

2、时间如有变动或为定事宜请关注海报，

或 所有咨询请联系计算机协会或院两会联合会。

3、详情请咨询 计算机协会网站：

4、活动宣传：希望板报、海报方面主要由院两会联合会来完成。

注：本次活动由信工系向需要电脑的同学，提供参赛机房制作作品，凡参加活动的同学可以在指定时间，地点内完成作品。

信息工程系 计算机协会

网页计划篇2

1 初识HTML5 

HTML （Hypertext Markup Language，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件。HTML是用于设计网页的主要语言。网页中的文本、图像、表格、超链接等内容都是由HTML中的标签定义和组织的。HTML诞生于20世纪90年代，经历过HTML2.0，HTML4.0，之后推出修改版XHTML1.0，其中X代表扩展。之后推出XHTML1.1和XHTML2，2014年HTML5标准规范总要最终制定完成。 

2 HTML5的优势 

2.1 解决了跨浏览器问题 

在HTML5之前，各种浏览器对HTML，JavaScript的支持都不统一，这样就造成了同一个网页在不同浏览器中的显示效果不一样，HTML5的目标是分析各种浏览器所具有的功能，并以此制定一个通用规范，要求各个浏览器都能支持这个通用标准。支持HTML5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器）、Safari、Opera等；国内的浏览器（Maxthon），以及基于IE或Chormium所推出的360浏览器，搜狗浏览器，QQ浏览器，猎豹浏览器等同样支持HTML5。 

2.2 增强了web应用程序的功能 

HTML5提供了前所未有的数据与应用接入开发接口，使外部应用可以直接与浏览器内部的数据直接连接，如视频影音可直接与话筒及摄像头相连。 

3 基于HTML5的网页设计与实现 

本文介绍一个企业网站的设计与制作，通过对本网站的制作，可以让读者对HTML5+CSS网站制作过程有所了解。 

（1）网站规划：网站规划，即网站定位，主要是明确网站的类型。经过策划，我们确定将创建的网站是一个企业网站，主要用于宣传企业形象，企业文化和产品。并为企业提供与用户的在线交流。网站主要面对的用户是单位。（2）网站素材收集：根据上面的策划，在网站制作前，需要收集网站中需要用到的一些素材，如网站标志（logo）。Flash广告，公司简介，产品图片及信息等资料。（3）网页规划：网页规划包括网页版面布局和颜色规划。为了让尽可能多的浏览器能在一个窗口中完整的显示网页，本网站将网页宽度设定为800px，根据之前的网站规划，可确定网站包括的栏目主要有首页，公司简介，新闻中心，产品展示，合作伙伴，网上订购，人才招聘和联系我们。网页涉及的版块主要包括logo，导航条，flash广告，侧边栏，主内容区和页脚，页面的总体效果如下图所示通常在规划网页时，会将网站logo、导航条和flash广告作为页面的头部内容，这样整个网页的结构就分成四大板块，分别是头部，侧边栏，主体和页脚。使用DIV+CSS布局页面。接下来是 颜色规划。颜色规划需要从两个方面考虑，一是网页内容，二是访问者。在网站规划之中已知道，网站面向的用户主要是一些单位，因而网站可以做到简洁、大方。为此，将网站的背景色调定位白色，前景主色调定为中灰色，对某些需强调或希望引起浏览者注意的地方则使用橙色，整个网页的眼神尽可能不超过三种。（4）网站目录设计：根据网站策划，该网站的目录可包括首页index.htm，保存网站公共图片的images目录，保存样式的CSS目录，保存脚本文件的JS目录，保存多媒体文件的media，以及针对导航栏目设置的一些目录。（5）网页制作：我們可以使用任何文本编辑工具制作网页，但为了提高网页的制作效率，建议大家使用Dreamweaver这个可视化的网站管理和制作工具，使用Dreamweaver工具时，首先使用它的“站点”菜单创建一个文本站点，然后在这个站点中把第四步设计好的目录一一创建好，最后就可以开始制作网页了。 

4 HTML5前端技术使用心得 

HTML5前端开发是一个较新的职业，它是在web2.0的热潮下成熟起来的，要求开发者掌握较综合的技能，除了必要的软件开发技术，还要对可用性有一定的了解，而又对设计有一定要求。 

对于我们的学生来说，如果要在未来的就业中掌握主动权，必须有一门深厚功底的技术一定要掌握HTML+CSS技术，javscript更是不能轻视，同时，在学习技术的过程中，要不断加强自己的项目处理经验，为自己积累成本。 

参考文献 

[1]张亚飞.HTML5+CSS3网页布局和样式精粹[M].北京：清华大学出版社，2011. 

[2]张兵义，等.网站规划与网页设计[M].北京：电子工业出版社，2009. 

网页计划篇3

根据齐鲁网及山东传媒职业学院毕业生岗位调研结果，我校毕业生在网页设计方面适应的岗位主要有网页页面设计、前端网页开发、后台动态网页开发等。

网页页面设计：主要应用Photoshop、Illustrator等图片处理和图形设计工具;

前端网页开发：主要应用Dreamweaver、Notepad++、Editplus等网页编码工具;

后台动态网页开发：主要应用Mysql数据库、PHP动态页面开发工具等。

这些工作岗位要求学生熟悉整个网页设计和开发的工作流程，具备所需的基本知识和操作技能，同时还要有良好的职业道德和团队精神，以适应行业发展需求。为了进一步实现职业院校的人才培养目标，提高职业教育的教学质量，围绕实际的网页设计和开发的工作过程，对《网页综合实训》课程进行改革和开发。

二、课程设计原则和设计依据

设计原则：以学生为主体，提高学生的学习兴趣;以职业岗位任务为导向，组织教学内容;以职业岗位需求为依据，突出职业能力培养;以项目为载体，训练学生职业岗位能力和自学能力。

设计依据：本课程以真实完整的网站开发项目为载体设计教学过程，以网站技术人员的岗位工作任务为依据，设计相应教学工作任务，以这些工作任务为载体设计学习情境。教师带领学生在网络机房完成网站项目的开发设计任务，学生以小组为单位开展工作任务。

三、根据岗位能力要求和专业培养目标，确定课程培养目标

1.岗位能力目标

（1）网页页面设计：要求学生能对网站结构进行规划及功能设计、能利用ps等工具设计制作网页页面效果图;

（2）前端网页开发：能将网页效果图重构为HTML网页、能为网页添加常用的js特效;

（3）后台动态网页开发：能进行网站后台数据库设计;能对常用的动态页面功能模块进行开发。

2.职业素质目标

完成具体工作项目，要求学生能自主学习和查阅资料。通过网络搜索资源，首先通过模仿然后举一反三，自主分析问题、解决问题;完成整个网站开发工作项目，要求学生具备良好的职业道德，能够团结协作共同完成工作任务，重在培养学生的团队合作能力和爱岗敬业精神。

四、根据工作流程，基于工作任务，设计学习情境

1.设计思路

网站开发实际工作任务主要包括网站规划设计、网站前端设计、网站后台开发、运营与维护。网站开发过程中的重要环节为设计与开发，即网站规划设计网站前端设计网站后台开发。遵循实际网站开发流程，本课程主要针对这一阶段设计开发一个实际的网站。

2.学习情境设计

遵循网站开发工作流程，以工作过程为导向，以项目为载体，把本课程设计成以下五大学习情境：（1）网站的整体规划设计;（2）网页设计与实现;（3）网页特效设计与实现;（4）网站后台数据库设计;（5）网站后台功能设计。

3.学习子情境设计

对应工作流程和能力目标，每一个情境又以工作任务为载体细分为若干个子情境，即学习任务。学习子情境要与整个项目的实际工作过程相结合，与每个工作阶段的能力目标相对应。下面以第二大情境――网页设计与实现为例，进行基于工作过程为导向的学习子情境设计与实施。

学习情境二：XX网页设计与实现

子情境设计及主要工作任务：

（1）网页版面设计：规划网页页面内容版块;绘制页面布局线框图;

（2）网页素材的搜索及制作：根据网站主题和风格，利用网络搜索，或利用工具软件制作网页素材;

（3）网页效果图设计与实现：利用ps完成网页设计psd效果图;

（4）HTML网页重构：根据psd网页设计图编写html网页代码。

4.考核评价设计

考核方法：本课程的考核包括平时过程考核和期末结果考核，两者各占一定比例。

考核对象：包括小组团队考核和个人表现考核，且侧重于团队的考核，着重培养学生的团队协作意识。过程考核除了考核团队协作以外，还要对学生个人表现情况进行考核，根据小组分工、工作量和完成质量等对每位学生进行考核。

考核内容：工作状态、项目完成质量、团队合作、完成时间、组织纪律。

网页计划篇4

关键词： 引导文； 教学法； 网页布局； CSS

中图分类号：G642 文献标志码：A 文章编号：1006-8228（2012）03-48-03

Application of guidance teaching method in courses of webpage layout and CSS

Zheng Huijun, Peng Yong, Zhou Qin

（Department of Computer Engineering, Dongguan Professional Training College, Dongguan， Guangdong 523808， China）

Abstract： Guidance teaching method is a widely used teaching method in German professional training schools, because it emphasizes developing students' independent learning, planning, implementation and evaluation ability. The authors apply this method to webpage layout and CSS course, and introduce six steps of guidance teaching method for teaching design in this paper. It achieves good teaching effects.

Key words： guidance teaching； teaching method； webpage layout； CSS

0 引言

与传统教学法相比，引导文教学法充分尊重学生主体地位，借助引导文教学文件，引导学生掌握独立学习和工作的方法，能对一些复杂的工作流程进行策划和操作，可以独自制定计划，执行工作计划并对成果进行检查。这种教学方法的实质是，老师把原来要讲的内容用引导课文的形式编写出来，让学生学习使用，引导学生自行控制学习和工作。

引导文教学法是一种以学生为主体、教师为主导，以学生自学为主的教学方法， 通过“引导问题、制定计划、决策、实施计划、检查成果、评估”等六个步骤实施教学活动，有利于培养和提高学生的自学能力、分析问题和解决问题的能力，以及对环境变化的心理承受能力[1]。

CSS作为高等职业院校计算机专业的一门基础课程，在网页设计中起着至关重要的作用。本文把引导文教学法运用在网页布局与CSS的教学中，按照引导文法的实施步骤、教学过程、注意事项进行了教学设计。将工学结合的教育理念和引导文教学方法引入到该课程改革中, 有利于实现该课程的人才培养目标。

1 相关工作

引导文教学法是国外采用的教学方法，尤其是在德国职教领域广泛采用的一种教学法。80年代它与“双轨制”一同引入，但在我国未被推广使用。引导文教学法主要的内容是：在教学中，让学生从大量技术材料(如专业手册、软件的帮助文档、相关专业书籍以及网络)中独立获取所需要的专业信息，独立制定完成工作任务的计划，从而获得解决新的、未知问题的能力；系统地培养学生的“完整行为模式”，着重培养学生独立学习和工作的能力。在教学活动中，教师将需要解决的问题或需要完成的任务以引导文的形式交给学生，学生在引导实践过程中，理解和把握课程要求的知识和技能，体验创新的艰辛与乐趣，培养分析问题和解决问题的能力及团队合作能力等[2,3]。引导文教学法虽然未被我国推广采用，但还是有不少的应用案例。例如，边颖研究了行动导向教学法在AutoCAD辅助设计课程改革中的应用,按照引导文的方法和步骤进行了AutoCAD的课堂设计[4]；姜雪等研究了引导文教学法在高职创业教育课程中的运用[5]。

2 引导文教学法在网页布局与CSS课程中的应用

2.1 教学背景

网页布局是计算机专业的一门基础课程，主要内容是控制静态网页和动态网站的显示，美化网页，减少冗余代码，使网站整体风格一致。学生学习该课程应该有一定的HTML基础和实际操作能力。之所以在该课程中运用引导文教学法进行教学，旨在使学生利用已学的知识来解决问题，培养其借助媒介独立自主地获取信息的能力和自学能力，培养其创新思维能力。因为网页的设计和美化千变万化，不能总是按照一种规定的方式进行网页布局。

2.2 课程能力目标

我们对学生毕业后从事的UI设计师或网页设计师这一职业所需要的能力进行了能力目标分析，确定了本课程的能力目标。

⑴ 专业能力：熟悉最新的CSS版本的基本语法结构；掌握样式表的几种写法；熟练准确掌握和运用CS中的基本属性；熟练地利用CSS样式设计表格的样式；熟练地使用DIV+CSS进行网页布局，弄清相对定位和绝对定位的区别；能够熟练利用CSS制作丰富多样的菜单。

⑵ 方法能力：在教师教授的基础上，进行自主学习，学习新技术，新规范，新标准的能力；具有敏锐的观察能力和设计能力；将基础知识进行融会贯通、举一反三、发散思维和创新设计的能力；能够根据需求制定完整的实施计划；对完成的项目进行演讲、展示、分析、评估和总结的能力。

⑶ 社会能力：进行团队协作和分工的能力；具有严谨的工作态度，有较强的竞争意识。

2.3 教学设计

作为现代职业教育教学的一种方法，引导文是专门的教学文件，借助引导文，教师可就一项实际工作或来自工程实践的与教学内容密切相关的技术问题，指导学生的自学过程。以下是网页布局与CSS教学中的一个应用实例，教学主题为学生利用给定素材自选主题进行网页的布局。我们按照四节课的时间进行教学过程设计，过程如表1所示。

表1 教学过程设计

[[教学环节\&教师活动\&学生活动\&设计意图\&时间\&引言\&教师讲解\&学生听讲、讨论\&引出课堂主题\&5分钟\&网页的一般布局结构\&教师提问并总结\&学生合作回答问题\&让学生了解网页的一般结构\&5分钟\&网页布局中内容部分的布局\&教师提问并总结\&学生合作回答问题\&让学生了解网页内容部分的分栏方法\&4分钟\&讲解课程所给素材和课堂任务\&教师讲解\&学生听讲、讨论\&让学生弄清楚课堂任务\&6分钟\&引导性问题：根据某一主题设计一个完整的网站首页\&教师给出引导性

问题\&各组学生讨论、确定主题\&锻炼学生的快速决策

能力\&10分钟\&确定主题后制定工作计划\&教师指导\&各组学生共同讨论制定工作计划\&培养学生制定工作计划的能力\&15分钟\&作出决策\&教师指导\&各组学生共同讨论做出正确可行的决策\&学生围绕主题确定网页的主色调、网页布局\&10分钟\&实施\&教师指导\&各组学生分工协作完成工作计划内容\&锻炼学生的查找信息的能力和设计能力\&100分钟\&检查\&教师讲解检查标准\&各组学生按照标准互进行交叉检查\&锻炼学生独立的评价

能力\&15分钟\&评估\&教师点评\&学生接受老师提出的意见\&使学生总结工作过程中的不足\&10分钟\&]]

2.4 教学实施

2.4.1 提出引导问题

引导问题包含了为解决任务所需的所有信息。它引导学生独立获取所需信息，并对整个工作过程的执行提供帮助。本实例的引导问题如下：

⑴ 如何确定网站的主题；

⑵ 如何根据主题确定网站的主色调；

⑶ 如何进行网站布局的划分并利用DIV+CSS进行网页布局；

⑷ 如何通过设置UL和LI的样式来完成滑动门菜单的制作；

⑸ 如何设置网页超链接的属性和鼠标移上的效果；

⑹ 如何在页面中插入FLASH，（这在前面的知识点讲解中没有提到，需要学生自己考虑，自己去查阅相关参考资料来完成）；

⑺ 如何统一设置整个网页文字的属性；

⑻ 如何设置网页的背景颜色或背景图片。

设计引导问题要注意的是不要设计简单的是非性问题，即回答“是”或“不是”的问题；不要设计过于简单的问题；对于设计出来的问题学生必须借助于之前所学知识的综合运用或者通过网络查询才能解答；设计的问题应该针对相应的工作步骤，同时注意，问题不要过于空泛或者容易产生歧义；不要设计过于复杂或综合性太强的问题；在要避免问题中出现不容易理解的措辞，引导问题要符合学生的知识理解水平，太过复杂的问题会做学生在规定的时间内无法完成；设计的问题要包含学生所学知识，并在这个基础上进行加深；引导问题应该引导学生解决实际问题，学生通过解决引导问题来逐步完成教学安排的任务；不要设计跟完成相应工作步骤无关的，或者关联很少的问题。

2.4.2 工作计划

工作计划就是工作前的思考，要考虑所有的相关工作和步骤，考虑网页所必须的主题和内容、菜单设计、FLASH的插入、内容部分的分栏、页脚部分的设计，还要考虑到分工与协作，各任务的先后顺序和时间的安排。学生(以小组为单位)各自写好网页设计步骤和分工，然后以组为单位进行讨论。在引导文教学中，没有对与错，只有合适与不合适，这样，可大大提高同学们的团队合作能力和发言的积极性。下面是学生自己写的工作计划样本。

任务一：确定网站主题并搜索整理相关的内容；主题由讨论确定，内容由1人完成（时间不限）。

任务二：利用DIV+CSS进行网页总体布局的划分，由3人共同完成，完成时间为20分钟。

步骤 1.设计好网页的布局模式，计算好个模块的宽带和高度以及各模块间的间距；

步骤 2.在html页面上写好div框架；

步骤 3.利用CSS设置每个div的宽度、高度和背景图片等属性。

任务三：设置顶部滑动门菜单，由2人共同完成（20分钟）。

步骤 1. 利用UL和LI写好页面框架，使用超链接设置主菜单，写好菜单项的名称；

步骤 2. 利用CSS设置超链接和UL、LI的属性，达到预期的效果。

任务四：插入FLASH，网上查询插入FLASH的方法，由1人完成（10分钟）；

任务五：网页内容部分各栏目的内容填充和样式设置；

任务六：进行页面底部的设置，由2人完成（20分钟）；

任务七：网页各部分的合并，由2人共同完成（20分钟）。

2.4.3 决策

决策是前一步工作的延续，同样是各由小组讨论（团队合作）来完成，但指导老师会参与其中。教师与学生以谈话的方式一起进行交流讨论，听取讨论结果，帮助选择可行的工作计划或对目前的工作计划作出修订或者重新制定工作计划。因为各个学生的能力与水平会有差异，工作计划安排要视各个学生的情况进行调整。工作计划中还要考虑的一个主要的问题是如何把网页设计的任务分工、合并，以及各部分任务的先后顺序。

与学生的专业谈话中教师要对学生比较迷惑的问题加以引导，说明问题的难点。讨论作为一个学习的机会，其质量直接受到学生的热情程度、投入程度以及参与意愿的影响，要让每个学生都投入到项目的学习和实施当中。

这一过程中，应该要求每个人都对工作计划提出自己的意见和见解，充分发挥每个人的作用，每个人都安排一定的任务，避免总是由“较好”的学生完成任务的情况。

2.4.4 实施

计划的实施由学生按照工作计划进行分工协作的方式进行。整个实施阶段，教师不参与具体的实施过程，教师的作用是监督，适时地给学生指出工作中的错误，对遇到的困难给予帮助。如果遇到新的技能问题，指导教师可另外提供帮助，但不一定采用授课形式。如FLASH的插入、网页的布局，学生先说出应怎样设置，指导教师作出纠正和补充，然后演示给学生看。教师指出学生的错误，而不是马上就给出答案，答案应由小组成员共同寻找。当学生的实施发生严重错误时，指导教师就必须立即制止。

计划实施过程中可以检验方案的可行性。小组成员选择的方案可能在实施时遇到了问题(计划和实际操作的差距)学生将会相互对比，并发现问题，从而修正、完善计划，最终得出较为理想的实施计划。通过切身体会、结合实际思考得出的结论，比老师课堂传授更容易被掌握和应用。

2.4.5 检查

实施过程中的每个步骤都会检查表，如表2所示，学生能在表中了解到为了实现学习目标，要付出什么努力。在计划实施过程中不断进行检查和优化，可以达到最佳效果。一般情况下，检查过程是，首先由学生自己检查他们所完成的作品，然后由教师（或者其他学生）检查。各组之间也可以交换检查，这也是他们学习、交流经验和心得的机会。

表2 检查表

[[序号\&步骤\&检查项目\&学生评估\&教师评估\&1\&1\&网页内容（10%）\&\&\&2\&2\&网页布局划分，网页整体颜色搭配（20%）\&\&\&3\&3\&顶部滑动门导航菜单设计（20%）\&\&\&4\&4\&页面内容部分左边和右边的设置（40%）\&\&\&5\&5\&页脚的设置（10%）\&\&\&]]

2.4.6 评估

最后由教师点评，并与学生一起讨论、总结，并评出名次，对设计好的小组给出奖励，对设计相对差的给予鼓励，鼓励学生不断探索创造。教师的评价不是单纯给出成绩，很大程度上是解决出现的问题，提出后继学习中应该注意的问题；评估也是经验的交流评估的另外一个重要内容是，根据检查表对学生的网站首页设计进行质量评价。

3 结束语

总之，引入引导文教学法，不仅能教给学生专业知识和技能，更能培养他们的专业能力、方法能力和社会能力。引导文法是培养学生“关键能力”的一种卓有成效的方法。实践表明，将它应用到网页布局与CSS教学中，激发了学生的学习兴趣，提高了教学质量。

参考文献：

[1] 姜大源.职业教育学研究新论[M].教育科学出版社,2007.

[2] [德]Ernst Nausch.德国双元制职业技术教育[Z].同济大学职业技术教

育学院译,2006.

[3] [德]Frank Bünning 职业技术教育培训(TVET)中的行动导向教学法

导论[Z].同济大学职业技术教育学院译,2007.

[4] 边颖.行动导向教学法在《AutoCAD辅助设计》课程改革中的应用[J].

职业技术教育,2008.20:48~50

[5] 姜雪.引导文教学法在高职创业教育课程中的运用[J].职业教育研

网页计划篇5

【关键词】项目教学法；网页设计与制作；应用

一、项目教学法的含义

项目教学法是通过进行一个完整的“项目”工作而进行的教学活动。

在建构主义理论的指导下，项目教学法以实际的工程项目为对象，先由教师对项目进行分解，并根据需要做适当的示范，然后让学生分组围绕工程项目进行讨论、协作学习，最后以共同完成项目的情况来评价学生是否达到教学目标的一种教学方法。

二、项目教学法在《网页设计与制作》课程教学中的具体实施

（一）实施流程

项目教学法在《网页设计与制作》课程教学中的实施流程大致可分为确定项目、分析项目、实施项目、项目成果展示、评价这几个阶段。

1.确定项目

项目教学法中的项目一般来自于教师实际承接的工作项目，亦可由教师根据实际工作中的情况和教学内容模拟一个项目。教师选取项目时应注意：①项目所涉及的知识点要包含《网页设计与制作》课程教学的总体目标内容；②项目包含的技能要切合学生毕业后的工作能力需要；③项目的难易度要与学生的知识背景水平相符。

2.分析项目

为了使学生能有计划、有目的地进行项目开发，项目任务确定后，教师引导学生对项目进行需求分析，再根据所作的需求分析划分项目的能力模块，并将每个能力模块细分为一系列子项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。

项目开发计划书应包括：①所建网站的功能需求；②实现网站功能需求所要完成的任务；③各项任务限定的时间、负责人等。

3.实施项目

实施项目是项目教学法取得成功的核心环节。项目任务的完成主要以学生的自主学习创作及相互协作为主。在此过程中，教师需做好下列工作来引导好学生：

①指导学生进行相关基础知识和技能的学习。

②提供必要的相关资源与素材给学生，供学生引用。如一些典型的网页作品、素材等。

③恰当地对学生进行引导，比如要求学生在进行网页设计时要注意网站色彩的搭配，鼓励学生上网浏览网页，通过学习和借鉴别人的颜色搭配方法和技巧来规划出自己网站的风格。

④督促学生按时按量完成项目计划书中的各个开发环节，以保证学生能够顺利地在计划内完成目的开发，达到教学目标。

4.项目成果展示、评价

在项目教学实施的最后阶段，应对网站项目的成果进行展示、评价，形成激励。由于项目教学追求的不是学习成果的唯一正确性，因此对学生的项目成果不能只进行优劣或对错的评价，而应采取学生先自评、然后其它学生互评、最后由教师或企业客户完成最终评价的多元化评价方式。学生对各自项目成果自评，有助于引起学生的反思，以促进学生的发展。学生的互评可以让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。教师或企业客户对各项目组的设计进行综合评价，应该指出问题所在，给出具体改进及修改建议等，让学生去完善自己的设计。这样可让学生学到更多的操作技巧，全面吸收整个项目实施活动的精髓，并了解自己今后学习、努力的方向。

（二）实施案例

项目名称：“图书出版信息网上查询系统”的开发

项目内容：本项目制作的是一个简单的图书出版信息网上查询系统，主要由主页和后台管理页两个页面组成。其中主页包括数据列表、分类查询、高级查询、管理员登录等功能模块。管理员从主页登陆后将进入后台管理，功能包括图书信息的添加、更新、删除等。

项目目的：学生通过亲自动手创建图书出版信息网上查询系统，熟悉一般网站的制作流程，掌握制作交互式网页的基本知识与技能。

项目实施过程：

1.项目导入

随着网络技术、数据库技术和通信技术的深入发展，带有后台数据库的交互式网页已遍布整个Internet，许多出版社都有自己的主页，并可通过主页来查询图书出版信息。基于此背景，本项目的任务是制作一个简单的图书出版信息网上查询系统。

2.进行项目分析，制定项目计划

由于本项目涉及的知识点属于《网页设计与制作》课程最基础的知识，是每个学生都必须熟练掌握的，所以本项目没有对学生进行分组，而是由学生独立探索完成。

首先，由教师扮演项目客户的角色，学生与客户进行网站项目需求交流，并根据需求给画出网站功能模块示意图。

其次，明确所建网站的功能需求后，学生根据网站功能需求对项目完成的最终目标进行分类，再根据分类将项目划分为若干个模块项目，并把模块项目分成为了实现这些目标而需完成的不同任务，制作出项目开发计划表，从而明确项目的基本制作思路。

3.项目实施

对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，项目实施分以下两阶段进行：

第一阶段：在每个模块项目开发前，教师先指导学生学习该模块项目所涉及的新知识点与技能。

第二阶段：引导、监督学生按照制定的项目开发计划表完成每个模块项目的任务内容。

4.作品展示、评价

学生完成网站建设后：首先，由学生向全班汇报、展示、交流本人设计的最终作品，；然后，采取学生自评和互评、教师站在客户的角度点评的方式进行本次作品评价。

（三）教学反馈

在《网页设计与制作》这门课程实施了项目教学法后，学生为完成实际的网站开发项目任务学习、为解决具体的在网站开发过程中遇到的实际问题而去探究，学习兴趣有了很大的提高；通过与其它学科知识的有机结合、相互渗透，使得开发出来的作品页面布局合理、美观，实用性更强，具备了一定的网站开发工作能力基础。

四、结语

综上所述，在《网页设计与制作》课程教学中实施项目教学法，能使学习过程与实际工作过程相一致，可以更好地帮助学生构建知识体系，提升学生的职业技术能力和就业能力，缩短在校学生与合格的职业人之间的距离。因此，项目教学法在强调操作性和综合性的《网页设计与制作》课程中有着独特的优势，应予以进一步的总结提高，推广实施。

【参考文献】

[1]何永辉.项目教学法的研究与应用[J].世界教育信息，2008（7）

[2]李庆武.项目教学法在课程教学中的运用探讨[J].教育探索，2008（4）

[3]徐国平.网页设计与制作教程[M].清华大学出版社，2008.6

网页计划篇6

【关键词】课程定位 可持续发展能力 课程内容 项目化

一、课程现状分析

随着网络技术的不断发展，计算机网络应用日趋丰富，已经渗透到人类社会的各个角落，网络在人们生活的作用也越来越大，利用Internet足不出户就可以获取所需的信息，实现购物、炒股、旅游和学习等。网页和网站是Internet的重要组成部分，拥有一个自己的网站是政府机关、企业、个人的共同需要，制作出精美的网页来吸引浏览者的眼球，提高网站的知名度，是大家追求的共同目标，而这一切都依赖于网页的设计和制作技术的运用。

因此，该课程的课程设置必须符合教育教学规律和学生成长成才规律，符合专业人才培养要求。按照创新型人才培养模式重新构建课程建设平台，整体优化课程内容，重组课程结构，构建以能力为核心的课程体系，更有利于学生可持续发展能力的培养。

二、课程定位与课程目标

与高职“网页设计与制作”课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计等。

目前，许多高等院校都开设了《网页设计与制作》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、电子商务、计算机应用专业公共的必修课程，也受到了其他专业学生的喜欢，成为一门选修人数最多的课程之一。

（1）对于多媒体专业。本课程与《图形图像处理》、《动画制作》等必修课程相结合，主要用于设计与制作网页，对网页中的文本、图像、动画进行加工处理。本课程作为多媒体专业的专业课程之一，是多媒体专业实践体系的基本技能模块之一。

（2）对于软件技术、计算机信息管理、计算机网络、电子商务等专业。本课程为后续课程提供静态网页设计与制作的理论基础和操作技能。本课程作为一门专业基础课，侧重于学习静态网页的设计与制作、HTML语言、CSS样式、JavaScript等知识。

（3）对于非计算机类的专业。《网页设计与制作》也是非计算机类专业学生最受欢迎的一门全院性选修课，通过该课程的学习，扩展知识面，了解网页设计与制作的一些基本知识和技能。

课程培养总体目标是通过4个项目（2个基础项目，1个提高项目，1个综合项目），使学生掌握网站开发的过程及网页的设计制作方法，能开发静态的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。

根据高职学生的特点我们将人才培养目标定位于主要从事网站建设、网站维护等一线工作的高性能人才。考虑到计算机专业更新换代很快，学校教育不仅仅要教给学生技能，更重要的要教给学生一种学习的方法，以维持学生职业的可持续发展。我们在教学过程中采取项目化教学，以学生为主体，着重培养学生自主学习能力、创新能力，培养学生养成良好的学习习惯，以期学生在以后的工作中能够快速、高效的接受新知识，新方法。

三、课程内容的选取与序化

根据对职业岗位的需求调研分析，高职《网页设计与制作》这门课程的教学内容主要选取以下内容：HTML、CSS、JavaScript、网页制作基础知识、站点创建与管理、页面的整体控制、文本与图像操作、网页的布局、网页中的动感元素、超级链接与导航栏、表单网页、网页特效、网站规划与网页设计原理、网站测试、与维护。

充分考虑学生的认知水平和认知能力，把握学生的认知规律，合理地组织教学内容。按照由简单到复杂、由局部到整体、由易到难循序渐进地学习知识、训练技能。

高职学生对知识的认知有其自身规律，但高职学生认知规律与网站开发的工作过程存在不一致、不同步的问题。为了适应岗位工作需求，教学内容序化时应充分考虑企业开发网站的工作流程，以“网站开发工作过程”为导向，提高岗位的适应性。

综合考虑“网站开发工作过程”和“高职学生的认知规律”，将高职网页设计与制作教学内容划分为五个教学阶段：

第一阶段：欣赏优美网页，留下直观印象，激发学习网页设计的兴趣。

第二阶段：学习网页制作的基础知识，熟悉网页制作工具，训练创建站点、制作网页的操作技能，形成制作网页的感性认识。

第三阶段：学习HTML语言，掌握美化网页、制作网页特效的方法，进一步提高网页制作的技能，深入了解网页制作的编程技术。

第四阶段：学习网站规划与开发的流程，熟悉网页设计的原理与技巧，掌握网站测试与的方法。使用读者的网页制作水平由操作应用层提高到设计规划层，由感性认识提高到理性认识，由简单操作提高到综合设计。

第五阶段：按照企业开发网站的工作过程全面熟悉网站开发的全过程，将前面所学习的知识，所掌握的技能应用到实际网站开发的实践中。

经过对课程内容的选取和序化，教学内容的主线为：网站赏析-基础知识-站点创建-网页整体控制-文字操作-图像操作-网页布局-动感元素-超级链接-导航栏-表单网页-HTML语言-CSS样式-JavaScript技术-网页特效-网站规划与网页设计-网站测试、与维护-网站开发。

四、开发“项目化”的实践任务

“项目化”的实践任务具有工学结合、点线面结合等特点，训练网页制作、设计、开发的技能，达到学以致用、强化职业能力的目的。优选了5个有特色的网站让学生欣赏，开发5个真实网站，用于实践教学和技能训练。

五、小结

网页计划篇7

关键词：网页设计;排版与布局;原则;方法

前言

随着我国信息时代的不断发展，人们主要通过网络来获取相关信息，网络的作用也日益凸显，而网页作为网络的重要展现形式，其在设计过程中的排版与布局会直接影响一个网页的浏览量。因此，对网页设计中排版与布局研究有着重要意义。

一、网页设计中的排版与布局的原则

排版与布局是网页设计中的重要组成部分，其主要目的是让信息页面更加美观，使信息内容更加合理且条理清晰，让浏览者得到更好的客户体验。因此，在进行网页排版与布局的过程中，为达到预期效果应遵循一定原则：首先，纵观全局，整体规划。通过对页面的文字和图片进行整体平衡，并融入趣味内容，实现页面的和谐统一；其次，突出网页主题。即利用网页版面的主次关系，将具有较高价值的信息放在版面上部位置，起到重点突出的作用；再次，版面恰当装饰。即在不影响网页功能的前提下，对网页予以简单装饰，做到疏密有度、图文并茂；最后，遵循色彩原则。为了让一个网页在众多网页中脱颖而出，在对网页进行排版设计的过程中，应对页面色彩进行合理组合，形成强烈的视觉冲击力，以引起浏览者的重点关注[1]。

二、网页设计中的排版与布局的内容

网页设计中排版与布局主要是对文字和图像进行版式设计，使两者合理组合，向浏览者准确传递相关信息的同时展现页面美感。其基本内容主要包括网页标题设计、网页文字编排、网页图文结合及页面设计的节奏感。其中网页标题一般被放在网页最上方且位置居中，根据不同需求还可使用图片予以装饰，而剩余页面文字则根据网页的具体需要以点、线、面等方式进行合理编排。不过通篇的文字叙述易使浏览者产生厌烦感，进而放弃阅读，于是页面内容文字还应配图说明，通过图文结合的形式，依据不同网页类别将相关图片与文字进行灵活搭配，使页面内容变得更加生动活泼，从而激发浏览者的阅读兴趣，充分发挥网页传递信息的作用[2]。

三、网页设计中的排版与布局的方法

在进行网页设计之前，首先，要对页面的表达内容予以整体规划，通过简洁明了的布局排版方法对主要信息予以重点突出。其次，合理控制页面主色调，即主色彩控制在五种之内，并确定一种为主色调，其它几种只起到烘托作用即可。最后，注重字体的设置。整体页面的字体在三种以内，且大小适中，同时对标题与正文的字体大小和颜色加以区分。

四、网页设计中的排版与布局的常见类型

目前，网站种类众多，从形式上划分主要包括门户类、形象类、电子商务类、企业类和政府类等，尽管不同种类的网站对网页版面要求也不尽相同，但网页排版与布局的常见类型也就几种。（一）排版的主要类型。排版的基本类型大致被分成十类，其中最为常见的有以下三种：一是满版型。满版型的整个页面被图像占满，采取图像为主、文字为辅的排版设计，使页面具有开阔之感；二是分割型。分割型是把页面进行上下分割或者左右分割，然后将文字和图片分别在两个不同区域，形成直观的视觉感受；三是倾斜型。倾斜型是将文字和图片做倾斜式编排，使页面整体形成视觉冲击效果。（二）布局的主要类型。常见的布局类型有T型、口字型和同字型，其中T型是指页面的顶部为标语和横幅部分，左下方和右下方分别分布着主菜单和详细内容。这种布局模式能使整个页面主次分明、清晰明了，但也缺乏一定灵活性，显得相对枯燥。而口字型的最大优势则是可以充分利用版面，将主题内容放在中间位置，在其上下左右分别放入横条广告、菜单、内容导航、友情链接等内容，整个布局类似一个口字型。这种布局在国外站点较为常见，在国内的使用率相对较低。除此之外，还有一种同字型布局，这种布局一般设有大标题和小标题，其位置均在页面上方，相应内容被布置在左右两侧，而页面下方通常情况下会被留白，即使有内容也多为网站基础信息及网站制造方。

五、结论

综上所述，网页设计中的排版与布局影响着网页的成败，为不断满足人们对网络的需求，网页设计人员应针对不同类型的内容采取相应的排版与布局方式，进而提高网页质量和优化网页视觉效果，为人们带来更好的浏览体验。

参考文献

[1]王树琴.网页设计中元素定位和布局问题的研究[J].中国新通信,2013,(13):65-66.

[2]戴文忠.版式设计在网页中的应用[J].赤峰学院学报(科学教育版),2011,(08):193-195.

网页计划篇8

根据对肇庆科技职业技术学院的毕业生进行岗位跟踪和回访发现，我校计算机专业的毕业生在网页设计方面的岗位主要有：网页设计与制作、网站编辑、网站管理3大岗位群。网页设计制作：精通Photoshop，Corldraw，Frontpage，Dreamweaver等多项网页设计工具。网站编辑：具备基本的网页编辑和修改能力。网站管理：具备较高的网页设计制作和维护的能力。这些工作岗位群不仅要求学生透彻理解《网页设计与制作》课程的基本知识与操作技能，还要求学生掌握网页设计与制作的工作过程以及方法，同时更要具备良好的职业道德、团队精神和敬业精神。但在实际教学过程中，有的学生在完成课程学习之后，还是很难掌握好课程知识。为了进一步体现职业院校的教育理念，提高职业教育的教学质量，必须围绕实际的工作过程进行《网页设计与制作》课程开发，才能使课程教学适应行业发展的需要[1]。

2．根据岗位需求和专业培养目标，明确课程培养目标

2.1培养学生的专业工作能力，分析典型工作任务

网页设计制作：要求具备开发和制作网站的操作技能，能完成对中小型网站整体规划和网页具体设计制作，美化等工作任务。网站编辑：要求掌握基础的网页知识和操作技能，能完成中小型网站的内容建设，包括网站内容的编辑、更新和维护等工作任务。网站管理：要求具备较高的网页制作经验和管理能力，能完成对中小型网站的后台维护、网站的改版等工作任务。

2.2培养学生的职业素养和学习能力

在学习初级阶段，可以通过设计生动有趣的项目实例，充分调动学生的学习兴趣，并激发他们的工作热情，从而培养学生对网页设计课程的自发主动学习能力，这种工作热情也能够激励学生在日后的工作岗位上不断探索，不断进步。既要培养学生模仿的能力，又要注意启发学生的创新思维。例如在进行网页建模和布局设计时，可以应用灵活表格，层，这时要鼓励学生多思考，尝试利用不同的方法设计，让学生既能把基本知识的基础打好，又能举一反三地思考问题。同时在教学过程中必须贯穿培养学生的团结协作能力。对一些复杂的项目可以通过分组合作，让他们对一些难题进行相互交流和讨论，互相取长补短，一齐分工合作，共同完成任务。

3．基于工作任务，合理选择课程内容，设计教学情境为了更好的培养学生的综合工作能力，不只要按照学生“由易到难，由浅到深，由表及里”的学习认知规律选择合适的教学内容进行讲述，还必须合理排序所要讲述的课程内容，并融入生动有趣的教学情境中进行练习，让学生更容易掌握[2]。按照网页设计的典型工作任务，将课程内容分为了5个学习单元：

第l单元：要求学生对网页设计工具有一个基本了解，初步掌握网页设计的基础知识和一般方法。

第2单元：要完成网页规划设计的任务，通过实例讲解和实际操作，讲述网页色彩搭配、网页布局和网页字体的运用及设计技巧，css样式层的设计。

第3单元：主要讲述如何进行网页美化，包括网页视频与音效的添加，导航栏的制作，层和行为的使用等。

第4单元：主要介绍更新及维护网页的技术，包括模板和库项目制作技术。

第5单元：介绍网站测试和网页上传的基本方法及操作实例。该课程内容安排以Dreamweaver软件应用为主线，内容涉及网页布局，网页美化，网站测试等知识，强调从实践应用出发，介绍网页设计和制作的技术，突出学以致用。通过该课程的学习，使学生掌握网页制作的基本知识，熟悉网站设计的全过程，并能熟练制作中小型网站。

3.1教学情境的设计。教学情境设置的好坏直接影响到学生对学习单元的掌握[3]。一个好的教学情境首先要注意与当前企业的实际工作过程相结合，知识点循序渐进，由易到难；其次要能尽可能自然、有机地结合学习单元中的多项知识点；最后教学情境难易程度要适中，学生在通过教师的帮助和自己的努力能够完成，能获得成就感。在《网页设计与制作》的教学中，所设置的教学情境可以来源于企业开发的真实项目、企业或个人的网站外接承包项目以及各类技能大赛的仿真项目。下面以第2单元——网站规划教学过程为例，详细讲解基于工作导向学习情境的创设与具体实施。本单元选择了小型物流公司网站规划这个项目作为载体进行教学情境设计。设计项目：小型物流公司网站规划。基本内容：公司简介、企业动态、产品介绍、人才招聘、联系方式。规划要求：

（1）网站规划要反应出本网站的主题，简约，大气，具有视觉吸引力，网页要做到重点突出，首页尤为重要，要达到广告宣传效应。

（2）便于管理维护，易于更新或添加页面内容，有一定的扩展性。

（3）网页的字体要美观，不同页面的风格要统一，字体的组合要协调，图与文字和谐，内容丰富，能支持几种常用浏览器。

4．基于建构主义的教学模式设计

“建构主义学习理论强调以学生为主体，教师为主导的双主教学模式。学生是信息加工的主体、知识意义的主动建构者，教师是学生主动建构意义的帮助者、促进者、指导者；强调学习的合作性和情景性，提倡合作学习主动性和交互学习。”[4]在建构主义学习理论的指导下，教师的教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。所采用的教学方法都强调学生是学习的主人，是整个教学活动的主体。无论是教师的备课、课堂教学的组织还是课后的学习指导，教师都要树立“学生是教学活动的主体”的意识，始终贯彻“以教师为主导，以学生为主体”的教学思路。

4.1营造有助于教学情境开展的企业实践条件

4.1.1为学生提供参与和了解企业的机会学院可以定期邀请一些网页设计工程师、专家学者等来校讲学，丰富学生的专业知识，扩大学生的专业视野。通过以上的方式，学生不再对企业感到陌生，并能很快进入工作过程。同时学院还可以通过与多家企业签署订单式人才培养或实习基地合作协议，定期组织学生赴企业顶岗实习，通过顶岗实习，让学生了解企业实际的工作流程，找出自身状况与社会实际需要的差距，为求职与正式工作做好充分的知识、能力准备。

4.1.2为专业教师创造实践条件专业教师既要丰富的教育理论和专业理论知识，又要有过硬的操作技能和实践经验，才能更好的发挥“主导”作用。学校可以安排教师下一线企业进行学习和工作，了解网站开发的工作任务和工作流程，以及往届毕业生在工作方面所存在的缺陷，从而进行岗位职业分析与课程内容的合理选择。同时可以聘请有深厚学术水平的专家或企业工程师担任本专业顾问，为教师进行培训和讲学，或者直接参与课程教学、教材编写等课程开发，为专业办学提供一些发展性的建议。

4.2以赛促学、以赛促教、赛教结合，激励参加学生技能考证，提高学习主动性为了能够增强学生的学习主动性，提高学生的动手能力和增强毕业生的就业竞争力，可以通过号召学生积极参加学院、省市等单位举行的专业技能竞赛，培养学生的创新创造精神、团队竞争意识、实践动手能力以及创业素质，激发他们的自学热情，自发主动的去获取知识。教师在平常的教学过程中，要注意加强对学生进行考题项目训练。学生通过对考证和竞赛题库内容有针对性的进行练习，能更好的灵活应用《网页设计与制作》课程的专业知识和操作方法。而教师通过辅导学生参加考证，也能锻炼自己的实践教学能力，提高教学质量，真正实现“以赛促教、以赛促学、赛教结合”。

4.3采用项目教学方法，坚持“教、学、做”一体化基于建构主义的项目教学法是在以学生为中心的基础上，在每个学习单元中，结合项目要求、教学目标，向学生提出实际的、在一定时间内可完成的项目目标，让学生在解决问题的过程中建立自己的知识体系，最后完成此项目。在教学做一体化下实施项目教学，能够更好的将老师讲授的知识与学生的实际操作联系起来，由教到学，由学到用，学生能够体会到学习的困难，也能感受到战胜困难后的喜悦。

4.3.1在教学前期，通过知识点的学习，培养学生的模仿能力，构建学生自己的知识体系建构主义学习理论认为教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。在教学前期，学生主要是学习网页示范项目，以“小型物流公司网站规划”为例，该项目的教学安排如下：项目任务：小型物流公司网站规划项目目标：要求学生能掌握网站规划的原理和设计方法教学内容：

（1）了解网站的不同风格种类和色彩搭配原理；

（2）对网络上优秀网站的规划思路进行分析和学习；

（3）根据公司文化对网站规划的创意进行思考和设想；

（4）网站布局的具体设计和页面元素搭配。教学方法：教师讲授、学生自主学习，教、学、做一体化。授课教师在讲操作时，必须分步骤讲解，新知识点越多，步骤应分得越细，把小型物流公司网站规划每一步的功能和方法讲述清楚。同时还要注意控制好速度，给学生足够的自我练习和消化时间，保证授课和学生的练习能同步进行。要完成项目设计目标，学生首先要浏览大量的相关网页，学习优秀网站的规划方法。在具体的学习过程中，学生带着目标和问题进行学习和探索，对于网页规划做出大胆的假设和尝试。在学生动手操作期间，教师要做好指导工作，深入到学生中间，观察他们的操作，如果发现错误要及时帮学生指出，辅导他们改正。再通过类似作业的练习，学生可以更深刻地掌握课程知识点，慢慢摆脱模仿，尝试自己思考和创新。在这种教学法下，学生能用自己的头脑和过去掌握的课程内容重新审视问题，理清它们的逻辑结构和相互关系，构建新的知识体系。

4.3.2在教学后期注重培养学生协同工作的能力教学后期的综合项目实训是项目教学法实施的核心环节，教师在模拟企业需求给学生下达任务后，再按照项目建设的任务安排学生分组实训，共同去完成任务。学生在高度仿真的开发环境中，通过不断实践去熟悉工作流程，并在不断的实战演练中提高自己，逐渐掌握一个小型企业网站的开发过程，增强自己的知识运用能力、团结协作能力。以“小型物流公司网站创建”过程为例，通常要完成的工作任务如表1所示：在此过程中，学生要共同合作完成一套完整的项目设计，一个从无到有的网站开发，碰到问题，首先要自己主动思考，综合运用已学知识去解决问题，接着还可以与本组成员或其他开发小组共同会话交流，探讨解决问题的更好方法，共同攻克难题，完成工作要求。同时学生还要注意完成对项目的语言描述及相关文档的撰写，培养自己的团队沟通技能和社会能力。通过学习如何在团队中与他人协作，最大程度发挥自身的作用，进而培养团队合作精神和竞争意识。

5．教学考核和总结评价