生产现场环境改善方案:全国中小学信息技术创新与实践活动---主题网页制作竞赛介绍

全国中小学信息技术创新与实践活动---主题网页制作竞赛介绍

作者：hjh 文章来源：www.noc.net.cn 点击数：4735 更新时间：2008-5-8 8:51:10

一、设立主题网页制作竞赛的背景及意义       目前，作为在因特网上广泛流行的一种信息传播形式，网页（英文Homepage）已经逐渐成为人们传播及获取信息的一个极为重要的途径，网页制作技能的学习也已经成为当前中小学计算机教育中的一个重要教学内容。       我们知道，由于网页制作自身的特点，它对制作者两方面的能力都提出了很高的要求。第一，从内容上，网页制作要求制作者必须有自己的思想个性，具有一定的审美情趣，并具备对知识内容进行归纳、组织的能力；第二，从技术上，网页制作要求制作者具有较强的电脑操作能力，能够使用多种软件对文字、图形和声音等素材进行制作、处理，并最终制作成为网页。而这两点要求与NOC活动的宗旨——“鼓励广大中小学生积极探索、勇于创新、大胆实践，培养学生利用现代信息技术对信息进行收集、整理、加工、设计和创作的能力；培养学生研究性学习的能力；培养学生表达自己思想的能力；培养学生组织知识的逻辑性的能力；培养学生的审美能力”是完全吻合的。因此，自NOC活动从2002年创办以来，主题网页制作竞赛都是NOC活动中的一个固定竞赛项目。而且通过这四届的主题网页制作竞赛，我们不难看出它对弘扬NOC活动的宗旨所发挥的积极作用。另外，值得一提的是，NOC活动的主题网页制作竞赛和其他网页作品竞赛有一个很大的区别，它每年对参赛的网页作品都给出了一个主题，这也对参赛者解题能力，创新能力提出了更高的要求。 项目介绍        为了帮助各位老师搞好第六届NOC活动主题网页制作项目的准备工作，下面就向大家介绍一下第六届NOC活动主题网页竞赛的基本情况。一、竞赛宗旨       本届主题网页制作分中文网页制作和英文网页制作两个部分，其中英文部分与美国ORACLE教育基金会赞助的全球性的有奖中小学生主题网站设计制作大赛合作，本次竞赛鼓励学生组织跨学校、跨地区及跨国的合作与交流，培养学生的英语学习和应用能力，引导学生积极参与到国际竞争中并不断地提升自己的国际竞争力和竞争意识。竞赛的宗旨仍是反映学生开展研究性学习活动的成果，培养学生“搜集信息、整理信息和表达信息”的能力，重视网页表达的思想性和创新性，兼顾评价信息技术能力。通过本项制作竞赛活动，鼓励广大中小学生积极探索、勇于创新、大胆实践。二、第六届主题网页制作的三大特点       1.与美国ORACLE教育基金会赞助的全球性有奖中小学生主题网站设计制作大赛ThinkQuest(http://www.thinkquest.org,以下简称TQ）合作。       2.主题网页制作的语言可使用中文或英文       3.本届主题网页制作以团队合作共创为主体。三、竞赛组别       分为小学组(三年级――六年级)，初中组和高中组（含中职）；参加ThinkQuest竞赛的选手年龄须满足TQ竞赛要求，详细要求参见NOC网站TQ竞赛规则。四、本届参赛网页的主题及内容       网页内容强调突出本土化，要求对当地某一个具有代表性的特色内容进行具体、深入地研究，要保证网页设计和网页内容的原创性。        （1）仅参加NOC竞赛的所有参赛作品将围绕以下几个主题进行，参赛选手可以任选其一，限交一个作品。使用语言：中文（可附加英文）        ●地方民族风情和民俗文化        ●地方风景名胜        ●地方物产（土特产品）        ●地方民间艺术        ●地方饮食文化        ●地方杂谈（地方传说、神话、姓氏由来、方言等）        ●家乡的英雄       （2）同时参加NOC和ThinkQuest国际网评双项竞赛的参赛作品必须符合以下12个主题内容的其中之一（此项竞赛的主题及详细规则参见NOC网站TQ规则，使用语言：中英双语版五、参赛作品要求及注意事项       （一）NOC参赛项目规则（中文网页制作）       1．参加NOC项目竞赛，作品提交截至日期为2008年5月1日（含5月1日）。       2．参赛选手以创作团体的名义（学生3至6人、指导教师1至2人）比赛，通过个人努力和集体协作，采用多种方式获得各种素材，制作一个网页。在创作过程中，提倡分工协作。       3．参赛作品内容强调突出乡土化，要求对当地某一个具有代表性和特色内容进行具体、深入的研究。若是定为纽约城市造访、意大利的美食....等等，都是不符合参赛规定的。历年来热门的参赛题材例如：上海城隍庙、重庆火锅、北京故宫、国粹京剧、大熊猫的故事...等等，作品的水平很高，所以要求各参赛队员的创意要新颖。       4．作品可以寻求家长或地方社区资源协助制作网页，凡引用的图片和文字必须注明来源。为保证网页设计和网页内容的原创性，制作网页的资源（含图片），必须有三分之一为自己参与制作或拍摄的。       5．参赛选手如附加使用英文或少数民族语言制作网页，在评审时可获得加分权重。       6．参赛作品的评分依据为：“专题作品网页”、“专题研究部份演示文稿页”与“专题研究成果制作过程演示文稿”三项内容以及作品的创新性、知识性和艺术性等多方面予以审评。       7．在作品提交时，参赛队中的每位选手都必须注册为NOC会员，以获得竞赛密码；同时须向NOC组委会提交选手参赛申报表、家长授权书。       8.作品技术要求：●建立的网站内容必须可以在浏览器内运行 ●支持基于浏览器的技术，例如：Flash，Java script, dhtml, style sheets 和applets等。●不支持基于服务器的技术，例如:PHP, Perl, SSI，Java和FrontPage 扩展等。●可以用FrontPage来设计和创建网站，但是不支持FrontPage服务器端扩展和发布工具。●网站必须可以被不同浏览器和平台在不同链接速度下浏览。鼓励各队在不同的机器上测试他们的网站。●作品须以ZIP格式压缩，且作品在解压后容量不超过50兆。       9.本届主题网页制作鼓励跨学校、跨地区和跨国团队之间的合作，借鉴双方的优势资源，创作出更加优秀的作品。       10.作品要求：●如提交的作品已在之前的NOC大赛中出现过，将视为无效。●作品内容不能包含亵渎、低俗的语言或对激发对个人、种族或团体仇恨的申明。●作品不可包含可直接通过该网站促成明显销售某一产品的任何商业广告。        11.使用享有版权的资料：       参赛作品必须由本队制作，必须包括详细的关于网站资源的引证和许可。通过提交参赛作品（网站），表明小组成员有权提交该网站的不受限制的权利，该网站没有侵犯任何第三方的专有权利或其他权利，剽窃或者侵权行为将导致取消资格。       规则中“剽窃”是指：●复制或窃取他人的词语或创意，并将其归属与本人；●在网站中大量的复制、引用他人的作品，导致参赛作品实质上不是团队的原创作品（不论复制的工作是否引证）。（四）ThinkQuest参赛说明（英文网页制作）       1.参加ThinkQuest国际竞赛的作品应予2008年3月15日（含3月15日）之前提交到NOC组委会，作品由NOC组委会统一提交ThinkQuest；其提交作品同时参加NOC主题网页赛项的评审。       2.参加ThinkQuest竞赛的选手，须向NOC组委会提交中英双语版的参赛作品、选手参赛申报表（NOC项目竞赛用）、主教练申报表（TQ竞赛用）、家长授权书、学校法定代表人（校长或教务主任）确认书。       3. 对于参加ThinkQuest竞赛的选手，只要其参赛作品在ThinkQuest服务器提交注册成功，即可获得由NOC组委会颁发的奖品。       4.对于ThinkQuest竞赛的参赛作品，如在ThinkQuest国际网评竞赛中未获奖项，其作品并不影响在NOC网站的评选，评审规则参照ThinkQuest规则执行，评出NOC竞赛的奖项。       5.对于获得ThinkQuest国际网评竞赛一、二、三等奖的选手，将直接获得由NOC组委会颁发的恩欧希教育信息化发明创新奖（决赛现场颁奖）。 五.竞赛流程       竞赛分为初赛、复赛和决赛三个阶段       在初赛阶段，由各地组委会负责收集参赛作品并对作品进行初评，将入围复赛的参赛作品通过网站上传到全国组委会；在复赛阶段，由全国组委会组织专家对入围复赛的作品进行复评，全国组委会将根据专家评审结果确定入围决赛比例；在决赛阶段，选手需通过项目竞赛环节（包括作品展示、主创人员陈述、回答终评委提问三个部分）、决赛1+1环节（第一个“1”表示项目竞赛，第二个“1”表示现场动手制作）、恩欧希教育信息化大奖机考三个环节。作品展示、主创人员陈述、回答终评委提问可以综合全面地展示作品、作者的风貌。评委也可以通过这一过程全面衡量作品质量，增加了评奖的科学性与公正性。决赛1+1环节的现场动手制作主要考察学生的动手实践能力以及创意思维能力。 评审标准精解        主题网页作品的评审主要依据思想性、创造性、艺术性、技术性这四个大的方面进行的。一、作品的思想性(30分)1.作品的主题鲜明，内容积极、健康向上　　此基本评审标准是对作品的一个基本要求。从评审过程中来看，绝大多数的的作品都能达到这个要求。但需要提出的是，除了作品的整体能达到此要求外，一些细节也是需要我们特别注意的。
作品《荣昌折扇-扇艺坊》,作者用性感明星与折扇来填充折扇趣事栏目的内容,这种成人化的表现方式,显然不符合中学生参赛作品的要求。

       2.内容的组织能准确、科学、完整地表达主题思想       此标准主要考查制作者对内容的组织能力。
       作品《无锡的桥》的小作者通过对无锡桥的研究，充分展示无锡这个江南水乡的风采。栏目的设置合理，在多个方面表现主题，并表达了作者对故乡的热爱之情。

       作品《雏鹰环保网》虽然以环保作为主题，但在内容的安排中并没有体现家乡环保的特点及相应的内容，因而没有达到竞赛活动中的主题要求。

       3.文字通顺，无错别字和繁体字，内容切合作者学习的认知水平，表现作者对主题内容的感悟、体会及动手实践和成果　　此标准中，“文字通顺，无错别字和繁体字”是网页作品的基本要求。而“内容切合作者学习的认知水平，表现作者对主题内容的感悟、体会及动手实践和成果”则是对作品的个性及特点进行考量。
       作品《我是深圳小主人》的小作者以主人翁的态度介绍了他眼中的深圳和他热爱家乡、关心家乡的活动。 “关注家园”、“绿色行动”两个栏目的文字资料与图片都是从同学的活动中收集、整理来的；“我爱我家”栏目中的作文和绘画作品也是从征文活动和绘画比赛中精选出来的。充分表现了作者的感悟、体会及动手实践和成果。

       而作品《陕西八大怪》虽然比较详细地介绍了自己家乡风土人情的一些特点，但是其中并没有作者对此主题的想法及相关的活动，因此整个作品显得十分平淡，没有个性。

二、作品的创造性(25分)      1.素材获取及加工属原创　　由于NOC活动的宗旨就是培养学生的创新素质，提高他们的实践能力。所以对于作品原创性的要求相对于其他标准就显得更为重要。
       作品《澳门之宗教建筑》是答辩阶段得分最高的作品，一个重要的原因就是它的原创性。

       2.主题表达形式新颖，构思独特、巧妙       本标准是从主题的创新上对学生作品进行考量。
       作品《潮平斋茶社》，为了表达对家乡的思念，并让更多的人了解自己的家乡，小作者巧妙地以极具潮汕地方风味的功夫茶为网站主题，来宣传和赞美家乡，显示出小作者的独特的构思。

       3.具有想象力和个性表现力       本标准主要是对学生作品的个性进行评价。
       作品《民艺上海》，主要介绍的是上海所拥有的几种博大精深的民间艺术形式，去唤起人们对于非物质文化遗产的重视与保护。为了体现这一主题，整个网站的画面犹如一本精美的画册，让人流连，体现出作品独特的个人风格。

       4.内容、结构设计独到       本标准主要对作者在内容组织方面创新能力进行考量。
       作品《足行田厦》采用以小见大的表现手法，选取深圳田厦村的变化为主题，通过对田厦村改革开放前后生社会、文化、经济生活的变化展示，来表现它几十年来的辉煌历史，从而激发对家乡的热爱之情。

三、作品的艺术性(25分)       1.反映出作者有一定的审美能力       此标准是通过整个作品版面设计对作者的审美能力进行考量。       《客家土楼》与《土楼人家》两个作品虽然在主题的选取上是完全相同的，但是从网页界面色彩的运用，字体的选择，相关元素的设计上却有着非常大的区别。

       2.完美运用各种形式表现主题，有感染力       本标准主要是对参赛作品技术运用的考量。       作品《粤之乐》主要介绍粤剧这一传统地方戏剧，并展示了作者及其小伙伴们在学校粤剧社的一系列活动。此作品中文字、图形、动画处理技术运用得都比较出色，比如：为了表现粤剧传统文化的特点，作者用Photoshop制作出中国水墨画的界面效果；为了表现同学们快乐地遨游在粤剧的美妙旋律中的寓意，作者又用Flash做出鱼跟随鼠标移动的动画效果。

       3.界面美观、色彩运用恰当、布局设计独到，富有新意       此标准也是考量选手的图形处理能力及界面设计的创新能力。

       作品《辉煌，属于武汉》，主要通过对武汉历史、风貌、人物、成就等多方面的介绍，来表现武汉的辉煌。整个网页作品的界面设计显示出作者对色彩的极强驾驭能力。为了体现并强调“辉煌”这一主题，网站比较大胆地运用黑色与金黄色作为主色调，产生了很强的视觉冲击力。四、作品的技术性(20分)       1.人机交互方便，结构清晰，导航和链接准确　　 本标准是适用于所有网页作品的一个基本技术要求。虽然参赛的大多数作品能够达到此标准，但在某些细节方面仍需引起注意。
        作品《泡桐镇的泥塑之花》是一件主要介绍家乡的泥塑艺术的作品。在评审中，我们发现，该作品虽然设置了导航栏，但在不同的栏目中，导航栏的位置总是在发生变化，有时在上，有时在下，从而使得浏览者在内容跳转时很不方便。

       2.选用的制作工具和制作技巧恰当　　能根据制作的主题内容，选用合适制作工具并使用相关技术进行制作，这是对选手技术能力的基本要求，本标准就是对选手基本技术能力的考核。

       作品《中国楚剧网》主要介绍湖北的传统地方戏剧——楚剧。为了使网站保持统一的风格，作者使用CSS技术对文字风格进行统一，并使用Flash技术制作导航按钮，取得了较好的表现效果。       3.技术运用准确、适当、简捷       能根据不同的表现内容来选择不同的技术手段，这是网页制作对制作者能力的一个较高要求，本标准就是对选手这方面能力的考量。       作品《火炉情》的作者采用在FrontPage中直接插入背景音乐，在浏览网页时，背景音乐无法停止，因而往往对浏览者的浏览过程造成影响。

       在上面的《中国楚剧网》中，而作者使用的是Flash技术进行背景音乐的处理，这样背景音乐的播放停止可以由浏览者来完成。 提高指导教师的指导水平及选手的竞赛技巧        在前几届的比赛中，通过与参赛小选手们的交流，我们发现大多数参赛选手的水平的差距并不是很大，但往往比赛最后的结果却很不一样。分析其中原因，可能主要有两个：第一，参赛选手指导教师的指导水平；第二，选手在决赛中的现场表现。所以，下面我们就针对在评审过程中所出现的一些问题，就如何提高指导教师的指导水平及选手的竞赛技巧这两方面谈一谈看法（有关技术提高方面的问题会在下一部分谈到）。一、如何提高教师的指导水平       1.指导学生解读竞赛主题       在第五届的比赛中，我们发现有相当数量的作品（特别是小学组作品）的主题并不完全符合竞赛的主题要求。有的作品是主题不够明确，有关家乡的内容很少或稍有涉及，有的作品甚至是跑题，与竞赛主题风马牛不相及。比如，重庆有位参赛选手制作了一个班级主题的网页作品，虽然技术含量与内容安排都非常出色。但是由于与竞赛规定的主题不符，最后只能遗憾地名落孙山。所以，我想在进行作品制作的准备工作时，教师一定要认真地帮助学生解读主题，分析竞赛要求，并指导他们确定出合理的选题。       2.抛弃重技术，轻内容的错误观点       由于学生自身的特点和能力的限制，他们在制作过程中很容易犯两个错误：第一，对网页内容缺乏整体上把握，整个作品的内容显得十分零乱；第二，参赛选手往往会轻易把他们刚刚学习的技术运用到网页制作之中，而不是根据内容来选择技术。也正是因为如此，有的作品内容显得十分空泛，甚至某些网页作品成为制作技术的大展示，背离了NOC活动的宗旨。所以，指导教师必须对这一问题有一个充分的认识并予以重视，特别是信息技术专业的指导老师更是要时刻牢记“内容为王”（Content Is King.）这句网页制作的至理名言。       3.指导学生合理借鉴(而非套用)网页模板　　在第五届比赛中，我们发现了一个新的情况，即套用国外（特别是韩国）网页模板的参赛作品数量较以往有了明显的增加。虽然通过套用国外的模板，许多作品界面的艺术性有了一定的提高，但是这种套用也使得这些网页作品失去了作者的个性，甚至造成部分作品界面的重复。同时，由于这种完全的套用与NOC活动提倡的创新实践的精神严重不符，所以评审过程中，虽然这部分作品的界面美观，但在艺术性方面的评分却普遍很低。那么，为了避免在第六届NOC活动中再次出现这种状况，这就要求指导老师在指导学生进行网页的界面设计时，对好的网页作品的界面一定是合理借鉴参考，而非完全的抄袭或套用。       4.指导过程中强调学生的参与，不要大包大揽       由于在前五届的比赛过程中，我们发现有极少数指导老师请人代替学生完成作品情况的发生，所以从第五届开始，决赛阶段的比赛增加了网页制作基础知识及应用技术考评环节。如果参赛选手此部分考评的成绩低于一定的分值，那么选手的参赛作品将自动失去一等奖的评选资格。而从这次的考评情况来看，也确实出现了部分参赛选手因考评成绩不够理想而无法获得一等奖的情况。这就要求我们指导老师在指导的过程中一定要以学生为主，而不是大包大揽，直接动手替学生完成部分可能是技术难度较高的内容。二、如何提高选手的竞赛技巧       1.精心准备答辩稿       答辩稿可以说是答辩环节中最为重要的部分，能否在很短的时间内向评委清楚地介绍好自己的作品是答辩能否成功的关键。因此，在参加答辩之前，指导老师要帮助选手对答辩稿进行精心准备，并反复练习。       2.客观认识自身作品的优缺点       在前五届的比赛中，我们发现，部分参赛选手对自己的作品并没有一个客观的认识。有的选手只看到了自己作品的优点，因而在答辩中，不承认作品中的缺点，在与评委的交流中显得过于自大。有的选手则恰恰相反，在答辩中没有自信，无法介绍出自己作品的长处。因此，指导老师在赛前要指导选手分析自己的作品，使他们对自己的作品的优缺点有一个客观的认识。       3.上机测试，认真审题　      上机测试主要用于考查选手的实际操作能力。因为此环节有严格的时间规定，所以选手一定要保证在审题清楚的情况下，再开始进行操作，以杜绝因为审题不清而造成的时间浪费的情况。 网页制作专业知识介绍        我们知道，网页制作通常讲是指利用各种网页编辑工具制作网页(通常是HTML格式，文件扩展名为.html或.htm)的过程。一个好的网页作品不仅要在内容组织上花费制作者大量的时间和心血，而且在技术上也对制作者提出了很高的要求。下面就向大家介绍一下网页制作中基础技术和制作过程中需要注意的问题。 一、网页制作对制作者的技术要求1.能够熟练地使用一到数种可视化的网页开发工具（基本技能）2.能够熟练地使用一到数种图形图像处理软件（基本技能）3.了解W3C的HTML4.0规范、能够读懂基本的HTML源代码并进行手工修改，了解CSS层叠样式表的基本知识（进阶技能）4.能够使用动画制作软件进行简单的动画制作（进阶技能）5.其他知识内容，如网络编程语言JavaScript、ASP、PHP、XML等(高级技能)。 二、网页制作的相关工具软件       由于网络技术的迅猛发展，目前网页制作的工具软件也越来越丰富。下面是几款在网页制作中最为常用的制作软件。1.网页编辑器类软件（1）微软公司的FrontPage它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。所以FrontPage是一款非常适合初、中级网页制作者的工具软件。 （2）Adobe公司(收购了Macromedia)的Dreamweaver它是目前公认的功能最为强大的可视化网页制作工具，是较受网页设计人员欢迎的专业网页制作软件。但操作较FrontPage复杂，适合于中高级网页制作者。2.图形处理类软件（1）Adobe公司的Photoshop目前公认的最好的图片处理软件，在平面图像处理领域已成为行业权威和标准。主要应用于在图像处理、广告设计等多方面，也能方便地进行网页图形的制作处理。（2）Adobe公司(收购了Macromedia)的Fireworks它是一款主要用于网页制作的图形处理软件。与Dreamweaver和Flash并称为网页制作三剑客。3.动画制作类软件这类软件主要是Adobe公司的Flash。它是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，多媒体效果十分出色。另外，Flash编制的网页文件比普通网页文件要小。三、网页制作需注意的几个问题1.用好的创意去表现主题内容由于NOC活动的网页竞赛主题一般说来是一个比较大的范围，这就需要选手们从中选取一个好的切入点去表现主题。而实际上，一些参赛选手在确定主题上花费的时间很少，往往凭自己的喜好和感觉去确定一个主题，而没有仔细考虑主题的确定是否恰当。所以在初复赛的时候，我们看到大量选题过大或选题雷同的作品被淘汰下来。所以，我们在确定参赛网页的主题的一定要经过认真的思考，用好的创意去体现主题。2.合理地进行栏目与板块的编排 我们写一篇论文，首先要列出提纲，才能主题明确、层次清晰，而制作一个主题网站也同样如此。我们常常看到一些参赛选手在确定题材后立刻开始制作，由于没有进行合理规划，从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等问题。所以，我们在动手制作网页前，一定要考虑好栏目板块的编排问题，以下几点是大家在编排栏目时特别需要注意的： （1）尽可能删除那些与主题无关的栏目（2）尽可能将网站内最有价值的内容列在栏目上（3）尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题（4）各栏目要有相对独立性（5）各栏目块要有相互关联（6）各栏目的内容要围绕站点主题3.设计好目录结构网站的目录是指建立网站时创建的目录。例如。在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是选手在制作过程中常常容易忽略的问题，我们看到许多参赛作品中都是未经规划、随意创建的子目录。虽然目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于网页的修改，内容的扩充和移植有着重要的影响。所以建立目录结构时我们也要仔细安排，做到以下几点： （1）不要将所有文件都存放在根目录下有的选手为了方便，将所有文件都放在根目录下。这样就很容易造成文件管理混乱，从而影响工作效率。（2）按栏目内容建立子目录子目录的建立，首先按主栏目建立。而一些相关性强，不需要经常更新的栏目，例如，网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如，CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。 （3）在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认的Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。 （4）其他需要注意的问题目录的层次不要太深，不要超过三层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。 3.网站界面的设计问题界面就是网站给浏览者的第一印象，往往决定着网站的可看性。对于参赛的网页作品而言，界面的设计更显得重要。我们在设计制作网站的界面时特别注意以下三点。（1）网站色彩网页给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到浏览者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的主要色彩，一般用于网站的标志、标题及主菜单，给人以整体统一的感觉。其它色彩虽然也可以使用，但只能作为标准色彩的点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。（2）设计网站字体和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。（3）设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。我们可以以主题相关且有代表性的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。4.网站风格应与主题保持一致 网站风格一般是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字等诸多因素。网站可以是平易近人的、生动活泼的，也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者感受到我们的个性，这就形成了所谓的网站“风格”。 要想使自己的作品形成一定的风格，我们则必须要找出主题网页中最有特色的东西，并通过网页的色彩、技术、文字、布局、交互方式来进行强化、突出。另外，风格的形成不是一次定位的，我们可以在制作的实践中不断强化、调整、改进。 四、经典案例分析下面我们就以第四届NOC活动主题网页竞赛高中组第一名的作品《鄂西神韵》为例，分析一下网页制作的全过程。1.确定制作主题根据作者的介绍，由于他父亲参加了支援湖北省被列入西部大开发范畴的地区——恩施土家族苗族自治州的工作，他也有机会接触喜爱上了恩施秀丽的山水，独特的民俗和质朴的人民，所以他很容易地选择恩施作为这网页的主题网页。2.素材的收集整理，形成制作思路确定主题后，作者整理了自己手头上有关恩施的图片及文字，并通过网络对这些文字，图片素材进行了进一步的丰富和补充。在素材的收集整理过程中，作者也逐渐形成了制作思路：力图对恩施州进行一个全方位的展示，使访问者通过网页对恩施州有一个生动、深刻的印象。3.确定网站栏目完成了素材的收集整理后，作者确定了网页的构架，将网页分成文苑艺林、烈烈巴人、特色文化、家乡美食、梦幻之旅与珍稀宝藏6个栏目。这些栏目基本上涵盖了自然资源、文化民俗、人文风情等各个方面，既使访问者对恩施有一个全面的了解，又充分体现出恩施州的特色。4.确定工具软件　　根据设计的内容，又确定了制作过程中使用的工具软件。　　Photoshop cs2：处理图片，设计页面　　Imageready cs2：切割页面并将其输出为html页　　Flash 8：制作Flash动画Dreamweaver 8：编辑制作网页5.主页面、栏目页及文章页的界面设计界面设计包括首页、栏目页、文章页的相关设计。一般是先设计好首页，然后再根据首页设计，完成栏目页和文章页的设计。每个页面设计的基本步骤是：（1）先用Photoshop设计完整的页面，存为PSD文件（2）然后隐藏掉链接文字图层，再用imageready切片输出（3）在Dreamweaver中进行完善修改（4）生成最终界面效果。

充分运用各种元素，体现恩施州的民族特色创作过程：重要的是规划和创意

6.设计好目录结构，完成相关页面内容完成基本的界面设计工作后，然后确定自己网站的目录结构，最后完成不同网页中的文字部分内容。办法一：采用先在Dreamweaver做成一个模板，然后输入文字内容的方法。
办法二：利用一些站点的内容管理系统，导入自己制作的模板，然后导入文字和图片内容，在修改完善后最后统一生成静态页面。

用流行的CMS内容管理系统导入文章是简单方便的做法。7.修改完善完成前面的工作后，最后还要进行相关链接及内容的检查，对出现问题的地方及时进行修改，完善最后的网站。五、优秀作品赏析下面是我收集的在内容、设计、技术上都比较优秀的五个网站，供大家参考。
1.沃达丰官方网站(http://www.vodafonejourney.com/)

2.电影《僵尸新娘》官方网站(http://corpsebridemovie.warnerbros.com/)
3.一个汽车销售网站(http://www.pdk.pl/index_feng.html)

4.Nike的官方网站(http://www.Nike.com/)

5.黄龙自然保护区官方网站(http://www.huanglong.com.cn/)