随着Internet的发展，远程教育、网上学校应运而生，大大拓展了教学空间，改变了学习方式。师生只要在互联网终端打开浏览器，输入URL地址，就可以通过网络课件展开教学活动。网络课件以HTML（超文本）页面出现，制作网络课件就要设计相应的网页。如何设计优秀的网页？让你的网页脱颖而出，本文就结合工作实际谈谈设计参赛网页的一些经验。

       选择适当制作工具

      “工欲善其事，必先利其器”，制作出优秀的网页必须选择好工具。用于网页制作的工具有很多种，比较常用的是Microsoft的FrontPage和Macromedia的Dreamweaver，两者各有千秋：FrontPage简单易学、容易上手，很适合初学者架设自己的主页；Dreamweaver功能强大、非常专业，对插件的支持较好，可以轻而易举地做出许多炫目的互动页面特效，设计的网页冗余代码少。参加网页设计大赛，还是选用Dreamweaver比较合适，用Dreamweaver制作网页会显得比较专业。

      精心设计网页的主题

      网页应该主题明确，一般情况下，网页设计大赛组委会会规定好一个大主题或几个主题让参赛者选择。面对一个大主题或者几个主题，参赛者要进行一定的分析，如果是一个大主题，就应该抓住其中一方面，收集有针对性的素材，从不同的侧面来反映一个支主题。例如某次网页设计比赛的大主题是“关爱生命”，我们可以挖掘出其中的支主题设计网页，可以设计反映 “战争与和平”、“关注艾滋病”、“保护人类环境”和“决战SARS”等主题的网页，切不可面面俱到。如果是几个主题让参赛者选择，更应该好好的思量，当然要选择自己比较熟悉的或者比较擅长的，同时还要考虑别的参赛者可能会选择的主题，避免众人齐过独木桥，很多时候选择冷门主题会比热门的主题要好得多。需要注意的是，切不可有政治性错误和科学常识性错误（如：违背有关公理、定理、规则、常识和规律等），这样将会被一票否决。

      细心收集主题素材

      选好主题后，就要有针对性地收集素材，素材不在多，贵在精，一定要能反映网页的主题。收集的时候要细心，可以适当地多收集一些，分门别类地进行整理，以便在制作网页的过程中根据实际情况进行选择。需要注意的是素材的版权问题，最好是自己原创的或者是公共的素材。

      轻松规划本地站点

      对站点的规划也很重要，虽然网站中网页的数量不是很多，结构也不会很复杂，但是要养成科学规范的设计习惯，从小规范自己。目录清晰、结构规范的站点可以使你的作品更有专业味。在站点根目录下建立首页文件（一般是index.html）和对应的图片文件夹（一般是images），按网页的栏目内容建立子目录，每个子栏目目录下建立独立的图片目录。需要注意的是，切不可为了方便，将所有文件都放在根目录下。

       精心设计网站首页

       首页很重要！众所周知，第一印象很重要，你的作品与评委的第一次见面就是你的首页。好的首页不仅会给评委者留下好的第一印象，而且还会带来好心情。这里专门讲讲首页的设计。

      ⒈显示分辨率的设置

      为了便于评委浏览，最好一打开主页就能看到首页的全部内容，不需要去拖动滚动条。这要求在设计首页之前先要定好显示分辨率，目前主流的设置是800×600，如果在分辨率是1024×768下浏览，能居中显示，两边留出空白，看起来觉得比较自然（一些大型的门户网站都是这样的，如新浪、网易等）。要实现并不是很难，只要在制作最大的表格时，把表格属性的宽度像素定义为一个固定数值(一般为768像素)，并且让表格居中即可。

      ⒉整体布局

      参加网页比赛往往有很多特定的要求，在版面布局时要综合考虑这些要求。网页布局的方式有很多种，可以根据实际情况进行选择。需要特别考虑的是导航栏，可以是横排导航、竖排导航、图片导航、下拉菜单等，要确定好一种导航方式，根据导航方式和导航栏的位置来设计整个网页的布局。

      ⒊颜色的搭配

      从颜色搭配中很容易看出一个人的审美能力。网页配色总体的原则要与主题相匹配，首先主题色要能突出网页主题，例如绿色代表草地和生命，红色代表着热情和火焰，白色使人联想雪山与纯洁，蓝色让人感觉深邃，合理利用色彩的象征和意象，可以使评委对你的网页产生深层心理认同感。其次注意其他辅助颜色的搭配，如果对颜色搭配把握不大，最好减少颜色的种类，避免“过分花哨”，即使你无法搭配出很具特色的网页色彩，也不能让评委对网站的色彩感到厌烦。

      ⒋内容的呈现

      内容的呈现要兼顾动静变化。静态的文字和图片应是主要内容，当然也可以根据实际需要将静态的文字或图片做成滚动文字或滚动图片，但数量不易过多。适当地使用GIF动画和SWF动画做点缀，可以使你的网站增色不少。需要特别注意的是文字的字体和字号，虽然在Dreamweaver中可以添加各种漂亮、个性的字体，但是如果浏览网页的电脑上没有相应的字体，系统只会显示默认字体，你的字体设计就会白费，所以一般用系统自带的几种字体就可以了。文字的大小也很有讲究，新浪 、网易等门户网站都用9磅字（9pt），这种字号能保证在不同的分辨率下达到最好的显示效果，如果没有特别需要就用9磅字。

      ⒌超级链接的设计

      超级链接是网页必不可少的，是网页区别于平面媒体的重要标志。如果是文本超级链接通常要经过CSS样式的加工，鼠标移上、移开时色彩变化或字体大小变化，产生一定动感。如果是图片链接首先要注意热点区域的准确性，同样也可以利用Dreamweaver的强大功能制作出图片翻转等效果。需要注意的是，不要在一段文字中里提供过多的链接，链接一定要有目标，切不可有空链接存在。总之，准确适当的超链接，是一个优秀站点的重要指标之一。

      ⒍链接页面与首页的统一

      网站是由多个页面组成的，各页面之间要有一定的规划和统一，链接页面与首页要有一致性，如果只重视首页设计，而忽略链接页的话，会让人觉得你的网站只是个花架子。当确定好首页的主题色之后，其链接页面一般也应该用这种主题色。一般可以用框架结构来设计这种网页，需要注意的是框架的层次不要太多，多了会让人觉得厌烦。如果觉得框架结构会束缚思维的创造性，也可以用单页链接。在设计时一定要牢记整体风格的统一，单页的页面设计得再好，如果不能与各页面统一风格也是徒劳。优秀的网站需要整体风格的统一性。