网页设计大作业设计说明书.doc

《网页设计大作业设计说明书.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网页设计与制作工程实训》大作业选题名称：__伊人网的制作与体会________________设计人：___李薇_______________班级：__软件工程081班______________学号：__8000108025________________南昌大学软件学院2010.元设计说明书:一．选题的分析1.我是怎么想到做女性网站的？作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。

2、想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。2.我要表达什么内容，如何展开设计？

3、打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。购物频道能让满足女性爱买东西的天性。我的购物频道定位在价廉物美，为女

4、性们提供质量好能让他们放心的好宝贝。二．如何运用网络的优点进行更好的表达网站的版面风格温暖舒适，颜色主打暖色调，又以粉色系为主，简洁明了，大方舒适，以达到让平时忙碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放松的地方。放松有时候也需要朋友，网站的论坛就提供个这样一个让女性们互相了解认识的场所。她们在bbs里了解互相的故事，给对方提供自己的意见，交流平时美容护肤的心得，互相晒晒对方收藏的美男，不亦乐乎。因为网站的定义还有时尚，所以要求网站的多媒体强大。我决定运用flash图像查看器，弹开窗口，浮动窗口，超链接

5、等增加网站的多媒体化。三．网页的结构与分解每页的结点如下图。欢迎界面首页伊人购物登录注册购物车计算美容护肤品区彩妆香水区伊人话题登录注册情感效应娱乐前沿旅游户外弹出广告注册注册成功登录首页注册购物话题四．网页所采用的技术网页是使用dreamweaverxm2004制作的，采用了表单，框架集，css样式表，层，行为，模板，JavaScript等将设计与编写代码一起制作完成的。五．网页设计日志网页设计之中出现了很多问题，这是我始料未及的。制作网站的一开始，由于我想做的是一个自己的网站，网站的logo就成了我一个心头大石。想要制作一个动人

6、的，能抓住别人眼球的logo要使用photoshop，可是我对Photoshop不甚了解，而要我在原本就拮据的做网站的时间里挤出时间来学习photoshop，这实在不是一个什么好主意。我想了很久之后，决定使用powerpoint的艺术字功能外加截图完成我网站logo的制作。结果出来之后，虽然没有达到我心目中的想象，但是相比我什么都做不出是好上千倍万倍。解决完网站logo问题之后，我又碰到了网页规划的问题。我原本计划是做一个女性门户网站——伊人网，包括欢迎界面，首页，伊人购物，伊人话题（即bbs），伊人读书，伊人blog和登陆注册页面

7、总共9个页面的，可是我制作网页的速度是在赶不上时间流逝的速度，第一天我从下午六点开始做做到凌晨2点总共8个小时里，就做了欢迎界面，一个简陋的首页和登录注册页面，而这四个页面还并没有完全达到我要的功能，例如JavaScript的表单验证。我暗暗心惊，觉得自己为自己制作的目标可能太大了点，于是我决定第二天依据进度来调整网站的内容。第二天我从下午三点开始一直做到凌晨三点，终于将网站的大体内容做出来了，由于第二天已经是16号了，18号要交作业，17号由于考试不能一天都花在制作网页上，而且17号晚上还会断电，不能熬夜。于是我决定将伊人读书和伊

8、人blog的版块删去。此时我拥有了欢迎界面，首页，购物页，bbs页面，登录页，注册页，注册成功页，和购物车计算页。除去欢迎页面，购物页，bbs页并未采用模板技术，其他页面均采用。购物页面是个框架集页面，其中包括5个子页面，topfra