当前位置:文档之家› 可视化程序设计实践报告

可视化程序设计实践报告

%%%%大学
可视化程序设计实践
2013 年 7月 26日
目录
1 设计目的 (1)
2 需求分析 (1)
2.1 用户 (1)
2.2 主要功能 (1)
2.3 基本流程 (1)
首先建立一个首页,在首页上链接了4个主页,分别是旅游指南,畅游中国,欧洲之旅以及浪漫之旅。

而在每个子页里面我又链接了一个或几个子页,分别详述了中国的几大特色景区以及欧洲的著名的美景,还有被称为浪漫圣地的几座“小岛”。

(1)
3 网站开发过程 (2)
3.1 主页面的设计 (2)
3.2 子页面设计 (3)
4 心得体会 (6)
5 参考文献 (6)
1 设计目的
本课程的设计目的是通过设计一个简单、美观、符合实际的网页页面,能够较全面地理解、掌握和综合运用所学的知识,理解并初步掌握运用Dreamweaver可视化开发工具进行网页开发的方法;了解网页设计制作过程。

通过设计达到掌握网页设计、制作的技巧。

了解和熟悉网页设计的基础知识和实现技巧。

根据题目的要求,给出网页设计方案,利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Dreamweaver软件的的操作和应用。

增强动手实践能力,进一步加强自身综合素质。

我本次主要是设计的是一个“乐我旅途”为主题的旅游网页,对各大著名的旅游景点做了介绍。

2 需求分析
2.1 用户
网站的主要浏览者是主要准备旅游的观光者。

2.2 主要功能
建立乐我旅途网站可以用精美的画面向旅游者展示每个景点的大概信息。

通过建设网站宣传,提高知名度,吸引更多的旅游观光者来。

除此之外,也是希望通过本人建立的网站,可以让更多人了解各个旅游地点的风光以及特色,以此来促进旅游的更好更快发展。

2.3 基本流程
首先建立一个首页,在首页上链接了4个主页,分别是旅游指南,畅游中国,欧洲之旅以及浪漫之旅。

而在每个子页里面我又链接了一个或几个子页,分别详述了中国的几大特色景区以及欧洲的著名的美景,还有被称为浪漫圣地的几座“小岛”。

图1 网站具体结构图
3 网站开发过程
3.1 主页面的设计
首页主要是提供导航功能,页面内容是对景区的大概介绍,提供地图对景区结构有一定了解。

一层栏目以重要景点,二层栏目为旅游指南,住宿交通信息等的链接。

让浏览者对网站布局大概了解,浏览速度快,能准确获得信息。

首页通过一个唯美的封面图片来吸引浏览者的眼球,通过一些“名人”对旅游的感受来引起浏览者对旅游的向往,然后通过顶部的四个模块,让浏览者对本网站的主要宣传内容一目了然,浪漫的马尔代夫心形小岛,更是激起了浏览者们想要去体验的欲望。

在首页的部分,我手动在拆分栏里/head后输入sdsound.src,添加了背景音乐,使浏览者们在浏览的时候保持愉快的心情。

因为觉得本人能力有限,不能满足观者的需求,所以在首页底部做了一个链接,可以观看到旅游网的内容。

图2 主页面设计图
3.2 子页面设计
1)副页畅游中国(html1)
主要是对国内的几大风景进行了介绍,并配图说明。

在这个部分,我用了2乘2表格来讲述四个旅游景点,每个小标题都可以连接到具体的介绍部分。

图3 畅游中国
在畅游中国部分,分别有梦幻九寨沟、七彩云南、古城西安、和闽南风情四个部分,这四个标题都可以连接到具体介绍页面,并配以图片说明。

图4 九寨沟
图5 云南景色
2)副页欧洲之旅
主要是对欧洲的景色进行大概介绍,并且以图片作为展示说明。

通过4乘1的表格来讲主要的四个有特色的国家,每个小标题都可以链接到具体内容。


6
图6 欧洲之旅
在小标题的链接里,用文字详细地介绍了四个国家的风俗以及特色,并配图说明,而且在底部可以返回主页。

图7 大本钟
4 心得体会
网页设计,几乎是自己边做边把兴趣培养起来的,虽然刚开始并没觉得这是好玩的东西,但是越做越能获得学习中的乐趣。

制作的过程是艰辛的,但是结合教材及老师的指导,通过自身的实践,终于制作了自己的第一份网页设计,即使还有很多不足,但是我仍然觉得有种成功感。

总的来说,我学会了很多知识,收获了很多。

1)对网页的构架要有个宏观的构思。

刚开始,就是因为,没有构建好框架,表格几行几列都没想好就开始做了,以致于在制作中产生了不少的麻烦,甚至有的看起来没有一个整体美,这主要是没有经过周密的构思。

2)对其中的一些概念的理解,文字什么的都要统一,图片也要规范大小一致,网页设计师一个讲究整齐简介的页面。

所以在制作后,我知道制作要统一规范化。

在制作了之后,收获了很多,激发了我对网页设计的兴趣,我会用更多的时间去学习,去提高我的水平,让自己以后设计的网页更精美实用。

5 参考文献
[1] 何国民,仲志国.ASP动态网站设计[M].科学出版社,2009,09.
[2] 胡秀源.基于APS技术的动态网站设计[J] .制造业自动化,2011,03.
[3] 吴幸.基于的动态网站设计[J].电脑知识与技术,2006,10.
[4] 前沿文化.网页设计与网站建设[M].科学出版社,2003,01.
[5] 郝倩.APS在动态网站设计中的应用[J] .软件导刊,2009,11.
“可视化程序设计实践”课程成绩评价表
指导教师:年月日。

相关主题