3.3网站的主页设计 有这么一句俗语:"良好的开端是成功的一半"。在网站设计上也是如此,首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页设计的"功力"了。 首先要确定首页的功能模块,首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块,其次是设计首页的版面在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了,设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。我在设计中首先考虑的是第一步属于这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张,最后选定一个满意的作为继续创作的脚本,在完成第一步的基础上,我确定需要放置的功能模块安排到页面上,主要包含网站标志,主菜单,新闻,广告条等,再将粗略布局精细化,具体化。 主页的其中一个主要功能是作为漫游工具,指引用户查阅你存储在网址或其他地点的信息,尽量使漫游过程不费吹灰之力。 内容来自论文无忧网 www.paper51.com 首页的设计和制作是绝对要重视和花心思的。我在制作这个网站中得出的经验是:一般首页设计和制作占整个制作时间的40%。你宁可多花些时间在早期,以免出现全部做好以后再修改,那将是最浪费精力的事。 paper51.com 3.4表单的设计 http://www.paper51.com 表单在HTML页面中起着重要作用,它是与用户交互信息的主要手段。一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。用户填写了所需的资料之后,按下“提交资料”按钮,这样所填资料就会通专门的CGI接口传到Web服务器上,我做的旅游网站的表单应用涉及到很多在城市选 copyright paper51.com
paper51.com
主页图 http://www.paper51.com 表单有如下: 内容来自www.paper51.com 留言反馈 http://www.paper51.com 还有一些其他的表单,在这里就不一一的说了! 内容来自论文无忧网 www.paper51.com 第4章页面设计 内容来自www.paper51.com
每个人做网站都有自己独特的风格,是一般人所没有的,就会让人注意到那个人的特别,若那个人的风格是正面的,甚至就会引起别人的羡慕与注意,或是赞赏。就如同一个网站,拥有别的网站所没有的风格,就会让浏览者愿意多停留些时间,细细品尝该站的内容,甚至该站会得到更多人的鼓励与注目。 paper51.com 4.1 网页色系设计 copyright paper51.com
我的网站的色系是浏览者整体的视觉观感,若一个网站色系能有一致性,不仅会使网站看起来美观,更能让浏览者对内容不易混淆,增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题,若色系能与主题合理搭配,将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等,这不单只是将颜色搭配得当就算完美,还要配合每个内容,及网站主题。对于网站的色系,应该要在网站开始制作前,做好规划及设计,才不会到着手制作网站时,难以搭配,甚至造成混乱的设计,所以我在做个人网站之前就开始考虑这个问题了。 http://www.paper51.com
网页的底色是整个网站风格的重要指针。每个人的审美观不同,可能也会对颜色的代表性看法不同,但既然网站不是只写给自己看的,就应该要注意到大部分人可能会有的观点,然后我就以淡黄色做为主页的背景,主页背景是白色的,子页的背景我就用了比较亮的颜色了。 内容来自www.paper51.com 网页的颜色,并非单一就图文件、文字颜色、或是底色为主,而是以浏览者的角度来观看,整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好,但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说,就是失了自己独到的风格。因为使用粉色系的网站,不外乎都有相同的特点,文字颜色浅,底色也以浅色系为主,这样除了没有自己的风格外,看起来既不大方也难登大雅之堂。以各大搜寻网站来说,根本不会做这样的设计,因为文字颜色淡,加上底色浅,对浏览者来说,阅读上非常吃力,所以在这方面我就尽量的避免。 做网页不可能一次就做得完美,而是需要经过不厌其烦的修正、调色,才能达到最佳浏览效果的,所以制作网页也一定要有相当大的耐心。 内容来自www.paper51.com 4.2 网页内容设计 内容来自论文无忧网 www.paper51.com 网站的内容,就如同书的文字一般重要,书没有了内页,就算封面再漂亮、再精致,都只是个徒俱美丽空壳的纸版罢了;如果书的内容杂乱无章或是不切合书名,那么买书的人一定会非常懊恼也非常生气。网站也是一样的道理,如果网站没有内容,就算装扮得再美轮美奂,也不配称为网站;如果网站的内容杂七杂八或是与站名摸不着边儿,那么不小心踏进来的浏览者,必然会非常举丧也非常不悦。我做这个旅游网站主要分为旅游线路、机票服务、代办签证、包车服务、留言反馈这几个部分。还有一些其他的链接。 http://www.paper51.com 所有的网站必然都有一个明确主题,而网站的整体内容都会绕着这个主题来发展。我的网站是根据国内和国外的旅游景点来设计的,内容也是符合旅游这一条思路的。我的网站的整体实用性,包含了资料的实用性及参考价值,旅游网站之所以会称之为旅游网站,就在于它有着「杂货铺」的魅力,总能吸引些浏览族群的目光。 paper51.com 在旅游新闻里有来自国内和国外两个不同地方的新闻,能使游客对某种旅游资讯有一个阅读的空间;旅游线路里面又包括8个小块:省线路、省外游、出境游、港澳游、自由人等,都是给游客能够线路有个选择,能够先了解这些不同地方的线路;在机票服务这方面,主要是机票的一些是城市到另一个城市的飞机。在代办签证里主要是为了方便来自各处的游客的方便,在遇到时间紧是,我们就可以帮的上忙了;在包车服务上,在旅行过程中,为了你可以不怕在坐车难的问题上我们特别开了这个服务,如果玩的比较累了,还在为在哪里坐车而烦恼,那更是痛苦。 copyright paper51.com 综合来说,一个网站的内容,当然越多会会好,只是再资料多的同时,也要注意到这个资料是否切合主题、是否对网站有用、归纳的是否妥当明了、有没有不必要的档案,这样网页的内容才能真正渐渐迈向量多质精之路,也才能走出属于自己主题的风格。 内容来自论文无忧网 www.paper51.com
4.3 网页特效设计 内容来自论文无忧网 www.paper51.com 我做的旅游网站是属于静态的,为了使网页有那种动态效果就加了几种特效。 paper51.com
内容来自www.paper51.com 图4-1 百叶窗特效图 http://www.paper51.com
内容来自www.paper51.com
图4-2 礼花背景特效图 内容来自论文无忧网 www.paper51.com 内容来自www.paper51.com 图4-3 下雪特效图 内容来自论文无忧网 www.paper51.com 第5章功能说明 内容来自www.paper51.com 5.1 前台显示说明 copyright paper51.com 我制作的这个旅游网站比较详细的,国内和国外的旅游景点都有的,相比之下,还是国内做得比较详细。在这个网站中你尽可以选择你所喜欢的地方,在浏览的过程中,你仿佛身临其境,享受大自然的风光。 paper51.com 主页上有很多内容显示,比如天气预报,这是为了游客出门时能让对天气的情况有所了解,是否带上雨具或做好防晒准备什么的,都是给游客出门时有所准备。游客要是想更多了解不同城市的景点,我在友情链接里加了有来自许多不同地区的城市,为游客提供了更详细的旅游线路,旅游线路这一块中能够提供给游客更便捷的旅游路线,子页也分了五个部分,在旅游新闻中有不少的旅游资讯,使游客在从中可以获得一些在旅游方面一些前为的知识,里面也包括了三个小块。旅游线路这一块中我做得是最详细的一块了,里面包括了八个小块,我在做这一块中花了很多心思在里面,你可以从不同角度去选择你所想要去的旅游景点,去选择你的线路。差不多都介绍的比较详细了的。在代办签证里介绍了很多的签证种类,包括需要哪些材料。还有一写价目。因为签证比较麻烦,真要是做的那么的仔细那就要下很多的功夫,由于时间有限也只有做得粗糙一点了,但一般外国基本上是有的。留言反馈我也做得比较简单,为了很好的做好这样的服务。和以后的发展,我们要从游客那里得到答案,哪里还不够好,哪里需要改进。就是“有则改之,无则加冕”为以后的竞争做好准备。其实我在设计这块旅游网站的内容,是尽是想让网上浏览者能多停留在我这网站上,以我网站的内容,能够吸引浏览者。 paper51.com 5.2 其它功能说明 内容来自论文无忧网 www.paper51.com 我还有一些特别的景点的介绍,比如红色之旅,那里介绍了我们以前老前辈的共产党到过的地方,和一些名人的地方。为了游客在外面可以预防一些小伤感冒什么的我们介绍了一些旅游知识即哦啊你怎么喝水。在大冬天的怎么生火在野外。一些什么样的旅游者适合什么样的运动。等等我们还准备了一些其他的链接。比如像天气预报什么的,为了是方便旅游者出门的方便,应该带什么工具。一些其他的知识。 copyright paper51.com 具体分工 内容来自论文无忧网 www.paper51.com 在做网站上我们也有具体的分工合作,我主要负责的是模块设计。在做网站上模块大部分由一个合作者完成,。同时我也协助合作者一起找一些网站需要的资料资料,两人互相提供意见,以便使网站打到做好的效果,让人看见了有一种饱眼福的效果。在网站的制作上我们合作的很愉快。通过两个人的分工我们在任务上就减轻了很多。但是两个人的合作我们的网站又比一个人的做的更好。 copyright paper51.com |