网页设计大作业.pdfVIP

湖南涉外经济学院

《网页设计》期末大作业

设计题目：致我们终将逝去的青春

学号：37

姓名：全新华

院系：文法学院

专业班级：汉语言文学1301班

指导老师：蒋桂莲

日期：2016年7月1日

1、页面设计分析

我设计的这个网页主要介绍的是我个人在大学生活的一个状态，作为一名大三学生，我

我们每个人都希望做这么一份个人网页，所以借着我们学习的这个机会，给老师同时也是

给自己交一份满意的答卷，我相信这一份个人网页会成为我很珍贵的一份纪念。作为一个网

站的首页，其页面应需要简单，明了，给人清晰的感觉。顶头部分主要放置网页主题、导

航菜单和网站的LOGO信息等，其log。可以是一张图片或者文本信息等；页面主体分为两个

部分，页面主体左侧是个人网站介绍并配有自己的照片以及自我对个人青春的总结；其中相

册、美食、明星、故事、个人、联系等7个页面都设置了二级页面，都是自己青春的积累。

页面主体右侧是个人信息以及闺蜜朋友的简单介绍,这些可通过页面顶部导航进入相应页面

介绍，底部设有“友情链接”，链接了“百度”、”湖南涉外经济学院”、“360”等。。。。。。。。。。。。。

2、开发环境及软件

Windows10,MacromediaDreamweaver6,美图秀秀等

3、系统结构功能图、页面结构草图

3.1系统结构功能图

那些年我们一起疯狂的照片二（级页面）

那些年我们一起过的明星二（级页面）

致我们终将逝去的青春那些年我们一起吃过的美食二（级页面）

一（级页面）

那些年我们一起见证的青涩女孩二（级页面）

那些年我们一起拥有的青春故事二（级页面）

那些年我们一起追的狗血剧二（级页面）

联系——表单二（级页面）

3.2页面结构草图

整个设计过程中都用的了css+div布局，整体为1400宽，600高，用头部、左侧，内容,

底部的制作；如下图所示:

图1css+div设计截图

4、页面制作过程;

4.1主要界面

(1)主页

绿舍园艺

LVSHEYUANYI

首页界面公司简介经营范围植物养护联系我们

公司简介经营范围

内螭二楼248号

绿舍园艺是一家全方位的园林景观设计工程公司。我公司主

要从事：园林、屋顶花园、别量庭院、室内景观，高尔夫球

场养护的设计与施工。多年来一直为打造精品庭院，为客户

提供宁静温磐的居住环境和健康舒适的休闲空间为已任。立

足高品味，锐意创新，追求卓越。精美的设计方案和细致的

施工，盗得了客户的广泛认可，公司也不断的成长和壮大。