网页设计说明

设计目的：

我们学习就是为了获得知识，现在我们学习了网页设计，当然就是要能做一个精美的网页。在此次网页设计中，我们要能更加的了解网页设计工具强大的功能和更好的使用它。诚然，此此设计的个人网页，一方面是为了完成我们的作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用网页设计工具和技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。

功能介绍：

我的网页主要包括主页、心情、故事、金曲、青春、相片几个板块。主页主要上用来显示网页的主要内容。心情页主要内容为一个FLASH。故事页、青春页分别用不同显示方式放置了两首小诗。金曲页放置了一首音乐（有音乐播放器，可以控制播放）。相片页中使用了4张图片。在每个页面回到首页（便于访客浏览）、联系站长、收藏本站的超链接。

设计思想：

因为只是作为个人演示站点，为了节省资源，便于维护，采用了静态网页，而没有采取对空间要求较高的动态程序。同时因为内容比较少，所以只制作了一个主页和五个内容页。为了丰富网站内容，使用了一些FLASH和音乐。

使用工具：

主要的工具包括Dreanweaver MX、FLASH MX、FIREWORKS MX、记事本，在此次设计中主要应用Dreanweaver MX设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图象和图文混排和外部图象的编辑等功能。在设计中，用FIREWORKS MX对部分图片进行了处理。用FLASH MX制作了一个简单的FLASH。

设计步骤：

首先设计网站的结构，根据需要，网站需要一个主页和五个内容页。为了便于管理，决定在部分内容页中采用框架。

    其次、各页面的设计。首页：首先使用FIREWORKS MX制作图片，整个页面是作为一张图片来制作的。在图片制作完成后根据需要把图片进行了切割处理，然后根据实际需要，对几处切片使用Dreanweaver MX重新进行了处理。公告部分使用框架调用了pic目录下的new.htm文件。为回到首页、联系站长、收藏本站三处图片添加了超级链接。使用热点工具为心情、故事、金曲、青春、相片各内容页添加了超级链接。

    心情页：网站模板基本和主页相同，在主页模板中的公告和青春如歌部分使用框架调用了pic目录下的xq.htm，xq.htm的内容是一个FLASH.

    故事页：网站模板基本和主页相同，把主页模板中的公告和青春如歌部分替换为一个框架调用PIC目录下的story.htm，本页面的滚动功能是采用MARQUEE语句来实现的。

    金曲页：主体部分插入了一首WMA音乐。

    青春页：主体部分采用框架调用了pic目录下的qch.htm.

    相片页：主体部分采用框架页调用了pic目录下的photo.htm，此页面使用Dreanweaver MX排版放置了4张图片。

    最后、对网页进行了测试，经测试，在IE5.0以上浏览器中显示正常，较适用于1024*768的分辨率下显示效果较好。

总结；

这次的网页设计是对我的一个实践过程，虽然在制作中碰到不少问题，但是在我的坚持努力下，都解决了。通过这次设计，我了解到一个网页设计的必要步骤和正确方法。同时使我更加深对网页设计的了解，使我可以熟练使用网页设计工具。

网页设计说明相关推荐: