时间：2023-06-05 10:17:43
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网站制作策划，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
第29届北京奥运会开幕式的表演，令人叹为观止！这场视觉盛宴仅3个小时，然而为了表演所做的准备工作花费了近1年的时间，而整场表演的总策划更是历时3年之久！
任何一件优秀作品的背后，都包含了大量的构思、规划、准备、统筹安排工作。这些工作能否顺利开展与创作者的大局意识密切相关。“大局”指的是整个局面和整个形势。而大局意识，就是站在整个大局的高度去认识问题、分析问题和解决问题，要看得长远，把握住大局势的发展方向。正所谓有眼界才有境界，有思路才有出路；方向比速度重要，选择比努力重要！如果说创新意识点亮思维的火花，那么大局意识则保障任务的顺利完成。
传统的网站制作教学过于注重知识与技能，忽视任务的真实性与学生的兴趣，忽视网站的规划和布局能力的培养，忽视学生探究意识以及信息素养的提升。教师可以通过让学生完成一个项目网站，来强化培养学生总体策划、整体布局、制定计划并整体把握项目进展的能力。这种品质不仅能帮助学生有条不紊地安排自己的学习，还能帮助他们处理好生活中遇到的各类问题。
什么是项目网站教学呢？它指的是教师从学生的兴趣、爱好、学习水平等出发，让学生自己从真实的生活中选择研究内容作为网站主题，展开研究。网站的主题和内容选择、素材的搜集和加工、网站的布局和结构安排以及整个网页的调试和美化，这些能够培养学生大局意识和整体规划能力的部分，都让学生自主完成，最终制作成风格各异的主题网站。具体来说，可从三个方面进行教学设计。
让学生自主设计网站框架，培养学生的整体观“不谋全局者不能谋一域，不谋万世者不能谋一时”。在网站制作之前，学生需要站在网站的高度，构思网站内容框架。教师提供一个网站内容规划表格范例（见表1），让学生在选定自己研究的主题并构思好网页的具体内容（一级目录和二级目录）之后，用类似的表格把自己的想法整理出来。
展示了上述表格后，教师再带领学生观看依据上表最终制作完成的网站。通过这样的过程，让学生感受到网站制作前的内容构思与网站制作结果，以及素材整理工作与具体的网站制作之间的联系。这样学生在做自己网站内容规划的时候目标意识增强，思路更清晰。
网站制作过程培养学生统筹安排能力胸怀全局，站在全局的高度去思考日常工作，才能把局部的工作做好。独立制作一个完整的项目网站，学生面临如下问题：首先，网站的主题和功能是什么，即网站的主旨；其次，网站制作过程主要包括哪几个大的环节；再次，网站制作的一般流程是怎样的，先后顺序怎么安排；最后，学生自己需要做哪些工作，从教师那里可以得到哪些帮助。这些问题的答案串起来，那就是项目网站制作的主线了。学生在网站制作过程中，如果头脑里一直有一条清楚的线索，网站制作就会比较流畅，而这个线索的形成恰恰就是大局意识发挥作用的过程。
1.统筹布局安排
学生在网站制作中，有时着眼于网站制作的细节，有时又着力于网站制作的主线，这就是一个时而局部、时而整体的过程。项目网站的学习持续时间长，学生需要安排自己的学习时间，做好研究的计划，收集、分析资料研究，并以网站的形式展现出来，这培养了学生统筹规划的本领。在项目网站制作中，学生需要界定网站制作的任务，确定网页制作的先后顺序，并与他人和谐高效地工作。这些都有助于学生看问题时跳出局部，统领全局。
2.项目化学习活动的组织
在上课之前，教师需要准备好整个项目网站的授课活动，并细化到每节课（见表2）。
有了这样一份完整的教学规划，教师就能将课程目标与项目网站的制作有机结合起来。项目网站的风格设计考验学生的布局规划能力在项目网站动手制作之前，学生需要做好网站风格的设计工作，包括色调、排版、布局、结构等，并且在制作过程中根据实际情况不断修改、不断完善。如果之前没有一个整体的构思，学生可能会做很多颠来倒去的工作，甚至无用功。当学生制作完成网站后才发现，网站的规划是多么重要！学生通过本项目的学习，不仅掌握了网站制作的技能，能够应对学业水平测试，还培养出网站的规划、布局、整理、美化等能力，增强了大局意识。
在完成项目网站前后，教师可以分别让学生绘制思维导图。思维导图能有效地显示出学生对网站相关概念及网站制作流程的理解，可以作为判断学生对项目网站掌握程度的依据。对比学生前后绘制的思维导图，我发现在项目化学习活动之前，提到网站制作，学生想到的主要是技术，是所要用到的元素，如文字、图片以及超链接和特效技术。经过项目化网站学习之后，绘制的思维导图与先前的相比，内容明显丰富得多，而且有很详细的流程。总起来说，通过项目网站的学习，学生的收获有三：一是了解并亲身体验了制作一个简单网站的详细流程，形成了系统的网站制作的知识体系，锻炼了思维的严密性和深刻性。二是从整体分析到局部、细节的这个过程，培养了学生界定任务、确定优先顺序，并最终完成任务的能力，这也是学生思维在不断综合、分析的过程。三是学生能够明晰确定网站主题、构思网页内容及选择素材等的先后顺序和相互联系，并在经过判断的基础上做出恰当选择。
指定联系人：__________
地址：________________邮编：___________
电话：________________传真：___________
指定联系电子邮箱：________________________
指定关联域名：____________________________
是否委托乙方申请域名空间：是/否（委托申请域名空间需另附协议或口头约定）
乙方：________互通网络有限公司
地址：________________________邮编：___________
电话：________________________传真：___________
指定联系电子邮箱：________________________________
甲方因树立企业形象，扩大宣传等需要，委托乙方设计、制作网页。为明确双方责任，根据《中华人民共和国合同法》，双方就委托设计、制作网页达成如下协议并承诺共同遵守。
除非有特别的说明，本合同中“委托方”与“甲方”指同一主体；“受托方”与“乙方”系指同一主体。
一、委托项目
甲方委托乙方负责设计、制作、建设和开发甲方网站（不含域名注册、网站空间、企业邮箱、网站维护、网站推广等服务），其内容为：__________________共_______项。
A．整个网站的首页整体美术风格构思、设计、制作，具体：_________________。
B．栏目首页的美术风格构思、设计、制作，具体：_________________________。
C．基本网页：_________________________________________________________。
D．文字资料，具体：___________________________________________________。
E．基本图片处理，具体：_______________________________________________。
F．特效GIF动画：____________________________________________________。
G．特效FLASH动画：___________________________________________________。
H．全景演示：_________________________________________________________。
I．音效：____________________________________________________________。
J．多媒体：___________________________________________________________。
K．基本功能模块：_____________________________________________________。
L．定制功能模块，要求：________________________________________________。
M．其他内容：_________________________________________________________。
二、甲、乙双方权利、义务和责任
1．甲方须在本合同规定的时间（最迟不超过合同签定日期两天）内向乙方提供齐备网站内容资料（文字、图片、音频、视频等），均须以电子版的形式提供（可另行协商提供文字版），并保证该资料不违反国家法律、法规，不侵犯任何第三方的权利，否则由此引起的全部责任由甲方自己完全承担，与乙方无任何关系。
2．甲方积极、及时向乙方提出对网站制作明确的需求、要求和建议等或配合乙方人员明确网站制作的需求、要求和详尽事宜等，授权指定一甲方内部人员或其他项目监理公司的人员作为该网站制作项目的负责人，该负责人应及时对乙方的工作进度和成果进行确认、验收及代表甲方及时明确具体要求或提出意见、建议等，全力配合乙方以最高的效率在规定的时间内完成该网站制作项目。
3．本合同标的在交付后三日内，乙方可以按照甲方的请求进行修改。在三日内甲方未提出异议的，视为合格。
4．甲方应自合同签订之时向乙方支付定金，采取汇款或者现金的形式支付定金的，甲方须于定金汇出后将汇款底单传真至乙方，乙方收到该底单后方开始着手制作。甲方不在合同规定时间内支付定金的，视为违约，乙方有权拒绝履行或单方终止该合同并有权收取甲方相当于总制作费5%的违约金。
5．甲方须以书面形式对乙方制作好的网站进行验收确认，乙方制作好的网站一经甲方验收合格，乙方的制作任务即告完成，甲方应在验收之日向乙方支付其余的制作费。
6．甲方可以向乙方或第三方互联网服务商购买域名注册、网站空间、企业邮箱、网站维护、网站推广、网站备案等服务。采用第三方的网站空间时乙方应给予必要的配合和协助。
7．乙方确保该网站制作的质量并保证不侵犯第三方权利，
网站质量标准按附件所规定详细条款核定，如网站质量无法达到合同规定标准，则甲方有权要求乙方修改，或重新制作。
8．乙方应对涉及甲方商业秘密的事项保密，应确保甲方提供的资料和信息等不向任何第三方提供并于项目验收通过后及时将其载体归还给甲方。
9．乙方在网站制作完成及甲方验收确认后将给出电子文档形式的《网站操作说明》或指导甲方操作该网站。
10．网站制作工作完成后乙方可以按照甲方的要求将网页上传到指定的网络服务器上，交付给甲方使用。在网站验收合格网上后，如果甲方需要增加修改页面，可根据改动情况另收取制作费。
三、定金和制作费支付
此网站的总制作费为________________元（大写：____________元人民币）；甲方应自合同签订之时向乙方支付相当于总制作费60%的定金________元（大写：_________元人民币），于网站制作完成之日支付乙方其余的服务费_______元（大写：________元人民币）。
四、违约责任
合同签订后如甲方终止合同，则定金不再退还，归乙方所有。
除不可抗力原因外，若乙方因自身原因导致网站制作完成的延迟，则每延迟一日退还总制作费的千分之五。
因不可抗力或者其他意外事件，或者使得本合同的履行不可能、不必要或者无意义的，任一方均可以解除本合同。遭受不可抗力、意外事件的一方全部或部分不能履行本合同、解除或迟延履行本合同的，应将事件情况以书面形式通知另一方并向另一方提交相应的证明。
双方当事人对本合同的订立、解释、履行、效力等发生争议的，应友好协商解决；协商不成的，双方向仲裁委员会提交仲裁并接受其仲裁规则；若协商、调解、仲裁未成，则可向人民法院提讼。
此合同一式两份，每份共4页，双方各执一份，自双方签字之日起生效。
甲方单位：________________________
乙方单位：________互通网络有限公司
授权代表签字（盖章）：____________
日期：____________________________
附件
工作进度与安排、数量、价款、交付和验收方式
一、合同金额及付款方式明细
1．合同金额
服务项目
数量
价格（单位：元）
策划创意
国际域名注册、空间申请
首页
中文主页
英文主页
基本网页
FLASH
Feedback
BBS
全景演示
计数器
留言板
音效
多媒体
2．付款方式__________________。
3．网页制作及完成时间
完成时间：乙方收到材料、图片及合同第四条规定的款项后_________日内制作完成。
上传期限：乙方在_________年_________月_________日前交付网页或者上传至指定网络服务器上。
验收期限：甲方在_________年_________月_________日前完成网页的验收，并确认。
付款期限：甲方须于验收确认之日将余项款目付清。
二、验收标准和验收后修改补充
1．甲方可以通过任何与因特网进行网络连接的计算机浏览自己的主页。
2．主页无文字拼写及图片（以甲方提供的材料为标准）错误。
3．验收合格，甲方以书面方式签收。
4．验收合格网上后，如果甲方需要增加或修改页面，可根据改动情况另收取制作费（除乙方推出的赠送、延长维护期等优惠活动）。
三、合同期限
本合同有效期为_________年_________月_________日至_________年_________月_________日。如若双方没有异议，本合同期限顺延。
四、网站维护
网站维护费用计每月_________元。如因甲方原因导致没有及时付款，因此造成的损失由甲方负责。乙方在合同期间保证甲方的网站正常浏览。
甲方：________________________
授权代表签字：________________
计算机技术日新月异，HTML已经经历了由HTML4向XHTML发展，到近几年来的由HTML4到HTML5的发展历程。HTML5因具有一些优异的新功能，得到越来越多开发人员的青睐。可以说，HTML5就是Web的未来，也是Web开发者的新希望，所以作为专业的网页制作等相关人员有必要了解HTML5，以便在Web技术的发展潮流中立于不败之地。
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提供了前所未有的数据与应用接入开发接口，使外部应用可以直接与浏览器内部的数据直接连接，如视?l影音可直接与话筒及摄像头相连。
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前端技术使用心得
关键词：高职教学；网页设计与制作；课程改革；岗位需求
中图分类号：TP642.0 文献标识码：A 文章编号：1009-3044（2014）32-7698-02
伴随互联网技术的高速发展，现代企业越发关注到自身门户网站建设及维护问题，与此对应的专业技术岗位需求也偏向于对网页设计与制作人才的渴求。高职教育立足于对专业技术人才的培养，职业教育在突出人才实践技能训练的同时也更加关注信息技术背景下学生的就业问题，这对于高职教育今后的发展至关重要。实践性是高职网页设计与制作课程的显著特征，它不同于传统的网络技术教学模式，对于学生的动手能力和实践创新能力都提出了更高的要求，教学方式和教学手段的选择偏向于对学生实践意识和主动意识的激发，这同时也是当前课程教学改革对高职网页设计与制作学科提出的必然要求。只有切实与企业专业技术岗位需求相适应，才能更好地体现高职教育技术型人才的培养优势。
1 高职网页设计与制作的课程特点及其教学现状
从现代职业技术教育的特点分析，高职网页设计与制作的教学目标除了表现在系统化的网页制作理论知识外，还突出了对学生综合动手能力、实践创新能力和网页设计能力的训练，以此促进学生实践技能和理论知识的双重发展，更好地将所学应用于岗位就业当中。操作性是高职网页设计与制作课程的特点之一，这就决定了在网页设计与制作教学中理论与实践之间的相互配合，并将实训教学应用于网页设计课程教学的各环节当中，这对于教学效果的提升意义重大。
现阶段网页设计与制作课程在高职院校技术教育中的落实相较于以往网页制作工具教学而言有了显著进步，借助多媒体教室演示教学和实训室教学激发学生的课堂教学主体意识，并以此培养学生的实践创新能力。然而当前的网页设计与制作教学还存在着实用性与理论性相脱节的问题，忽视了与企业专业技术岗位需求相结合，这就使得岗位工作和学科教学之间存在着较大差距，不利于教学效果的提升。高职学生本身在网页制作能力方面有所欠缺，加之教学内容和教学方法中存在的弊端，不仅有碍于学生学习积极性的激发，同时也使得现代工作岗位与教学模式之间的差距拉大，课程改革亟需得到落实。在网页设计与制作的课程考核方面，仅仅采用的是任课教师出题的方式，具体形式表现为上机操作和理论考核两个部分，而其中学生出勤率以及平时作业却占据了较小的比例，这不仅忽视了学生实际问题解决能力的培养，同时也使得学生的实践创新意识被遏制，不利于学生个性品质的完善。高职网页设计与制作涉及到多门学科内容，单一的考核形式显然难以满足现代化职业教育的根本需求，这就需要在课程改革中突出网页设计与制作课程考核的多元化，以此激发学生的学习主动性。
2 高职网页设计与制作课程教学改革的设计思路
2.1 与企业专业技术岗位需求相结合
从当前企业网站开发团队的角色划分角度分析，通常除了网页设计师、网页美工师和后台开发工程师以外，还包括网络测试人员及维护管理人员。由于网页设计与制作课程教学对象自身专业的差异性，因此培养目标的构建也应当与学生知识结构及专业特点相对应，体现教学内容和教学目标的针对性，这是高职教育因材施教原则的集中体现。从具体分类上看，电子商务和计算机相关专业的学生在逻辑思维能力方面有着显著优势，作为电子商务网站建设与WEB应用程序开发的重要前导课程，这些专业学生在学习网页设计与制作时可借助自身的编程基础强化在网站及网页制作方面的学习，至于Firework或是Photoshop这类图形处理技术则不作过多要求，在网页设计与制作课程学习中学生对于CSS样式表以及HTML语言有了更加全面的了解，并且能够借助JavaScript实现对网页特效和Flash脚本的编写，这是对学生专业技术岗位能力的培养过程。而艺术专业学生本身对于布局、构图、色彩等内容较为敏感，因此可着重训练学生的制图能力，通过网页制作与设计课程的学习引导学生立足于网页界面的美观设计，借助Flash使得网页素材的呈现更有动感，这对于学生后期的职业生涯也有着积极的导向意义。
2.2 项目驱动型教学模式
以往高职网页设计与制作课程教学中关于案例教学法的运用仅仅是将网页制作技术与案例分析相结合，其教学过程中学生仍处于极为被动的状态，学生关注的核心在于某一个案例的制作过程，然却忽略了自身对网站项目的制作及设计。项目驱动型教学在高职网页设计与制作中的应用能够显著改善当前的教学现状，推动课程教学改革的有序实施。这一教学模式的具体程序及环节包括以下几点：
2.2.1 项目选择
项目选择的过程应当与教学大纲及课程教学内容相结合，控制好项目选择的难度以及知识覆盖面，使得项目教学的实施能够连成一线，突出各环节课程教学的连贯性。教学实践当中首先需要完成学生的分组工作，确定三至四人为一个小组，并确定其中一人为组长，网站主题的确立可由小组成员自由选择，并于特定时间内完成主题资料收集和网站策划书的编写工作，并由组长在课堂教学中对其进行演示，完成小组方案的呈现与阐述，之后由其余小组对其提出合理建议。网站项目确定后需要由教师帮助学生完成项目开发进度表的制定，细化项目实施的具体内容。
2.2.2 专题教学方式
从网站项目实施的具体步骤分析，除了网站主题确定、资料整理、logo设计以及网站风格选择外，还涉及到配色方案的选择、网页排版、主页制作和网站测试等内容。依据具体的实施步骤，教师可与教学大纲相结合明确教学专题的开发进度，对基本元素、布局模式及网页排版等问题组织学生进行讨论。在对以往教学案例进行分析后，学生对于网站设计的理解更加深入，能够在知识点的驱动下完成自我网页的设计与制作。
2.2.3 组织讨论
从教师本身知识结构及专业修养的差异性分析，在网站制作技术方面会对教学设计产生一些影响，因此针对存在疏漏的地方就需要对其进行讨论与修改。通过优秀网站欣赏使得学生加深对网页制作的感性认识，能够从优秀网站中获得网页设计的灵感，体现自身创意设计水平，这对于学生知识面的扩展和分析问题能力的提高都有积极影响。
2.3 分阶段型考核模式
这一考核模式将项目开发进度划分为若干小的阶段，学生完成阶段工程汇报后再由师生共同参与考核，考核的重点在于对网站主题和页面布局的考查，除此之外还需要对整体页面的美观性进行评定，检查网站规划中的各项功能以及页面链接效果，具体包括：
2.3.1 网站选题
小组网站主题的拟定可由成员自行选择，在对同类网站进行分析后分析自身技术路线和服务形式的异同，并与企业专业技术岗位需求相联系，切实分析网站本身的维护成本及盈利模式。网站策划书是这一阶段需要完成的项目，组成对其进行必要的演示操作，并由师生对其展开评价和提出意见。网站选题占总考核比重的10%。
2.3.2 网站设计
网站设计涉及到网站的色彩配搭、版面布局以及主题设计等方面内容，小组成员需要借助FireWork或是PhotoShop完成草图制作，并由组长对设计理念进行陈述，师生对其提出建议。网站设计占总考核比重的15%。
2.3.3 网站制作
依据草图设计完成对应的网站制作工作，由于页面较多也可采用定期对开发进度进行报告的方式对关键页面进行演示，这一过程中教师需要对演示进度进行控制。网站制作占总考核比重的25%。
2.3.4 网站测试
网站测试的内容除了包括页面文字和图片显示、链接有效性以及浏览器使用情况外，还需要由小组成员完成对应的测试报告，认真剖析测试过程中存在的问题。网站测试占总考核比重的15%。
2.3.5 网站
在完成主页空间的申请后借助FTP工具对网站实施操作，教师和学生可用各小组提供的域名访问网站。网站占总考核比重的5%。
3 结束语
综上所述，作为近年来高职教育新兴的学科课程，网页设计与制作重视对学生实践创新能力的培养，通过实践技能与理论知识的结合体现高职教育人才培养特点和企业专业技术岗位需求之间的契合。教学内容的丰富及其教学过程富于变化，使得网页设计与制作这一课程在学生群体中引起了广泛关注。现阶段高职网页设计与制作课程研究的重点在于如何将学科教学与企业岗
位相结合，促进学生职业素质和专业技能的发展。课程改革的有效性在于与市场就业需求相一致，将企业专业技术岗位需求纳入网页设计与制作课程教学改革的考虑范围之内，使得岗位能力与教学内容相吻合，这对于学生团队协作能力、网站管理能力和网页设计能力的提高有着积极的促进意义，这是职业教育在人才培养方面资源优势的集中体现。除此之外，关于网页设计与制作课程教学改革的新一轮研究对于高职网络技术等课程教学模式更新也有着不可忽视的启发与借鉴意义。
参考文献：
[1] 陈永芳.职业技术教育专业教学论[M].北京：清华大学出版社，2007.
[2] 王晓红，周立.网页设计与制作课程教学改革[J].北京联合大学学报：自然科学版，2006（12）.
[3] 安颖莲.网页设计与制作课程教学设计与实践[J].中国教育信息化，2007（9）.
通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。
项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。
对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。
对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
2.考核方式
【关键词】工作过程；Dreamweaver网页制作；教学改革；项目化教学
《Dreamweaver网页制作》是一门实践性很强的技术入门课程，兼具设计性、实操性和应用性。本课程的主要任务是让学生了解网页制作和网站建设所需的基本知识，培养学生设计网页、建立网站和规划网站的实际技能。该课程以讲解Dreamweaver、Flash、Photoshop软件使用为主，旨在让学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识，为进一步学习网络知识打下基础。
在教学改革的探索与实践过程中，我们应以岗位需求为导向，根据计算机应用技术的发展和职业岗位的实际需要，先分析其典型工作过程与工作任务，得出完成工作任务对应的计算机应用技术和职业要求，按照计算机应用技术和职业要求设计专业知识模块和项目案例，分解工作任务，形成教学情境。结合职业技能鉴定要求和劳动力市场化管理需要，依托校内实训室、校外企业，创造最佳的基于工作过程的学习环境和实训条件，对基于工作过程的《Dreamweaver网页制作》课程体系、教学内容、教学方法及教学手段等进行探索与实践。
1 现状分析
随着计算机信息技术的飞速发展，网络发展与应用所涉及的行业越来越广泛，网站在变，用户体验在变，网站设计人员的职业标准在变，对于计算机专业《Dreamweaver网页制作》课程的教学要求也在变。如何适应现今诸多变化完成教学并提高教学质量已经成为计算机专业教学改革的一大课题。
从教师方面来看，很多教师虽然教龄长，理论知识丰富，但长期脱离实践，对行业新变化了解甚少。部分专业教师一毕业就来到学校，刚刚走出校园的他们，同样是理论知识丰富，缺乏实践经验。教师队伍中即便加入了新生力量，但“双师型”教师缺乏，教学环节理论与实践结合不够，仍难以体现高职高专院校的职业特色。
从学生方面来看，高职高专学生与普通高校学生相比，大部分学生文化基础差，入学成绩普遍偏低，学习吃力且人生目标模糊，学习的主动性、自觉性不足，学习习惯不好，接受知识的速度相对较慢，其自身素质与高校要求不相适应。而一部分素质较高的高职高专学生，对本课程的学习也仅限于理论方面，缺乏实践锻炼，未能与社会需要技能无缝对接。
综上，《Dreamweaver网页制作》课程教与学的方式亟待解决。那么，基于工作过程导向的教学思想和方法是在学习与借鉴德国“双元制”职业教育经验、改革我国职业教育的过程中，逐步在我国教育界受到重视。工作过程的核心是行动导向，强调学生是学习过程的中心，教师是学习过程的组织者与协调人，教师采取“资讯、计划、决策、实施、检查、评估”的整体行动，在教学中与学生互动，让学生通过“独立地获取信息、独立地制定计划、独立地实施计划、独立地评估计划”，使学生在实践中掌握职业技能、习得专业知识，从而构建属于自己的经验、知识或能力体系。
2 探索与实践
2.1 优化教材体系
“工欲善其事，必先利其器。”完善本课程的教与学关键之一便是优化教材，合适的教材在教学环节中起着举足轻重的作用。《Dreamweaver网页制作》课程以往选用的教材，对于初学者尤其是学习能力稍差的高职学生而言难度较大，以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。基于工作过程的Dreamweaver网页制作课程教材，内容应以教授基础、基础与案例相结合、基于工作过程的案例分析等层层递进的原则进行选择，组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上，教师要立足于教材，筛选基于工作过程的教学内容，以使教学过程更接近岗位化。
本人为了使教材更利于学生工作岗位化，结合我院学生及学校实际情况又编写了《网站总体设计书》，该设计书构造了以网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML 语言基础、网页布局与编辑、模板与库的应用、层叠样式表CSS、DIV+CSS网页布局、静态网站动态化、动态程序开发、综合教学案例、项目开发实训14 个模块为主教学单元，然后将教学内容进行了重构，整理成5个典型的工作情境，编写了基于工作过程的《网站总体设计书》，教材内容体系清晰，教学模块符合岗位需求。如下表是结合学校及学生实际情况，制定的关于Dreamweaver网页制作的整体工作化教学情境。
表 “Dreamweaver网页制作”工作化教学情境设计
工作化教学情境设计
情境1：学校团委网站建设项目基础与流程设计、效果图设计、网站的后期编辑、网站的与测试
情境2：宠物网站建设网站项目策划、主页设计与制作、网站动画的设计、网站的后期编辑、HTML学习、CSS应用、项目完善
情境3：喜洋洋枸杞专卖购物网站建设项目前期组织工作、效果图与动画设计、网站的后期编辑、代码编辑、网站的与测试
情境4：《计算机组装与维护》精品课网站建设项目前期策划、效果图与动画设计、DIV+CSS布局网站、使用模板与库完善网站
情境5：学校留言反馈系统网站建设前期策划与效果图设计、框架布局图形设计、登录系统的实现、留言系统的实现、反馈系统的实现
工作化教学情境设计是学习领域教学内容的具体化。表中工作化教学情境的设计思路是：按照Web 网站项目开发实际工作过程，将典型的工作任务融入到为这5个工作情境中，这些工作情境从个体上看，都代表了某一类网站；从整体上看，则是难度逐步加深，推动了工作进度，最终完成5种类型的网站项目、网页设计与制作的理论知识点技能要求，分布在这些工作情境之中，它和传统教学顺序完全不同，教学内容设计完全取决于实际开发需要，从而大大激发了学生的兴趣，达到了教材工作岗位化，使学生在教与学中做到了“学中做、做中学”的效果，学生的学习主观能动性得到了发挥。
在经过2012信息管理班学生分组化试点后，我们在2012级计算机软件技术专业学生中应用了基于工作过程导向的，将真实项目资源转化为教学资源的任务驱动教学方法，实践证明，在实际教学过程中，学生能够主动发现问题，并积极主动去解决问题，特别是由于所有的情境都基于同一项目，学生在做后面的实训时，经常能发现以前作业的不足之处，从而主动将业余时间用来做网站项目，部分同学甚至在学期末将本学期20个工作任务全部重做了一遍，大多数学生具备了学习的主动性和能动性，明确了知识模块的联系和课程的学习目标，为后继课程的学习打下了坚实的基础。
2.2 改革教学方法
2.2.1 采用“项目引领”教学法，突出“能力本位”教学目标
引进基于工作过程的网站真实案例作为实训教学案例，采用“案例引领”教学法，将工作过程的“案例”中的技能模块进行分拆和重构；采用“实训项目”和“拓展实训”相结合。
2.2.2 采用“任务驱动”教学法，强调从点到面到综合能力的培养
任务驱动，小组协作。开展以制作工作过程的多类型网站为目标的项目教学，使得学生不仅能够掌握《Dreamweaver网页制作》课程的基本知识和基本技能，提高学习兴趣，而且在小组学习的过程中，学会与他人合作，共同完成任务。同时，在专业课程教学中渗透多类型网站内容相关教育内容，使学生在不知不觉中学到更多学科知识。此外，还可定期举办技能大赛和知识竞赛，以巩固学生的学习效果。
2.3 改革教学手段
1）充分利用信息化教学工具和软件。根据该课程的特点，将理论课与工作过程的实训课融合在一起，全部都在多媒体机房上课、实训或实习，因此，在教学过程中，完全利用现实网站进行剖析讲解。
2）利用数字化资源库立体化教学平台，实现网络教学互动和资源共享。将课程内容、工作过程的实训项目、理论题库、实训题库、证书题库、电子教材、网上答疑以及视频资源统一规划建设，依托校园网络平台，构建师生学习的数字化资源环境。
以基于工作过程为导向，加强实习实训平台建设，强化实践教学，教学与实训实现一地化，重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行，立足于企业人才需求实际，在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系，使学生真正做到理论联系实践，在获取知识的同时充分掌握专业岗位技能，以充分体现出高职人才培养的职业性和实践性。
2.4 基于工作过程，加强“双师型”教师培养
优秀的师资是高职院校办学的根本保证。提高计算机应用专业高职教师基于工作过程Dreamweaver网页制作的“双师”素质是高职教育发展的需要，也是教师个人发展的需要。高职院校应鼓励现有计算机应用专职教师在其专业领域不断学习，及时更新自己现有的知识结构，进行自我提升，并有针对性地将部分教师安排在企业网站制作的顶岗岗位上工作，增强其实践经验，提高其动手能力，使他们对行业需求变化了如指掌，以便清晰地掌握学生的培养方向。
3 总结
在实践过程中，发现存在如下问题与不足：由于整个教学情境在逻辑上前后联系，对于动手慢的同学前一个任务没有完成，就失去了实现当前任务的基础。针对这一问题，在下一步工作中，需加强过程管理和课余辅导，鼓励同学间相互帮助与沟通，先进带动后进；另外，需强化基础图象处理训练与审美训练，培养良好的界面设计能力，提高网站设计能力。
以工作过程为导向，将真实项目资源转化为教学资源，调动学生的主观能动性，在教师引导下来实施教学进程，是培养学生理论知识、实践技能和学习能力的重要手段，是能力本位教学模式的体现。而这种教育模式也对教师的教学水平、责任意识、实践经验等提出了更高的要求。开发多种类型的课程模式，不断深化高职教学改革，提高教学质量和就业质量，是一线教师义不容辞和长期艰巨的任务。
【参考文献】
[1]胡炜.钟卫连.高职院校计算机教学的分析与对策[J].福建电脑，2007（8）.
[2]姜大源.当代世界职业教育发展趋势研究[M].北京：电子工业出版社，2012.
[3]丁桂芝.动态网页制作实例教程――Dreamweaver ASP与SQL[M].天津大学出版社，2008（4）.
关键词：网页设计；色彩；布局
中图分类号：TP393.092-4
互联网已经成为大多数现代人生活中的一部分，用户可以随时随地上网浏览页面，了解时事，收发邮件等。而随着网民素质、审美意识的提高，他们对网页也提出了更高的要求。不仅仅要实现网页的基本功能，在美观程度、视觉冲击、版面设计等方面的要求也越来越高。技术跟艺术的高度统一是网页设计的一个必然趋势。
网页设计在计算机类专业是属于主干课程，课程设计偏向于Dreamweaver软件的学习、HTML及JaveScript语音的编写。特别是在使用Dreamweave CS5后，对代码的编写能力有了更高的要求。但是对于网页的总体策划、配色、布局等，如何使用Photoshop、Illustrator等图像处理工具来处理、美化网页，都没有介绍。和当前的用人趋势明显不符。本人认为可以从以下几方面完善网页设计的教学：
1 “任务驱动法”在教学中的运用
网页设计是需要很强能力的课程。只有通过不断的实践，才能掌握这项技能。传统的教学方法先讲授后实践，以知识点为教学的总线，内容较为分散，学生无法将所学的知识融会贯通。而且内容较为枯燥，不能激发学生的学习兴趣。采用“任务驱动法”，以任务为主线、教师为主导、学生为主体，能力为本位，以团队协作的方式来进行实践，任务完成后，及时评价学习成果。教师可以选择涵盖知识点比较丰富的国内外优秀网站进行任务驱动。教师扮演客户，抛项目提要求，学生以小组为单位，根据客户的要求设计网页，并适时进行沟通，修改网页，最后进行答辩讲解。这种练习可以提高学生的团队协作能力及与人沟通能力，把学习与做项目相结合，提高适应企业的能力。
2 通过案例教学让了解网站制作的过程
企业网站制作的流程，大致分为五个阶段：客户需求分析、网站总体构思、网站总体设计、网页设计制作和后台程序开发、网站运行与维护。每个阶段都负责不同的内容。以往的教学方式，是让学生了解这些流程，这样学生掌握得并不深刻。在课程中引入案例，比如说可以引入“Nike公司网站”的案例，从前期的需求分析，到总体构思、网页设计的某个细节，再到后期的程序开发维护都进行详细的分析，让学生对这项工作有更直观的了解。在分析过程中，特别要加强网站策划的分析，从画草图，到布局图，再到网页的装修，都要分析到位。
图1
3 加强网页配色的学习
色彩是最敏感的一项视觉元素，当我们打开网页的时候，最先看到的是它的色彩，其次才是它的内容。色彩的搭配是否合理，很大程度上会影响浏览者的意愿。在教学过程中，需要对网页设计中色彩及其搭配所呈现的基本特性、心理感受有全面的认识，并能从整体进行把控。帮助学生掌握色彩搭配的知识及色彩表现创意的能力。
4 网页的版式布局
网页版式布局是将LOGO、文字、图片等网页元素按一定方式进行排版的过程，他不仅可以传达页面的信息内容，还能体现整体的美感。不同主题的网站对版式设计的要求不尽相同，这就要求设计为内容服务。版式布局的基本类型主要有骨骼型、满版型、中轴型、分割型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。还可以设计成两栏式、三栏式、多栏式等。网页的布局方式主要有表格布局、框架布局、DIV+CSS布局、FLASH布局。前两种方式因为版式比较古板，且不易修改，已经用得越来越少。DIV+CSS布局可以实现内容与表现相分离，提升设计的效率。而怎么样把艺术草图用DIV+CSS表现出来，是网页设计中的难中之难。在课程的设计上，可以把更多的时间应用到临摹优秀的网站上，以此来提高学生对版式设计的熟练程度。
5 增加联想方面的练习，提高学生的创新能力
联想是创意的基础，在课堂中可以开设联想的练习，比如想出100个圆形的物体；根据物品的特点，做出出乎意料之外，合乎情理中的创意。有时候好的创意无法用Dreamweave做出效果，我们在上课中可以增加怎么用Photoshop、Flash等软件来进行辅助设计。Photoshop可以实现的功能有很多，包括配色、排版、框架设计、LOGO设计等。处理好图片以后，可以使用切片功能对网页图片按照设计意图进行区域划分等。Flash是一种动画设计工具，网页的动态效果可以通过该软件进行编辑。
6 构建资源丰富、交互功能强大的网络学习平台
开设构建资源丰富、交互功能强大的网络学习平台。平台可以提供丰富的项目学习专项资源、公共精品资源。平还可以实现交互功能，可以实现上传作业、资源共享、师生互动，真正体现网络学习的优势。
随着互联网技术的飞速发展，网页设计所承载的理念也日益被刷新，怎么样让“学有所成”的学生学以致用，尽快适应行业的发展，是我们教学改革中要解决的主要问题。
参考文献：
[1]李海燕.基于项目化的《网站规划与网页设计》课程教学改革初探[J].电脑知识与技术，2010（30）.
[2]崔建成.网页美工[M].北京：电子工业出版社，2010.
[3]朱文耀.项目驱动法在教学中的创新应用[J].信息与电脑，2012（11）：163-164.
[关键词]后台网页文件 管理 电子商务网站
随着互联网的飞速发展，如今电子商务已经成为一种重要的经营手段，很多经营者都越来越意识到电子商务的重要性，电子商务网站正处在飞速发展不断变化的新环境下。严格地说，没有后台管理功能的网站不能算一个完整的网站设计。特别是在电子商务网站越来越多的今天，电子商务网站的管理者越来越重视电子商务网站的维护和管理。网页文件的管理就是电子商务网站设计人员需要重视的关键问题。
一、网页文件的管理的重要性
一个管理有序的电子商务网站实行高效的管理，将会使企业在电子商务领域中具有更大的优势，在商业活动中发挥更大的作用。相反若网站管理设计复杂，甚至混乱，则会使客户使用不便，使网站效益下降。
网站后台管理系统的功能和结构到目前为止，对电子商务网站管理还没有一个明确的定义，其内涵覆盖也不一致。有人认为电子商务网站管理是对网站内容，即网页的管理；有人认为是对电子商务网站硬件和软件的维护管理；有人认为电子商务网站管理是对用户的管理，是对电子商务运行过程中的物流的管理，等等。总而言之网站管理是一项很复杂的工作。
网站后台管理系统的主要功能包括：网页文件的管理；管理页面的用户、用户密码和用户权限的管理；顾客资源管理；商品信息的管理，即进货管理；电子商务网站的交易管理，即销售管理，而其中最为重要的是网页文件的管理。网页文件设计合理、管理有序在电子商务网站后台管理中有着重要作用。
二、 网页文件的管理策略探索
网站从本质上讲，是由很多链接在一起的网页文件构成。网页文件的管理就是指对构成网站的这些文件进行的管理。如果电子商务网站的Web 服务器是以主机托管的方式存在，那么Web 服务器和电子商务网站运作过程中所需要的电子邮件系统的具体设置都需要自己来设置，也属于网页文件管理的范围。
Web 网站的目录结构是网页文件管理的重要问题。虽然，目录结构结构设置的好与坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容的扩充和移植有很重要的影响。作为优秀的网站设计师，在进行网站设计时，需要认真设计其布局与结构，以网站的高效管理为设计目标。在电子商务网站的后台管理中，一个有序高效的订单管理系统，将带给管理员尤其是非专业的管理员工作上很大的便利，例如可以快速地找到某个需要修改的页面。 网页文件是代码文件，而网站资源文件主要是指为丰富网站内容提供网页素材的各种文件，如声音文件、图像文件、视频文件和动画文件等。在网站的开发期间，开发人员需要设计好一个个的网页文件和网站的资源文件，在调试服务器上调试完成后，利用FTP工具上传到Web 服务器上。
网站目录结构的构建：网站目录结构构建的原则是，以最少的层次提供最清晰简便的访问结构。为了使建立的网站目录能够确保网站文件管理的有效运行，一般地说，构建网站目录时要充分考虑以下几个方面的问题。
（1）不要将所有文件都存放在根目录下。
根目录是指DNS 域名服务器指向的索引文件的存放目录。根目录只允许存放index .htm、index .asp、default .htm 和default .asp 等文件，以及他必需的系统文件。
（2）按功能内容建立子目录。
为每个主要功能（ 主菜单） 建立一个相应的独立目录。例如在“网上书店”实例网站中，将用户管理，邮件列表等功能建立相应的目录。
（3）在每个独立的目录下都建立独立的Images 目录。
刚开始进行网站制作时，人们习惯将所有图片都存放在这个目录里。可是后来发现很不方便，经过实践发现，为每个栏目建立一个独立的Images 目录是最方便管理的，而根目录下的Images 目录只是用来放首页上一些栏目的图片。
（4）网站文件名和目录名命名要规范。
一个大型电子商务网站通常有很多子页面组成，因此在设计阶段要为网页设计合理网页名称，这样即方便管理与维护，也方便其被搜索引擎检索。
三、总结：
总之，作为电子商务网站的设计人员，一定要充分考虑网页文件的管理，设计最优方案，以方便网站管理。
参考文献：
[1]网页设计优化方法[J]，铁路计算机应用，刘朵，蒋琬，赵宏，2005—09
[2]档案网站建设的前期策划与定位[J]，档案与建设，卞咸杰，2005—02
[3]从静态页面转化为动态页面实现的过程分析[J]，中小企业管理与科技（上旬刊）韩英慧；，2009—07
[4]浅谈中小企业网站设计[J]，信息系统工程，时美；2009—12
论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力
平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课，是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的，教师给出一个课题，学生在指定时间按教师的要求完成作品，整个过程在教师的辅导下完成。在这样的教学过程中，学生的职业能力难以得到很好的训练，团队精神难以得到有效的培养。所以，在实训课上进行项目教学是很有必要的，因为项目教学法的核心是在教师的指导下，由学生去探寻得到最终结果的途径，学习的重点在学习过程而非学习结果，这对学生能力的培养是很有帮助的。在2周的时间里，如何设计项目才能使学生真实地体验一个项目的完整制作过程，是需要教师研讨的问题。
实训项目设计分析
实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础，实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。
设计理念平面设计是近十几年逐步发展起来的一个复合性职业，涉及面非常广泛，涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨，实训项目设计应该围绕着专业方向和培养目标进行设计；围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发，即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计；以项目小组的形式开展教学活动；通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件，完成符合实际要求的平面设计作品，实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要来源于企业，因为本课程的学生是“广告设计与制作”专业的一年级新生，还没有学过平面设计方面的专业课，用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标，可采取将虚拟项目按照真实项目完成的形式进行教学设计。
设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律，针对不同的用户要求进行各种平面作品的设计与制作。所以，“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力；文化类广告设计可以培养学生掌握完整的设计制作流程；“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例，分析实训项目的设计方案。
实训项目设计方案
项目背景随着互联网的飞速发展，网络已经成为人们生活中不可缺少的一部分，利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下，很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品，需要制作一个引人注目的精美网站展示自己。
项目内容该设计项目是为某房地产开发商的网站进行网页设计和制作，需要学生进行市场调研，了解企业名称和受众群体，并采集各种信息，通过进行实际调查和需求分析，确定网站的市场定位，进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计，以满足人们的审美需求；在制作过程中要合理运用艺术设计的理论知识和软件技术，按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等，其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析，明确用户需求，并撰写分析报告。网站整体方案设计包括标准字、LOGO小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件Photoshop、Illustrator等。
项目能力目标为达到专业要求的职业能力培养目标，在项目执行过程中，要求学生能进行基本的市场调研，明确客户需求，撰写广告策划书；能根据策划书进行创意构思，绘制出设计草图；能进行一定的创意设计；能将艺术设计理论知识与软件技术相结合，具备项目执行能力、与人沟通能力及小组协作能力。
项目技术指导在项目执行过程中，教师承担着指导的责任，在设计项目方案时，教师要全盘考虑项目中的一些技术问题，对学生可能遇到的知识和技能问题做到心中有数，以使项目能够顺利进行。
1.网页设计流程。按照一定的设计流程策划、设计、制作网站可以减少失误，确保项目的正确进行。因此，要了解项目的制作步骤及网页的设计流程：（1）市场调研，收集资料；（2）网站策划；（3）网页详细设计；（4）网页制作；（5）验收作品。
2.市场调研。在调研之前首先要确定调查报告内容，对问题进行分析、排除、锁定。这样在与客户沟通时可避免问题模糊、范围过大。资料收集要翔实、丰富，包括该企业的介绍、楼盘信息、图片等一切相关信息。
3.网站策划。网站策划是网站设计的关键步骤，只有真正策划好了，才有可能成为让客户或用户满意的网站。在本项目中，网站策划是了解客户需求、进行信息收集与分析、对网页设计等方面的问题进行整体规划并提供解决方案、撰写“需求分析报告”的过程。在这个过程中最为重要的是需求分析，就是了解、分析、明确用户需求，利用创意草图，对网页进行合理科学的规划，即对网页定位、受众群体、网站色调、网站页面总体风格、各种页面特殊效果及其数量进行确定。
4.网页详细设计方案。在需求分析的基础上，要进一步针对内容建设、网站布局、网站结构方面设计具体的方案。需要画出网站结构图，其中包括网站栏目、结构层次、连接内容、首页中的功能按钮、内容要点、友情链接等，都要体现出来，要切题并突出重点。设计方案要充分展示房地产网页设计的特点，网站形象要庄重平和，信息量要全面、细致，具有人性化特点。网页结构应层次清晰、创意新颖、颜色搭配合理、网页页面设计符合审美要求，网页功能要融入设计方案中，网页的内容与表现形式要统一，要对内容进行合理的分析、加工，按类别分类，栏目设置要一目了然。（1）首页设计。首页设计包括创意设计、结构设计、色彩调配和布局设计。在进行首页设计时，标题要有概括性，要用标题性的文字使访问者快速了解网站所能提供的信息，可将具体内容放到子页里完成；要符合设计时的主题和风格；文字与背景要合理搭配；整个页面色彩选择要统一。（2）网页版式设计。在网页设计中，网页的版式设计以及色彩搭配是很重要的，字体的设计和图片的放置都要考虑整个页面的排版，要合理地运用空间，使网页疏密有致，井井有条，留下必要的空白，使浏览者感觉轻松，没有压抑感，但也要注意不能只追求版面效果而忽视功能方面的问题。（3）网页背景。网页背景设计不好会影响访问者对整个网站的印象，选用的背景应该与整套页面的色调相协调。不同的颜色会给人不同的视觉心理感受，要合理运用色彩，造成良好的视觉效果。使用图片做背景时，要考虑大尺寸给传输速度带来的影响。
5.网页制作。网页制作是通过应用Photoshop、Illustrator等平面设计软件的各种技术实现网页策划所要求的效果的过程。在制作时既要结合平面设计的基本知识，也要遵循网页设计独特的设计要求与原则。（1）网页图标设计。图标是具有明确指代含义的具有标识性质的图形，不仅是一种图形，更是一种标识，具有高度浓缩并快捷传达信息、便于记忆的特性，应用范围很广，例如各种交通标志、学校的校徽、商品的商标等。图标也是网页中重要的设计元素，应根据不同的应用有所区分，既可以用来标识一个栏目，也可以作为链接元素实现网页间的跳转。精美的网页设计图标往往能起到画龙点睛的作用，从而提升软件的视觉效果。网页常用的图标有“导航图标”、“按钮”、“标志”等。图标设计要简单、直观、可识别性强；要能准确表达相应的操作；按钮的设计采用图标和文字可以提高图标的可用性；为吸引用户眼球，颜色应简洁；使用矢量格式可以让图标随意放大缩小；在导航栏上或网页的某些地方使用合适的图标，不仅可以美化网站，还可以引领用户浏览网页。一般制作流程是先做出基本的外形，再进行上色修饰，最后增加一些光影使其具有立体感。（2）导航栏设计。导航栏是网页中用来装饰和展示网页的，是非常重要的组成部分，功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循“导航数量适当”、“导航提示明确、清晰、醒目”等原则。（3）网页色彩设计。网页的色彩是网页最重要的部分，是给访问者登录页面时的第一印象，好的页面色彩能给人带来很强的视觉冲击力，可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计，网站最后的视觉效果可能与客户期望不匹配。因此，设计时需要先了解网站的定位、网页的风格，学习有关的色彩知识，在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内，一般而言，网页的背景色应该柔和一些、素雅一些，如配上深色的文字，会使人看起来自然、舒畅，文字的颜色在不同底色的衬托下，会给人不同的视觉效果，设计时应综合考虑多方面的因素，设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识，教师可以给学生提供一些资料，让学生通过自主学习掌握这些知识，提高学生的自学能力。
关键词：网站设计；3.5；母板；主题；CSS
中图分类号：TP391 文献标识码：A文章编号：1007-9599 (2011) 10-0000-01
Applied Technology of Motherboard and Topics in Web Design
Ma Zhangqin1,2,Li Ya2
(1.Ocean University of China,Qingdao266100,China;2.Shandong Foreign Languages Vocational College,Rizhao276826,China)
Abstract:The layout of the web interface is a measure of a website design is one important indicator of good or bad.unified,simple interface to make visitors feel not only the visual comfort,but also help designers to modify and maintain websites.Web site design techniques are commonly used in motherboards,themes,and CSS+DIV.In this paper,examples of these types of technologies.
Keywords:Website design; 3.5;Motherboard;Topics;CSS
一个网站能否给访问者统一的感觉，特别是统一的布局和一致的外观，其中关键的是页首即整个站点的公共标题和菜单系统是否统一，页面左侧是否提供一些页面导航选项，页脚是否提供统一的版权信息和联系站点管理员等二级菜单。母版（Master）页面和内容（Content）页面系统以实现网站一致性的要求。使用母版页实现整个网站的布局和导航功能，其他的页面只需要引用该母版页就可以使用母版所提供的所有功能。通过修改一次母版页面即可使应用母版的页面全部更新，同时通过主题的应用也可以使得母版和页面具有一致的外观。
一、母板的应用
通常网站在应用程序的大多数页面都有一些共有元素，如果在每个页面上重复这些内容需要很大的工作量，如果要对其中的一些内容进行修改，就不得不对每一个页面都进行改动，为了解决这一问题，使用母版可以解决这一难题，并且可以很大程度地提高我们的开发和维护系统的效率。母版页与普通的 Web页面一样，可以包含任何HTML、WEB控件甚至代码的组合。Master Page提供了一个母板文件（*.master），这一母版可以被程序中的任何一个页面使用，除了能显示页面上的共有元素，还包括一个或多个Content Place Holder内容占位符控件，使用该母板的页面文件（*.aspx），可以在内容占位符区域中显示每个页面的具体信息。通过控制占位符控件在母版中的不同位置，可以在细节上控制最终页的布局。
母版页提供一个初始的对象模型，使用该对象模型可以分别对各个内容页自定义母版页。在实际创建网站中，一个母版可以被多个内容页绑定。母版页呈现的是共性化的内容，而内容页侧重的是个性化的内容，将Content控件的内容合并到相应的Content Place Holder控件中。在控件应用方面，母版页和内容页有着严格对应关系，母版页中包含多少个Content Place Holder控件，内容页中也必须与母版页中设置的相同数目的Content控件，而且Content控件的属性Content Place Holder的设置必须与母版页中设置的相互对应。在网页运行时，首先读取@page指令，如果应用了母版页，首先对内容页和母版页进行编译，母版页合并到内容页对应的控件树中，同时各个Content控件的内容合并到母版页对应的Content Place Holder控件中。
母版页关键核心代码：
山东外国语职业学院
二、主题的应用
主题可应用与任何站点，允许定义和重用所有的控件属性，影响站点中每一个网页和控件的外观，主题提供了一种设置页面界面的简易方式，它可以独立于应用程序的页位站点中的控件和页定义样式设置，通过更改主题即可轻松地维护对站点的样式更改，而无需对站点中的每个页面进行更改。主题存放在一个位置，把所有与页面外观有关的控制文件和资源文件放在主题目录下，页面通过更改主题，则主题目录下所有的外观文件、级联样式表文件、脚本文件、资源文件、图像文件、声音文件等就会自动切换。
可以通过设置独立于主题的应用程序，实现代码和界面的分离，一个站点内可以创建多套主题，并且可以在网站运行的时候动态的切换网站主题，从而可以很方便的实现网站外观主题间的更换。
三、CSS规则的应用
CSS规则允许对特定的格式化细节如字体、边框、背景色、宽度、高度等进行设置，但是不能对服务器控件的一些特定行为，如控件的折行等等进行设置。
CSS由浏览器实现，并且只能直接作用与HTML的样式特性，而主题基于控件而不是HTML，主题允许定义和重用几乎所有的控件属性，可以弥补CSS应用的不足，而样式表又可以作为主题应用的一部分，两者互为补充。
当然，网站界面外观的设置需要技巧更需要具有艺术设计功底，同时也需要网站制作人员具备一定的经验，特别是在版面的风格统一方面需要我们综合应用3.5给我们提供的一些工具，借助母版、主题等技术，将起到事半功倍的效果，同时我们也可以借助Flash、Photoshop等软件制作工具对界面所使用的图像、文字等进行艺术加工，让页面更生动、形象，同时根据企业网站的工作需求顺应网民的工作习惯。
参考文献：
[1]郑阿奇3.5使用教程[M].电子工业出版社
[2]龙马创新骄傲与研究室策划,国家863中部软件孵化器从入门到精通[M].人民邮电出版社
（一）垂直门户网站的定义
Cyber Dialogue杂志副总裁、《网络现状》一书的作者Peter Clemente如此解释：“垂直门户”是相对Yahoo这样的传统门户网站而言的，Yahoo链接的内容广泛而全面，覆盖各行各业，“垂直门户”则专注于某一领域（或地域）如IT、娱乐、体育，力求成为关心某一领域（或地域）内容的人上网的第一站。
（二）垂直门户网站的特色
垂直门户受追捧并非偶然。一方面，垂直门户站点符合社会分工的原理；另一方面，垂直门户概念也正好符合资本的概念――赢利为王。
1.专业而独特的产品和服务。垂直网站的特色就是对相关领域的专一和细分，并不追求大而全。出发点是要在用户所关心的某一点上按照需求编制一条服务链，做好一条龙服务。
2.精确的受众基础。垂直网站的受众基本上都是该行业的消费者或者潜在消费者，他们代表了比综合门户高很多的平均购买力，由此产生了比综合门户更为理想的盈利基础，常常能以比综合门户少得多的访问量换来更多的广告。
（三）垂直门户的发展概况
第一阶段(1998年前后)，兴起和探索的时期。
第二阶段(2000～2001年)，数量增长和市场细分的时期。我国在2000～2001年迎来了行业垂直电子商务的投资高峰。亿房网即是在这个时期介入市场。
第三阶段（2001～2003年），互联网发展的低谷时期。很大一部分网站在寒冬中“死去”。
第四阶段(2003年至今)，整合和重新定位的时期。到现在为止，全国大大小小共有1000多个行业类垂直网站，大批行业垂直网站上市，国外垂直网站巨头也纷纷以不同方式进入中国市场。
房地产垂直门户网站区域化经营
（一）房地产行业垂直门户网站的逻辑。与传统的综合门户网站相比，行业垂直门户网站更专注于某一业务领域。地产、汽车、医疗、化工等规模大、发展快的行业，为该行业垂直网站的发展提供了较大的发展空间。作为最适合垂直发展的类型之一，房地产垂直门户网站是典型代表。
（二）房地产垂直门户网站区域化经营的逻辑。房地产是一种特殊的商品和产品，它独特的区位性决定了房地产垂直门户网站必须走区域经营的道路。目前，我国房地产网站除了少数几个资金雄厚、技术领先的主流网站，大部分由地域性的媒体或者企业开办，而且相对集中在经济较为发达的城市或者地区，在一个相对独立的经济区域内形成，依托于所在区域的都市核心城市，并且发挥着其对周边的辐射作用。房地产网站在发展的过程中，呈现出一种区域化的趋势。
亿房网经营之道
亿房网（省略）成立于2000年，属于武汉本土房地产门户网站，经过8年的发展，亿房网日访问量高达20多万，注册网友超30万，全球网站排名前1万名，在全国专业性网站里面排名位居前20名。
（一）线上vs线下。网站发展主要依托的是线上资源，这是一个网站的根基，但同时线下资源的聚合也是相当重要的，亿房网强调打通线上线下，以此来增强网民粘性和忠诚度，挖掘增量人群，拓展增值业务。这是亿房网提高竞争力、领先其他本土网站的最关键一步。
（二）优势vs发展。亿房网之所以能成为武汉本土房地产门户网站，跟它自身的优势--庞大的用户群体及流量、火爆的BBS、精准的用户数据库、稳固的业界地位、权威信息的是分不开的，但是保持与时俱进的创新机制则更为重要，这意味着优势的再强化。
（三）自媒vs他媒。亿房网本身就是媒体，肩负着传播的职能，但同时也在运用其他的媒体展开合作或者宣传，以便从多渠道提升形象。
（四）本土vs全国。区域性网站的软肋在于全国资源的缺失，而全国性网站的致命缺陷在于其服务的深度不够。亿房网在这一点上有很好的平衡，既保持了本土化的优势，又兼顾了全国资源的整合。
（五）广告vs增值。在现阶段，亿房网仍是以广告业务为主要赢利模式，但在不断探索新的增长点，在网站制作、活动策划组织、市场研究、中介业务、商业地产信息收费、展会、市场咨询等领域已经有所动作。
结语
艺术生个人简历模板(一)
姓 名：xuexila
目前所在： 番禺区
年
龄： 21
户口所在： 河源
国
籍： 中国
婚姻状况： 未婚
民
族： 汉族
身
高： 160 cm
体
重： 41 kg
我的特长：
求职意向
人才类型： 应届毕业生
应聘职位： 兼职教师：
工作年限： 3
职
称： 中级
求职类型： 兼职
可到职日期： 一个月
月薪要求： 1500--XX
希望工作地区： 广州
工作经历
珠江琴行
起止年月：XX-04 ～ XX-12
公司性质：
所属行业：
担任职位：
工作描述：
离职原因：
志愿者经历
教育背景
毕业院校： 广州科技贸易职业学院
最高学历： 大专
获得学位:
毕业日期： XX-06
专 业 一： 音乐表演
专 业 二：
起始年月 终止年月 学校(机构) 所学专业 获得证书 证书编号
语言能力
外语： 英语 一般
粤语水平： 良好
其它外语能力：
国语水平： 优秀
工作能力及其他专长
平时在琴行兼职陪练员，钢琴老师。专长是钢琴于声乐。
艺术生个人简历模板(二)
李拉拉
三年以上工作经验 | 女 | 27岁(1983年8月1日)
居住地：北京
电 话：139XXXXXXXX(手机)
E-mail：xuexila.com
最近工作 [2 年8个月]
公 司： 中央音乐学院继续教育学院
行 业： 学术/科研
职 位：院校教务管理人员 最高学历
学 历：硕士
专 业：音乐，舞蹈，作曲
学 校： 中央音乐学院
自我评价
我是一个热情大方，自信并对理想有着执着追求的人。在校期间曾担任校、系、学生会各种职务，并担任学校学生处勤工助学岗职务，进行学校网站建设。经过有意识的锻炼，使自身的组织策划能力、团队协调能力以及自身的修养有很大提高。
求职意向
到岗时间： 待定
工作性质： 全/兼职
希望行业： 学术/科研，教育/培训，影视/媒体/艺术
目标地点： 北京，香港
期望月薪： 面议/月
目标职能： 公关/媒介，市场/营销，影视/媒体，写作/出版/印刷，教师
工作经验
2008 /3--至今：中央音乐学院继续教育学院(少于50人)[ 2 年8个月]
所属行业：学术/科研
对外合作部 院校教务管理人员
对外合作部中的项目主管、教材编撰责任编辑、钢琴培训部门成员。
2007 /3--2008 /1：北京XX文化艺术[ 10个月]
所属行业：影视/媒体/艺术
音乐教育部 责任编辑
负责部门内部的网站设计、网络课件开发;教育产品开发;教辅图书出版;部门内部产品营销策略制定。
2006 /2--2006 /7：北京XX歌舞剧学院[ 5个月]
所属行业：教育/培训
中西方音乐史教研组 老师/中国音乐史、艺术概论
教授中国音乐史及艺术概论大课，有70人左右。
2003 /11--2005 /10：中央音乐学院[1 年11个月]
所属行业：互联网/电子商务
学生处 网络架构、编辑、维护
网站建设/维护(勤工助学岗)
与同班另一同学构成网站制作二人组。为学生处建设了学生会网站、团委网站、及就业中心网站，后期主要负责维护。
2003 /5--2003 /9：韩国XX Media公司[4个月]
所属行业：影视/媒体/艺术
音乐部门 兼职卡拉OK点唱机伴奏音乐制作师
MIDI音乐制作。
教育经历
2008 /9--至今 中央音乐学院 音乐，舞蹈，作曲 硕士
2001 /9--2006 /7 中央音乐学院 音乐，舞蹈，作曲 本科
音乐理论、创作、表演技能等综合学科。
社会经验
2008 /5--2008 /7 全国钢琴等级认证培训
项目描述： 主持培训课程，全程跟班。
责任描述： 策划、执行、班主任、资产分析报告均需要我这个项目主管整合资源。并且上报给部门经理审批。
2008 /3--2008 /7 全国音乐教师等级认证教材编辑部
项目描述： 将钢琴、二胡、古筝、小提琴的全国音乐教师等级认证的教材编撰成册。
责任描述： 责任编辑
2007 /9--2007 /12 教学光盘转化为网络资源
项目描述： 在XX艺术公司，主持网络资源上传项目。并且衍生出来网络直播教学系统。
责任描述： 负责音乐教育部门的资源整合。配合网络部进行全公司相关资源的统一管理。
2005 /9--2007 /7 钢琴音乐课件制作
软件环境： 音乐学系工作室
硬件环境： 音乐学系工作室
项目描述： 负责导师的钢琴音乐课件制作，申报了国家重点科研项目。限期两年内完成。拨款2万元。
责任描述： 负责课件中电脑部分程序操作，音像处理等。
语言能力
英语(精通) 听说(一般)，读写(一般)
艺术生个人简历模板(三)
个人基本简历
姓名：xuexila
国籍：中国
目前所在地：广州
民族：汉族
户口所在地：湛江
身材：157 cm 50 kg
婚姻状况：未婚年龄：24 岁
培训认证： 诚信徽章：
求职意向及工作经历
人才类型：普通求职
应聘职位：文秘/文员:文员 客户服务类 酒店/旅游后勤类
工作年限：1
职称：无职称
求职类型：全职
可到职-随时
月薪要求：1000--1500
希望工作地区：广州
个人工作经历：公司名称：新锐文化起止年月：XX-09 ～ XX-02
公司性质：其它所属行业：文化，艺术
担任职务：
工作描述：
离职原因：
教育背景
毕业院校：嘉应学院
最高学历：本科
获得学位: 学士
毕业-XX-07-01
所学专业一：音乐学
所学专业二：
受教育培训经历：起始年月终止年月学校(机构)专 业获得证书证书编号
XX-09XX-06广东嘉应学院音乐学学士
语言能力
外语：英语 一般
国语水平：精通粤语水平：良好
工作能力及其他专长
适应能力强，能快速接受新事物，善于处理人际关系。
XX年获广东省普通话水平测试贰级乙等等级证书
XX年获全国非计算机专业计算机一级证书，熟练掌握WINDOWS、 OFFICE等办公软件、课件制作等操作。
详细个人自传
大学四年造就了极强的责任心,具有较强的适应能力、应变能力、交际能力及组织能力,有良好的团队精神, 能在集体中发挥带头作用有良好的社交,喜欢接受任何新鲜事物和有挑战的事,诚实守信,积极进取,吃苦耐劳,良好的心理素质,乐观向上的生活态度.较多特长及兴趣爱好.但仍有许多不足之处需要改善。
看过“艺术生个人简历模板”的人还看了： 1.个人艺术简历怎么写
2.艺术生个人简历范文
3.艺术生求职简历模板
