以就业为导向的中职网页设计与制作教学法设计
摘 要：随着社会的发展，电子商务越来越被人们所接受，而网站网页设计是电子商务的主要表现形式，因此适应社会需要对学会网站与网页的设计很有必要。以就业为导向进行中职《网页设计》课程教学的实践，旨在强化学生技能训练，提高实践工作能力。在中职教育教学过程中，不但要让学生掌握技能，更要以就业为导向，着眼长远，为学生的未来做好规划。
关键词：就业导向;中职;网页设计;制作教学法设计;企业
一、理论与实践相结合
长期以来，中国的教育一直处于理论与实践脱轨的状态，中国学生的理论知识掌握相对其他国家的学生要扎实许多，但是动手实践能力却弱于其他国家的学生。中国学生的创新能力在应试教育模式下也得不到施展发挥。而中国的中职教育正是在转变传统的应试教育，更注重学生的实践能力的开发。在计算机教学中，教师应该首先提高自己的专业素质，在讲授理论课程时，多与现实需要相联系，不要枯燥地把理论“填鸭式”地灌输给学生，在学习理论时要多注意学生课堂表现，尽量避免学生产生困倦感，甚至是厌倦感，要运用先进的教学方法，探索全新的教学模式，提高学生的学习兴趣。学生应该从无目的地使用计算机，到有目的地运用计算机，再到独具匠心地创造计算机软件，这才是计算机教学要达到的目标和目的。计算机人才是国家未来建设必需的人才，而中职教育正是能够为国家快速、大量供应计算机人才的基底。在中职教育中，一方面学校要加强学生的理论学习，但是绝对不能是“先学后懂”式的理论教育;另一方面，学校要为学生提供更多实践的时间和机会，使学生边学边懂，学完就懂，成为理论与实践相结合型的现代计算机人才。
二、以就业为导向紧跟企业需求
中国经济正处于稳增长、调结构的关键转型期，对专业人才的需求量依然比较多，中职学生的就业前景依然是光明的。现代企业在招聘过程中常常遇到毕业生理论与实际脱轨的状况。毕业生的学历很高，但是动手能力却相对欠缺。高学历的毕业生在企业中也只是一个实习生，这样的现实使企业人力资源部门也十分困扰。企业不是不需要高学历的人才，但是在学历与实践之间，实践能力强的学生更受企业的欢迎。中职学生应该一边将专业理论知识的基础建牢固，一边在学习期间多寻找兼职的机会，在实践中积累经验，向有经验的前辈学习更多书本以外的知识，其中也包括人际交往能力、组织能力、领导能力等等。在企业工作中，学生不仅要有坚实的技术支持，良好的人际关系也会促进工作的顺利完成。鉴于当下的就业竞争压力，中职院校必须以就业为导向，为学生规划长远的就业目标，跟上时代的脚步，不能再墨守成规。例如，使用“Dreamweaver软件”制作网页，在“规划站点结构”的学习中，在创建Web站点页面之前，要对站点的结构进行设计和规划，决定要创建多少页，每页上要显示什么。我们可以通过把文件分门别类地放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。此外，学校应该加强与企业之间的交流，根据企业的实际需求制定切实可行的计算机网页设计课程。学校和教师绝对不能闭门造车，关起门来教学既是对学校发展的限制，也是对学生发展的不负责任。学校与企业之间建立长效、高效的交流机制，将使企业和学校获得双赢的效果。
三、以就业为导向加强实践能力
中职教育是现代教育体系中一个重要的补充，优质的中职教育将解决一批年轻人的就业困难，也为国家和企业提供亟需的技术型人才提供了保证。但是传统的中职教育往往与实践有一定的距离。针对中职院校的教学弱点，学校应该建立起以就业为导向的中职教学方式、方法。例如，“Dreamweaver软件”中“文件与文件夹的管理”的学习中，对建立的文件和文件夹，可以进行移动、复制、粘贴、重命名和删除等基本的操作管理，使学生在运用这些知识的时候能够更准确、熟练。在相对短的时间里，既能让学生有比较扎实的理论支撑，并且有相对熟练的实践能力，在进入工作岗位时，能迅速投入到工作中，又能能把工作做好。在就业问题上，学生依然是参与的主体，学生本身应该对就业有一个正确的认识，不要好高骛远，急于求成。在工作中应该从基础开始，循序渐进，才能取得成功。
在网页设计教学过程中向学生介绍新的网页理论知识如PHP、ASP动态设计技术，重点通过各种网站种类来学习设计思路比如学习个性展示类网站、影视音乐类网站、企业产品类网站。
随着社会需求的变化，对学校和学生的要求也在发生变化。作为社会教育的一种补充，中职教育在社会发展中的作用也越来越明显，但是在复杂形势下中职教育也存在各种各样的问题。学校教育与社会需求脱轨便是最突出的问题。中职教育不应该是以不变应万变的陈规式教学模式，而是应该以就业为导向，以企业对人才的需求作为教育的指示，积极与企业沟通合作，把握住市场对人才需求的脉络，让中职教育真正成为社会人才补充的中坚力量。
参考文献：
[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[J].南昌大学，2012(6).
[2]卢德清.以就业为导向的中职网页设计与制作教学法设计[J].时代教育：教育教学，2011(4).
[3]张亚德，任焕茹.保定职业技术学院成为省示范性就业指导中心[N].保定日报，2011.
(作者单位 广东省恩平市中等职业技术学校)
编辑 马燕萍
作者：李锋劲
摘 要：若要实现好的教学效果，必然要采用有效的教学方法。《网页制作》是一门理论性、综合性和实践性都很强课程，为了取得良好的教学效果，也让学生理解好、掌握好网页制作的基本知识和技能，文章从分析教材、教学对象、设计思路、教学目标和教学过程等方面来阐述这门课程教学设计思路。
关键词：网页制作;教学设计
随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。
1 教材分析与教学对象分析
1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力;教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。
1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望;教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得;教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。
2 《网页制作》课程教学设计的思路
从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体——一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。
课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好;将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果;教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。
3 教学目标的设定
3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法;掌握新建网站的方法、网页的编辑技术和文档的保存方法;掌握操作表格、单元格、框架、层的辅助定位工具的方法;掌握插入和编辑网页超链接的技术;掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法;掌握利用Fireworks设计处理文字的方法;掌握利用Fireworks制作网页中所需的线条及边框;掌握用工具绘制图形的方法;掌握基本动画和引导动画的制作。
3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页;能在网页中熟练地插入文字、图片、动画等;能通过使用简单的表格编排出结构清晰、内容整齐的网页内容;能恰当地选择适当的网页背景图案和背景音乐;能插入简单的表单，使网页具有初步的动态功能。
3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神;培养学生的社会责任感和工作效率观念;培养学生的审美情趣和审美能力;通过课堂中出现的网页，渗透爱党爱校教育;在合作学习过程中培养乐于助人、团结协作的精神。
4 教学重点、难点的设定
教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。
5 设计教学过程
5.1 引例以导入新课。(1)推荐给学生优秀网站做范例。1)清华大学网页布局——“国字型”并分析其网页元素;2)万州一家企业网页布局——“三字型”并简析其网页元素;3)重庆市机关党建网页和环球厨卫网页布局———“T字型”并简析其网页元素。(2)组织学生讨论网页的内容和风格，分析网页框架和布局。
5.2 课程主要内容的学习。(1)以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽(“国”字型)，在分别分析网页元素——文本、图像、表格等。(2)分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。(3)组织小组之间进行网页制作互评;(4)设计网页版面设计评估表。
5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。
6 设计考核方式
网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准;按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。
7 结束语
网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。
参考文献：
[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.
[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.
[3]贾勤.网页设计三合一能力教程[M].北京：中国铁道出版社，2006：54.
作者单位：辽宁省大连市旅顺广播电视大学，辽宁大连 116041
作者：王晓晴
【摘要】相同的课程采用不同的教学方法，会有截然不同的教学效果。针对《网页制作》这门课程综合性、理论性和实践性非常强的特点，为了让学生更好的理解和掌握网页制作的知识和技能，从而取得良好的教学效果，文章从教材分析、教学对象分析、设计思路、教学目标、教学重难点以及教学过程和评价阐述这门课程教学设计思路。
【关键词】网页制作 任务驱动 小组分工合作
《Dreamweaver MX2004中文版网页制作基础》是中等职业技术学校计算机网络方面的一门主干专业课程，它的操作性与实践性特别强，深受学生欢迎。为了更好的让学生掌握网页制作的精髓，教师应该经常关注且精心设计课程教学方案，笔者结合“重庆幼专招生信息查询”网页这个具体的实例，探讨这一问题。
一、教材分析
我校选用的教材是《Dreamweaver MX2004中文版网页制作基础》，它的最大特点是采用“任务驱动，案例教学”的形式，充分考虑了中等专业学校教师和学生的实际需要，通过具有趣味性的实例来讲解网页设计与制作方面的应用技巧和基本方法，使教师教起来方便，学生学起来实用。
在学习本课程之前，学生已初步掌握了英特网相关基础知识，计算机硬件组装与维护，数据库设计与应用，Office办公软件的应用，Photoshop图形图像处理，FLASH二维动画设计，3dmax三维动画设计等内容。因此，学生已经具备了收集、获取和编辑文本、图像信息的能力，我们应把重点放在网页信息表达能力方面(比如，在版面美化、文字内容的表达、图片的内涵)，加强学生的信息意识，提高处理信息的能力;本书第四章中以“我的个人主页”为案例设计给同学们丰富的想象空间，迎合了学生善于展现自我的特性，促使他们主动、创造地学;网页设计效果的评价能使学生了解内容编排的原则，页面布局的种类，色彩的搭配，内容和形式的统一等，提高他们的艺术修养和审美情趣。
在教材内容的编排上，抓住了预备知识——环境的设置——网页元素(如文本、图像、表格、表单)——框架——CSS样式——模板和库——代码设计——网页的发布与维护这条主线，以贴近生活的项目实例，使学生从总体上把握了网站的设计开发。
二、教学对象分析
本课程教授对象是中等专业学生，他们对操作实践性较强的课程学习积极性明显高于纯理论知识的学习，特别是《网页制作》这门课程，在当今时代，它与我们的生活息息相关，再加上它的界面融合了文本、图片、动画、音视频等一体，使学生产生极大的兴趣，激化学生对网页实现原理和方法的欲望;在学生已掌握办公文字处理、图形图像处理、动画制作的基础之上，教师在教学过程中要注意引导学生将所学知识应用到网页制作，同时也达到巩固旧知识的目的;教师要实时监控学生分组协作学习情况，鼓励多交流，并总结心得与体会，使协作学习真正走向成熟。
三、设计思想
制作“重庆幼专招生信息查询”网页，带有一定的综合性，它真实再现网站设计理念。因此应将项目任务分解，采用小组之间相互协作学习方式是非常必要的。根据网站建设项目的特点，将项目任务分成网站总体规划设计、网站运行环境的配置、网页版面的布局、图形图像的处理、文字内容撰写等，每个小组就是一个完整的开发设计团队，由5-6人组成，每小组成员在组长的统一指挥下，完成相应网页元素的加工处理，这样可以充分调动每个同学的积极性，发挥每个同学的特长，培养每个同学的团队意识，达到取长补短、相互促进，共同完成并组合成一个“重庆幼专招生信息查询”网页。最后，各小组作品实现互评，并指出各自的优缺点。
四、教学学习目标
本单元的认知、情感和动作技能三种目标分述如下：
认知目标：
(1)能熟练应用表格布局网页。
(2)能独立分析常见网页版面布局。
(3)能熟练应用文本插入、图片的编辑和表格的绘制。
(4)能客观评价网页的内容和风格，具备一定的审美能力。
情感目标：
(1)通过课堂中出现的网页，渗透爱党爱校教育。
(2)具有乐于助人、团结协作的精神。
技能目标：
(1)能模仿网页进行实际网页的制作。
(2)能在网页中熟练地插入文字、图片、动画、水平线。
(3)能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐。
(4)能选择合适的网页背景图案和背景音乐。
(5)能够插入简单的表单，使网页具有初步的动态交互功能。
五、教学重点
掌握网页布局，表格的制作与编辑方法、表格的嵌套和属性的设置;熟悉网页的各种元素。
六、教学难点
分析网页布局、色彩搭配。
七、教学过程
本单元的教学共需2课时，教学安排如下表：
“重庆幼专招生信息查询”网页
八、教学评价
本节课的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。
结语：在此二节课的教学中， 利用多媒体中实例网页，备好教学课件和教学素材，围绕实例，使学生掌握网页的布局，表格的制作与编辑方法、表格的嵌套和属性的设置;熟悉网页的各种元素等。通过实践操作课程环节，加强技能培训，让学生学会举一反三，融会贯通，提高综合运用能力，增进学校与社会的密切联系，培养学生的社会责任感。同时通过实例网页在课堂教学中渗透学生爱党爱校的情感教育。此二节课提高了学生的专业技能水平，让学生真正地学有所得，学有所用，顺利地完成了教学目标，取得了良好的教学效果。
参考文献：
[1]田博文主编，Dreamweaver MX 2004中文版网页制作基础，人民邮电出版社，2006
[2]刘启珍，杨黎明 主编，学与教的心理学，华中科技大学出版社， 2012
[3]钟启泉总主编，祝智庭主编，信息教育展望，华东师范大学出版社， 2002
[4]张春晓主编， 网页制作与网站建设宝典，电子工业出版社， 2012
作者：黄俊操
一直以来，网站设计师似乎是第三类人，我们处于后台程序员和平面设计师之间，身为网站设计师，既要懂得一些平面设计，又要会一点程序设计，从现在的人材市场的招聘信息上也能看得很明白，很多公司的招聘都诸如：招网页设计师xx名，具备素质为精通 Photoshop，Corldraw,Frontpage,Dreamweaver,Firework,Flash.会 Css,Html,Asp,SQL者优先云云。。。。这更让很多希望投身网站设计职业的人们徘徊，要成为一个网站设计师，一定要能使用这么众多的超重量级工具吗?从Macromedia到Adobe，再到Microsoft，最好是连Sun公司，以及全球数据库开发企业的主打产品都吃通才够用，这种单纯以技术来衡量的方法，不过是招聘方单方面希望招聘的老黄牛而已，他当然
正因为如此之多的困扰，令网站设计人员处于一种混乱，迷茫的心理状态：我要不要继续做一个网站设计师?我到底应该掌握什么样的工具，掌握到何种程度?我怎样才能依靠这一职业取得高薪?等等。
随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级，使用起来愈加方便。打个比方：原来的网页全是如同文本编辑一样，图片的定位就相当困难，往往要求助于表格，很多时候就要表格加表格，表格里插表格，这就需要熟练的掌握表格的应用。而且还很难达到目标，有时不得不更改一些自己的目标。这有时是牵一发而动全身的。现在呢?在Dreamweaver和Frontpage2000出现后，采用了高级的Dhtml技术以层的形式和定位功能将这个问题轻松的解决了。所以作为一名好的设计师应该时时关注软件的新的发展，适应新的功能，以增加工作的效率(当然这就要求原来就要掌握必要的软件的使用知识，才能使自己能驾轻就熟的掌握新的升级后的软件的使用)，很多设计师却只重视网页的设计制作软件的使用，而忽视一些内部技术方面的知识。这也不行的，例如如果不掌握ASP技术网页设计师的知识是不完善的，就不能做一些好的交互以及查询等等系统，还有一些数据库以及本身的HTML、DHTML、 javascript和CSS的技术。只有这样才能做到知其然和知其所以然。如若不然就只是让人感到有一种缺陷，这种缺陷带给人的不是缺陷美，而是遗憾。
作为合格的网页设计师，一定的文化素质是不可少的，如文学修养，看到一个又一个写得优美而充满情调的文案了吗?同时你也看到了一些充斥着错别字和生硬的文字搭配的文章了吗?好的文案，不仅仅让人对你所做的网页回味无穷，也可是自己的网页平添几分艺术特色。具备这样的素质往往能从自己的网页上反映出来，能使受众体会到，如网页内容的好恶的选择，适当的遣词造句。相反，一个欠缺文学修养的设计师做的网页，人们能从他的网页上看到他的缺陷。当然文化素质不仅仅包括文学修养，还有音乐和绘画等方面的修养。只有具备一定的这些方面的修养，才能够使自己网页达到一定的水准，才能够使人欣赏到好的网页制作。
网页设计就业前景好吗?现在网络发展很迅速，学习网页设计还是蛮好的，而且现在公司这么多，一般都是需要建站、维护、优化的。学习一门能就业的好技术，就学网页设计专业。那么，网页设计专业的就业前景真的那么好么?我们应该怎样学习网页设计专业?
网页设计的就业前景
2012年网页设计就业前景是行业里面热门职位，是一个比较吃香的香饽饽。随着国内互联网的快速发展，网络经济引领的新经济时代的到来，是得网页设计的相关人才需求量急剧增大。中国网民的数量大量的增加。所以很多人通过互联网去宣传自己。在市场需求和人才缺口都很大的情况下，我们有理由相信网页设计的就业前景是十分好的。来八维广告艺术学院学习网页设计，轻轻松松找到高薪工作!
网页设计专业的特点
跟传统的计算机行业一样，网页设计专业也是一个活到老学到老的专业。网页设计用什么软件?是一个值得我们用一生去为之奋斗的专业。网页设计能够让你学会网页设计的一些设计技巧，但是如果想要成为网页设计高手的话，那需要在日常工作以及业余时间不断的学习和提高自己的能力和水平。这是一个很看重实践经验的专业。所以，结合这方面的特点，我们在学习网页设计专业的时候，一定要选择一个这样的，能给我们很多项目实践的学校来学习。
如果你真想学习的话，没有基础的话，建议你可以选择八维，让老师给你讲一些，学起来也没那么吃力了。八维重视实践，八维在实践经验，动手能力，和解决现实问题上的应变能力方面都是十分优秀的。选择大于努力，一次正确的选择大于辛勤的努力，相信自己，相信明天。
网页设计师、网页美工的区别
网页设计师：前台+后台 技能要求：CG美术基础学PhotoshopDreamWeaver+HTML语言Flash动画设计、ASP+PHP网页设计开发课程、SQL server+MYSQL数据库应用、网站实用技术、网站实训设计项目(前台)网站实训设计项目(后台) 网页设计师的美术基本功可能较强，是创造者。
作为一名网页设计师，首先要具备较强的审美能力和美工功底。假如你想成为一个优秀的网页设计师，那么你应该要有较强的审美能力和美工功底。假如没有，那么你一定想办法加强这两个方面的能力。假如确实没办法进步这两方面的能力，那么，你就很难成为一个好的网页设计师，可以考虑从事其它的职业，如下面的网站程序员。
网页设计就相称于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来(其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸)，所以平面设计的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，反映设计师超凡的审美能力。常常看到在一些网页里，基本几何形体错综复杂，色彩花里胡哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是得到了什么呢?美的享受?当然没有。当然并不是页面做得好看，具有美感的网页就一定让人感爱好，好的网页也要建立在有好的内容的基础上，如果什么内容都没有，也是不能吸惹人的。只是网页的界面设计应该仍是要以布局的美为尺度，有规律可循，这也是网页设计师的责任。
一般对于网页设计师都有职责要求，如下
1、精 通 各 种 网 页 及 美 术 方 面 的 应 用 软 件 ， 包 括 Photoshop ， Coreldraw ， Illustrator,Dreamweaver,Flash ， Fireworks 等
2、熟悉 Html、css 、JavaScript 、 、
3、有较强的平面设计感觉及良好的美术基础、审美能力和创意，色彩感强; 、有较强的平面设计感觉及良好的美术基础、审美能力和创意，色彩感强;
4、有良好的学习能力、沟通能力和领悟能力，能够承受较大的工作压力; 、有良好的学习能力、沟通能力和领悟能力，能够承受较大的工作压力;
5、有良好的团队合作意识，耐心、诚恳，有强烈的责任心和积极主动的工作态度; 有良好的团队合作意识，耐心、诚恳，有强烈的责任心和积极主动的工作态度;
网页美工可能只是软件的纯熟操纵者，更像是工匠。实在就似乎裁缝和服装设计师的区别。实在都是差未几的，一个勤奋的美工，只要多学，学看，多做，多问，那不久的将来，就会成为网页设计师。
网页美工需要会的内容：仅限前台(也就是我们打开一个网站肉眼所见部分)CG美术基础学PhotoshopDreamWeaver+HTML语言Flash动画设计网站实训设计项目(前台) 而对于网页美工的技能要求一般比较简单一些，如下：
1. 与顾问进行沟通 确定需强调内容，使其出现在网页明显位置
2. 网页的内容 浏览文档内容后，根据内容决定网页的形式
3. 确定网页的类型 构思页面排版、框架等
4. 选择网页主色调
5. 制作网页 在制作过程中与顾问沟通，如有些时候文字过多的需精简的问题
6. 确定网页之间的链接关系 无论是外网链接还是内网的链接，有效地链接使读者能快速准确的找到自己需要的内容
7. 网页的核查 主要检查页面的文字是否和文档统一，是否有遗漏或错误
8. 将制作出的页面、链接位置、地址、说明等一起交给技术部，网页上线
9. 网页上线后的核查工作 主要看上线后的图片、链接是否正确的显示，是否有失效链接 10.精通PhotoshopDreamweaverIllustrator等设计软件
从美工和设计的只能来看，明显美工的技术技能要求比较低，做的基本是比较杂，同样，在同样条件下，美工工资肯定比设计工资低!
一、单项选择题
1. Flash影片频率最大可以设置到()。
A.99B.100C.120D.150
2. HTML语法由两部分所组成，其中正确的是()。
A.标签和属性B.元素和属性C.标签和代码D.代码和属性
3. 网站分为不同的类型，具有各自的特点，那么百事可乐的网站是属于()类型的网站。
A.商业型B.个性化型C.清爽型D.传统型
4. 下面对矢量图和象素图描述正确的是()。
A.矢量图的基本组成单元是象素
B.象素图的基本组成单元是锚点和路径C.图形软件能够生成矢量图
D.在 photoshopCS3 中能够生成矢量图
5. 在Flash CS3中各菜单选项中主要用于对Flash动画进行播放、控制和测试等操作的是()。
A.【控制】菜单B.【文本】菜单C.【插入】菜单D.【修改】菜单
6. 下列选项中其功能与波纹滤镜相似的是()。
A.极坐标滤镜B.挤压滤镜C.波浪滤镜D.水波滤镜
7. 网站分为不同的类型，具有各自的特点，阿里巴巴网站是属于()类型的网站。
A.商业型B.个性化型C.清爽型D.传统型
8. 在Dream weaver CS3中下面文件类型不可以进行编辑的是()。
A.插入文件B.文本文件C.脚本文件D.样式文件
9. 帧频在Flash中用来衡量动画播放的速度，通常以()播放的帧数为单位。
A.每秒B.每分C.每小时D.第30秒
10. 当指定某个色阶作为阈值时，所有比阈值亮的像素转换为()。
A.白色B.黑色C.灰色D.都对
11. 一个图像最多可有 () 个通道。
A.56B.76C.80D.97
12. 下列说法是错误的是()。
A.活泼风格的网站以白色或明度较高的颜色为主色
B.同系色是指具有相近色名的颜色，如蓝、天蓝、水蓝、深蓝等
C.动画都是由一帧帧的动态图片在短时间内连续播放而形成的视觉效果
D.三原色分为两类，一类是色光三原色，另一类是颜料三原色
13. 在PhotoshopCS3中，如果删除选区是无效操作命令，其原因在于将背景图层转化为()。
A.空白图层B.一般图层C.新建图层D.合并图层
14. 默认的暂存盘是如何排列的()。
A.photo shop可创建任意多的暂存磁盘
B.暂存磁盘创建在启动磁盘上
C.暂存磁盘创建在任何第二个磁盘上D.没有暂存磁盘
15. 在FlashCS3中，在一个包含多个图层的图像中，当正在显示的图层内容不同时，在()中显示的内容也将不同。
A.“通道”面板B.“颜色”面板C.“文档”面板D.“图层”面板
16. 在FlashCS3中，新建的图层一般是在图层控制面板的()。
A.最下面B.中间C.最上面D.全并一起
17. ()滤镜主要用来将纹理添加到图像上，通常用于获得3D效果，还可用于创建美术或手绘外观。
A.模糊滤镜B.渲染滤镜C.“素描”滤镜D.纹理滤镜
18. 在Photoshop CS3中使用“解冻蒙版工具”的作用是()。
A.可以解除使用冻结工具所冻结的区域去除蒙版，使其还原为可编辑状态
B.可以查看未完全显示出来的图像C.可以冻结图像
D.在预览图像中单击或拖移即可放大图像
19. 在Photoshop CS3中在“颜色”下拉列表中“高级”的意思是()。
A.用来调节实例的红色、绿色、蓝色和透明度B.用来调节实例的透明度
C.用于调整实例的明暗对比度D.用相同的色相为实例着色
20. 下面()选择工具主要用于选择边界为直线、边界复杂的多边形的图案。
A.多边形工具B.磁性套索C.套索工具D.魔棒工具
21. 在建立模板的过程中，命名可编辑区域或锁定区域时能使用的符号有()。
A.单引号B.双引号C.尖括号D.顿号
22. 在Dreamweaver CS3中，还提供了多种上下文菜单，在窗口中某处()，即可显示上下文菜单。
A.右击B.左击C.双击D.都可以
23. 将一幅彩色图像的饱和度降为()，则图像成为灰色，增加饱和度实际就是增加图像的鲜艳程度。
A.0B.0.01C.1D.0.
524. “角度”的作用是控制动感模糊方向，而距离的作用是设置像素移动距离，其取值范围是()，值越大模糊效果就越明显。
A.1～999像素B.1～1000像素C.1～1200像素D.1～500像素
25. 在FlashCS3中，弹出当前文件的专用库，除了选择窗口库菜单项外，还可使用()快捷键。
A.Ctrl+ LB.Shif t+ LC.Ctrl+ AD.Shift+ A
二、多项选择题
26. IT网站是一个很大的类别，包括很多分支，下列属于主要分支的是()。
A.软件类B.硬件类C.IT综合类D.广告类
27. 图层的种类包括()。
A.背景图层B.普通图层C.调整图层D.效果图层
28. 下列说法中，正确的是()。
A.颜色通道是在打开新图像时自动创建的通道
B.专色通道主要是用于保存专色信息的通道
C.可使用段落文字以水平或垂直方式控制字符流的边界
D.色相最基本的代表色是红(R)、黄(Y)、绿(G)、青(B)、紫(P)五种
29. 框架集是 HTML 文件，包括()内容。
A.框架的数目B.框架大小C.框架位置D.框架的构造
30. 下列选项中表示正确的是()。
A.info(代表从事信息服务业的实体)
B.arts(代表从事个人活动的个体、发布个人信息)
C.firm(代表企业和公司)
D.Web(代表从事与Web相关业务的实体)
31. 下列关于库项目的说法正确的是()。
A.库项目可以看成是网页上能够被重复使用的“零件”
B.利用库项目同样可以实现对文档风格的维护
C.在不同文档中放入相同的库项目时，可以得到完全一致的效果
D.不可以将多个文档内容的组合定义成库项目
32. 下列选项中说法正确的是()。
A.JPG格式图像的色彩明亮、且色调简单，支持背景透明并且可以包含动态信息，通常用于制作Logo、Banner等
B.网页中使用文本通常是先输入标题文本，再输入相关文本信息，最后给文本添加相应的链接
C.在网页中用的音乐文件的格式为MID和MP3
D.动画是在网站建设过程中用到最多的多媒体文件
33. 十二色相环是由()组合而成。
A.原色B.二次色C.三次色D.四次色
34. 在Dream weaver CS3中表格的作用是有很多，下列选项中属于其作用的是()。
A.精确定位网页上文本B.排列图层C.排列数据D.布局网页
35. 公用库是Flash CS3自带的一个素材库，主要包括()3种。
A.学习交互B.按钮C.类D.帧频
36. 下列选项中说法正确的是()。
A.行为由事件和动作两部分组成
B.在行为面板中，通过指定一个动作并指定触发该动作的事件，可将行为添加到Web页面中
C.如果针对同一个事件列有多个动作，则会按在列表中出现的顺序执行这些动作
D.行为是为响应某一事件(Event)而采取一个动作(Action)的过程
37. Photoshop CS3的路径编辑工具有()2种形式。
A.路径选择工具B.间接选择工具C.线段选择工具D.直接选择工具
38. 下列选项中关于HTML语法的说法正确的是()。
A.在head标签中，只能有一个代表文件标题的title标签
B.属性要在开始标签中指定，用来表示该标签的性质和特性
C.HTML语法由标签(Tags)和属性(Attributes)所组成
D.在HTML文档中无法用多个回车、空格、Tab键来调整文档段落的格式
39. 在Photoshop CS3中，当用户在单击确定第二个锚点时，按住Shift键，即可绘制()的直线路径。
A.水平B.垂直C.45度角D.平行
40. 下列选项中说法正确的是()。
A.色相之间的关系不可以用色相环表示
B.任何色彩都有饱和度和透明度的属性
C.高明度给人明快优质感觉，低明度给人朴素、丰富、低沉感觉
D.一种纯度很高的色加入白色或黑色，纯度就会增加
三、判断题 (本大题共10小题，每小题1分，共10分)
41. 框架集是 HTML 文件，它定义一组框架的布局和属性，包括框架的数目、框架大小和位置以及在每个框架中初始显示的页面URL。()
42. 可以将CMYK的色彩模式直接用于网页出版。()
43. “素描”滤镜主要用来将纹理添加到图像上，通常用于获得3D效果，还可用于创建美术或手绘外观。()
44. 搜索引擎推广是指利用搜索引擎、分类目录等具有在线检索信息功能的网络工具进行网站推广的方法。()
45. 图层链接不能使不同图层中图形之间的相对位置固定。()
()
四、简答题
46. 对于房地产开发商来讲，创建一个成功的房地产网站要注意哪些方面?
47. 网页设计过程中的色彩搭配的原理是什么?
五、操作题
48.采用Dreanweaver CS3创建一个站点、创建web页，要求除主页外应有其它网页，网页内容健康、主题突出、风格鲜明、构思新颖、界面美观、层次清楚、色彩协调，具有一定的艺术性和趣味性。(题材不限，本题不提供素材。)
1、 网页中创建超级链接，使用书签，要求插入图片、声音、影像、动画等多媒体对象，在图片中设置超链接和热点。
2、 使用按钮和轮廓显屏，在页中自动插入时间和日期。
3、 创建表单，提交表单结果，使网页具有一定的交互性。
最终效果
这里是作品预览图. 点击此处预览全图.
新建PSD文件
1 开始创建文档(Ctrl+N); 高和宽均为1200 像素.
使背景图层可编辑
2 按照默认设置, Photoshop将会锁定背景图层因此你不能进行编辑.为了使它可编辑, 在图层面板双击背景图层 (如果图层面板未激活,按下F7触发). 另外一种方法, 你可以在背景层上击右键,选择 “背景图层”. 一旦双击之后, 将会弹出对话框默认如下显示). 输入你背景图层的名字按下确定; 之后我们可以自由的编辑背景层.
创建背景层
3 现在我们的背景层可以编辑了,双击图层缩略图增加渐变图层样式; 根据下图设置样式参数.
4 创建新图层(Ctrl+Shift+N) 命名为 “header background“. 选择矩形选区工具(M) 在画布顶端绘制矩形选区;选区大概150px高,宽度与画布相同.
5 使用任意颜色填充选区(Alt+Backspace)增加图层样式.
6 建立新层 (Ctrl+Shift+N) 标志为 “navigation background“. 重复4 – 5步, 只是这次的选区只有50px高, 宽度仍然与画布一致,并且一定要放置在上面选区的下方.
7 填充选区(Alt+Backspace),任意颜色均可,并且增加一对图层样式,(颜色渐变以及描边选项).
你看到的应该是这样.
创建顶部
8 建立新层 (Ctrl+Shift+N)标志位”header“,选择矩形选区工作,在菜单栏调整宽度为850px 高度为150px.
9 将选区置于画布中央, 确保选区的底部在”navigation background”图层的描边之上.
10 填充选区 (Alt+Backspace) 选择任意颜色, 然后增添以下样式.
增加顶部文字
11 使用横排文字工具添加网站的标题和口号. 设置参照下图.
效果看起来应该是这样的.
创建导航栏
12 创建新图层(Ctrl+Shift+N) 命名为 “navigation“.使用矩形选区工具(M),设置固定大小: 850px 宽 和 50px 高.
13 在顶部下面新建选区, 填充任意颜色.
14 现在,为你的 “navigation”层增加3种样式.
看起来应该是这样的.
15 使用横排文字工具(T) 在你的导航栏上面增加导航链接.
增添导航经过按钮
16选择圆角矩形工具(U) 设置半径为10px.
17 画出一个小矩形大小为80px x 50px.
18 使用矩形工具(M)在刚才圆角矩形的上半部分再画一个矩形. 填充同样的颜色.
19在图层面板右击选择新建的图层并且复制. 将新复制的图层180度旋转,编辑> 变换 > 旋转 180. 最后, 使用移动工具将两个新建的图形紧挨在一起并且处于同一水平线上.
o
20 使用矩形选区工具切除不想要的部分. 在新建的图层下半部份新建一个选区, 按下 Del键清除.
21 使用移动工具(V) 和方向键对齐两个图形, 确保它们不是直接重叠. 按照下图所示, Ctrl + 点击图层面板中的缩略图载入较小图形的选区.
22 切换到较大图层按下del键清除不想要的部分. 重复上述步骤,你将看到以下图形.
改变链接经过样式
23当你的链接经过按钮一旦完成你可以删除副本, 然后重命名为”nav hover“. 现在开始,为它增加一组图层样式.
24 将 “nav hover”层移至 navigation 文字图层下方. 将文字的颜色改为白色(#FFFFFF).
25 在你”nav hover” 按钮图层的下方, 新建一个图层(Ctrl+Shift+N) 命名为 “nav hover extra“.在本层上, 使用椭圆选区工具新建一个小圆,颜色设置为#A3002F.
26切除椭圆被导航栏挡住的下半部分,调整到合适位置之后再复制一份.
看起来应该是这样的.
创建内容区域
27 建立新图层(Ctrl + Shift + N) 命名为 “content area“. 使用矩形选区工具, 新建选区宽度为850px , 与我们平时的框框一样,高度可以根据你的内容增加.填充任意颜色并且调整样式.
28 拖移”content area(内容区域)”图层到”navigation(导航)” 层下方然后使用移动工具(V)调整内容区域,是它与导航栏相交的部分像凹凸不平的线.
创建搜索框
29 新建图层(Ctrl+Shift+N) 命名为 “search field“在导航区域的右边新建矩形选区.
30 选择 编辑 >填充(Shift+F5) 填充白色(#FFFFFF), 增加描边样式.
31 使用横排文字工作在搜索区域插入文字.
32 紧挨着搜索区域的地方,使用矩形选区工具(M)新建另外矩形.
33 填充任意颜色并且为图层加入渐变叠加和描边两种图层样式; 根据下面图片设置.
看起来应该是这样的.
创建特色区域
34 建立新层 (Ctrl+Shift+N)命名为”featured area“,使用圆角矩形工具新建矩形,圆角半径为10px.
35 使用多边形工具(L) 创建锐利的箭头指向左上部分. 为箭头填充同样的颜色.
36 现在为你的特色区域图层增加一对图层样式(渐变叠加和描边) .
填充特色区域内容
37 建立新层(Ctrl+Shift+N) 命名为 “featured border” 使用矩形选区工具(U), 在特色区域里面新建矩形.
38 按Ctrl键点击区域缩略图载入选区, 然后点击”旋转> 修改 > 收缩”. 收缩区域威10px, 然后按下OK.
39 载入你想要的图片 (我使用一些花的图片), 打开ps, 复制图片到你的剪切板(Ctrl + C). 确保我们上一步创建的选区仍然处于激活状态,点编辑 >粘贴入(Shift+Ctrl+V).图片就会粘贴到选区里面.
40 在图片右侧增加虚拟的标题和文字.
创建内容区域的三维绸带
41 使用和导航经过按钮类似的方法创建左边部分, 区别在于这次重叠区域更加长,并且是水平调整(如果需要请重新跳回阅读).
42 在绸带的结尾部分(右手边),使自定义形状工作(L)创建三角形 然后按下del键删除不需要部分. 最后, 增添图层样式和虚拟文字.
43 复制三维绸带,点击图层选择编辑 >变换> 水平翻转. 使用移动工具调整(V) 到右边; 他们将作为侧边栏的标题部分
44 在每个标题下面增加文字或者一两张图片.
创建页脚
45 再次创建鼠标经过按钮(或者, 你可以简单复制上面已经做过的).
46 根据下图颜色列表更改渐变样式.
47 合并并且旋转该层,通过 编辑> 变换 > 逆时针旋转90°. 移动到图层左边.
48 复制该图形通过编辑>变换>水平翻转. 移动到图层另外一边.
49 将两个图形合并到同一个层(Ctrl+E), 放大其中任一个图形 (Z) , 类似下图创建选区,选择编辑> 自由变形(Ctrl+T).
50 选择中间的锚点拖拉到画布的另外一边.
看起来应该类似这样.
51 最后,使用横向文字工具写入你页脚的信息.
《网页设计基础〉试题
一,单项选择题
1,目前在Internet上应用最为广泛的服务是 ( )
A.FTP服务 B.WWW服务 C. Telnet服务 D. Gopher服务
2,域名系统DNS的含义是 ( ).
A. Direct Network System B. Domain Name Service
C. Dynamic Network System D. Distributed Network Service
3,主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码.
A. center B. nbu C. edu D. cn
4,当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( ).
A. GB码 B. Unicode码 C. BIG5码 D. HZ码
5,当标记的TYPE属性值为( )时,代表一个可选多项的复选框.
A. TEXT B. PASSWORD C. RADIO D. CHECKBOX
6,为了标识一个HTML文件应该使用的HTML标记是 ( )
A.
B.
C.
D.
7,在客户端网页脚本语言中最为通用的是( )
A.javascript B.VB C.Perl D.ASP
8,在HTML中,标记的Size属性最大取值可以是( )
A.5 B.6 C.7 D.8
9,使用嵌入式方法引用样式单应该使用的引用标记是( ).
A.
<link />B.推荐阅读：
网页设计师前景分析（通用9篇）09-23
网页设计师学习课程05-31
网页设计师的薪资08-05
网页设计师工作经验02-17
网页设计师求职信06-17
网页设计师薪资（通用6篇）08-17
网页设计师招聘（通用9篇）09-21
网页设计师条件（精选9篇）12-08
网页制作与网页设计论文（精选3篇）04-13
网页设计论文提纲11-15
