《网站设计综合实践》结题报告
院部: 信息科学与工程学院
专业: 计算机科学与技术
班级: 计科
学号:
姓名:
2015 年 9 月 10 日
综合设计主题
山西太谷介绍
综合设计副题
我的学校所在地
网站设计思路:
“太谷介绍”的网站,利用表格、层和链接等网页设计技术设计页面。通过photoshop等对图片进行加工处理,对整个网站的风格进行总体规划。本网站属于简约大方的一类,通过展示出太谷不同的方面给大家以不同的体验。
网站功能划分及实现:
本网站共分为七个大块:如上图所示,历史沿革、行政区划、自然环境、人文景观、历史人物、地方特产、教学文化。各个模块之间通过导航栏来进行跳转。
概要设计
所有的网页外围都具有一样的框架,只有中间的内容在改变,这样做更加直观。
首页、历史沿革、行政区划、自然环境、人文景观、历史人物、地方特产、教学文化。其中,“历史沿革”介绍太谷的历史发展,“行政区划”介绍了太谷现在的行政划分,“自然环境”介绍了太谷境内的山川河流,“人文景观”介绍了太谷境内的一些代表性的历史建筑,“历史人物”介绍了民国国民政府行政院长——孔祥熙的一生,“地方特产”介绍了太谷当地的一些特产名吃,“教学文化”制作了关于太谷地区各个学校的照片相册。
所用工具:dreamweaver、photoshop等。通过photoshop等对图片进行加工处理,将处理好的图片插入到dreamweaver中,并进行排版等工作,最后编辑文字内容格式,网页制作完毕。
详细设计
本网站一共有11个页面,每一个页面顶部都有导航栏,能够相互跳转,而且在人文景观各页面底部设有“上一页”、“下一页”、“返回”等按钮,不必使用浏览器上的后退按钮。下面,介绍一下重点几个页面的设计:
1“首页”
在首页上,除了顶部的导航栏以外,左上角插入了一张图片,右上角则是一段太谷的简单介绍,下半部分则是以表格制作了一份关于太谷的简单名片介绍。同时页面还插入了一张背景图片。
2“历史沿革”
除导航栏以外,历史沿革页面分为上下两部分,上部分介绍了太谷的
县界变迁,下部分介绍了太谷的行政隶属。以书页图片作为背景,整体简洁明了。
3“行政区划”
除导航栏以外,在页面的右上角以表格来制作了一份关于太谷一些行政知识的名片,周围是环绕报表格的具体的行政区划说明。夏茉是一份关于太谷3镇6乡的详细介绍,包括行政代码、面积以及下辖村落的名字。页面以严肃的浅灰色为底色,显示出官方行政的庄重严肃,令人肃然起敬。
4“自然环境”
除导航栏以外,页面自上而下依次介绍了太谷境内的山地、水文与气候。每段介绍都有一张相关图片插入其中,便于读者更加清楚的了解介绍内容。
5“人文景观”
除导航栏以外,开始先总体介绍了太谷的旅游景观的发展现状,下面又
网站设计综合实践 来自淘豆网www.taodocs.com转载请标明出处.