网页制作讲义.doc

第五届“全国中小学信息技术创新与实践活动”主题网页制作竞赛指南与学习辅导张代培第一章概述及回顾一、设立主题网页制作竞赛的背景及意义目前，作为在因特网上广泛流行的一种信息传播形式，网页（英文Homepage）已经逐渐成为人们传播及获取信息的一个极为重要的途径，网页制作技能的学习也已经成为当前中小学计算机教育中的一个重要教学内容。我们知道，由于网页制作自身的特点，它对制作者两方面的能力都提出了很高的要求。第一，从内容上，网页制作要求制作者必须有自己的思想个性，具有一定的审美情趣，并具备对知识内容进行归纳、组织的能力；第二，从技术上，网页制作要求制作者具有较强的电脑操作能力，能够使用多种软件对文字、图形和声音等素材进行制作、处理，并最终制作成为网页。而这两点要求与NOC活动的宗旨“鼓励广大中小学生积极探索、勇于创新、大胆实践，培养学生利用现代信息技术对信息进行收集、整理、加工、设计和创作的能力；培养学生研究性学习的能力；培养学生表达自己思想的能力；培养学生组织知识的逻辑性的能力；培养学生的审美能力”是完全吻合的。因此，自NOC活动从2002年创办以来，主题网页制作竞赛都是NOC活动中的一个固定竞赛项目。而且通过这四届的主题网页制作竞赛，我们不难看出它对弘扬NOC活动的宗旨所发挥的积极作用。另外，值得一提的是，NOC活动的主题网页制作竞赛和其他网页作品竞赛有一个很大的区别，它每年对参赛的网页作品都给出了一个主题，这也对参赛者解题能力，创新能力提出了更高的要求。二、第四届主题网页制作竞赛活动情况介绍及优秀作品点评第四届NOC活动主题网页制作竞赛的主题是“我爱家乡”主题网页，决赛于2006年7月在深圳举行，共有60余件的作品参加了决赛。从参加决赛作品的整体上看，本届的作品无论是内容的组织、技术的运用，还是页面的设计，与往届相比，都有了显著的进步和提高。在小学、初中和高中三个组别中，都出现了一大批高质量的作品。为了让老师们对目前学生的网页作品的制作水平有一个直接的认识，下面就为大家介绍一些本次竞赛活动中的几个具有代表性学生作品，虽然他们在技术上或在内容上并不是最出色的，但是更能代表比赛中选手的的制作水平。1.童眼看家乡作品童眼看家乡是一名来自哈尔滨的小学生有感于“哈尔滨市现在正在迅速的全面发展，但对哈尔滨了解的人并不是很多”的实际情况，而产生“希望能通过我们这些孩子从自己眼睛里看到的角度出发，将家乡的一些情况介绍给大家，使更多的人认识哈尔滨，了解哈尔滨”的想法，最终制作出来的“童眼看家乡”主题网页作品。此作品虽然在页面设计和技术运用等方面还存在着一些缺陷，但其“独特视角”确实使作品与众不同。作品从一个孩子的视角来组织整个网页作品的内容。由于所有文字性资料都是由作者和同学自己完成的，所以在对网页内容的浏览过程中，我们很容易地感受到小作者对家乡的爱，从充分体现了“童眼看家乡”的主题。2.六朝石刻作品六朝石刻是一名来自江苏丹阳的小学生的作品。作品以选手家乡的石刻作为主题，向人们介绍了“形体硕大，气势恢宏，雕琢精致，造型夸张，变形适度”的“六朝石刻”，让浏览者了解丹阳的文化历史。作品虽然在内容的组织上并不是十分突出，但是其较为出色的界面设计仍获得了评委一致好评。虽然在颜色的运用和动画的表现等方面看得出一些国外网页设计模板的影子，但是作品并不是对网页模板的生搬硬套，而是做到既有借鉴，又有创新。3.澳门之宗教建筑作品澳门之宗教建筑由澳门培道中学的三十余名学生，在一位老师的辅导下集体创造而成的一件网页作品。该作品以澳门的宗教建筑为切入点，详细介绍了目前澳门不同宗教及具有代表性的建筑。通过精美的图片及生动的文字介绍，充分反映了澳门的城市风貌和其厚重的历史文化底蕴。作品最大的特点就是其他作品无法比拟的原创性。作品中每一张照片都是三十余名学生以小组为单位实地拍摄并经过处理而成的。4.昨天今天明天作品昨天今天明天生动地向大家回顾了深圳的历史，介绍了深圳的现状，并展望了深圳的未来。从而使浏览者能够清楚地了解深圳的历史、了解深圳自古以来移民文化的特色以及优势。该作品无论是主题还是界面的设计都显得极具创意。首先，作品没有按照普通想法，直接展示深圳所取得的成就，而是巧妙介绍了深圳的“昨天”、“今天”及“明天”，表达了小作者的自豪心情；另外，作品界面设计中使用了6种不同的颜色来做6个主题的主色调，也充分显示出了多彩的深圳。第三章第五届NOC活动主题网页制作竞赛介绍为了帮助各位老师搞好第五届NOC活动主题网页制作项目的准备工作，下面就向大家介绍一下第五届NOC活动主题网页竞赛的基本情况。一、竞赛宗旨本届主题网页制作竞赛的宗旨仍是反映学生开展研究性学习活动的成果，培养学生“搜集信息、整理信息和表达信息”的能力，重视网页表达的思想性和创新性，兼顾评价信息技术能力。通过本项制作竞赛活动，鼓励广大中小学生积极探索、勇于创新、大胆实践。二、竞赛组别竞赛按照学生的年龄分为小学组、初中组和高中组进行评奖，选手以个人或创作团体的名义报名参加比赛。三、本届参赛网页的主题及内容为了让选手有一个更加广阔的展现自己能力的空间，借鉴了前四届比赛的经验，本届的网页制作的主题共有两个，供选手自行选择。1.“走入家乡”网页内容强调突出本土化，要求对当地某一个具有代表性的特色内容进行具体、深入地研究，要保证网页设计和网页内容的原创性。网页内容的可选类别如下：（1）地方民族风情和民俗文化（2）地方风景名胜（3）地方物产（土特产品）（4）地方民间艺术（5）地方饮食文化2.“中国古代民族英雄”网页内容主要以表现中国古代民族英雄的成长历程、英雄事迹为主，可对单一人物进行描述，亦可对多个人物进行描述。四、参赛作品要求及注意事项1.作品的思想要切合作者自己年龄和认知水平，作品的内容要从不同深度围绕主题发表作者自己的感悟、体会以及动手实践的过程和成果。（其中，小学组每项目下最少要求链接一个页面，初中组可适当扩大到3至5个链接的页面，高中学生可扩展为专题网站）2.每位选手只能提交1件作品。作品容量不大于60MB（非压缩文件），不需要服务器支持，并将原文件及创作说明的电子文档一起刻录成光盘，要求递交的光盘无病毒。3.网页的文件名统一采用小写英文字母命名，首页文件名统一用index.htm。建议使用正版软件，如：DreamweaverMX、FlashMX、FrontPage2000、Photoshop7等以上版本软件。4.在提交作品的同时还需提交一个作品创作演示文稿（仔细说明设计思想、制作过程、参赛心得及使用软硬件工具等内容），作品和演示文稿均为本赛项非常重要的评分项目之一。5.网页内容必须健康向上，不得包含违反宪法和法律、破坏民族团结、捏造或歪曲事实、宣扬封建迷信、淫秽、色情以及其他违反法律法规的内容。否则，相关责任自负。五、竞赛流程本届网页制作项目的竞赛流程与前四届基本相同，共分为复赛和决赛两个阶段。复赛为信息技术应用能力竞赛阶段，选手将制作完成的主题网页作品送交各省市地方组委会，并由地方组委会组织评审，产生入围全国决赛的作品，并向全国组委会报送决赛的作品。复赛的时间大致在2007年3月至2007年5月。决赛阶段的NOC活动由全国组委会组织安排，选手将集中到决赛地进行决赛。比赛形式包括现场作品演示答辩和网页制作基础知识及应用技术考评。决赛时间约在2007年7月中下旬。第四章主题网页制作评审标准精解主题网页作品的评审主要依据思想性、创造性、艺术性、技术性这四个大的方面进行的。一、作品的思想性(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.上机测试，认真审题上机测试是第四届NOC活动新设定的一个环节，主要用于考查选手的实际操作能力。因为此环节有严格的时间规定，所以选手一定要保证在审题清楚的情况下，再开始进行操作，以杜绝因为审题不清而造成的时间浪费的情况。第六章网页制作专业知识介绍我们知道，网页制作通常讲是指利用各种网页编辑工具制作网页(通常是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.素材的收集整理，形