网页设计报告Word文档下载推荐.docx

网页设计报告Word文档下载推荐.docx

《网页设计报告Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《网页设计报告Word文档下载推荐.docx（10页珍藏版）》请在冰豆网上搜索。

参考文献21

课程设计要求

通过学习网页设计的一些知识，通过实践来应用，本次的课程设计我是做一个关于旅游这方面的。

首先要布局好边框的大小，通过了解要做一个怎样的旅游网页才能吸引游客，就必须布局好整体的效果，旅游网页要包括一些图片，文字，关于一些景点的介绍和一些景点的门票来介绍某个地方的旅游景点，让人们更加的了解。

应用相应的编程代码的软件，本次应用到EditPlus和相关的浏览器。

通过应用这个软件，做到理解并初步掌握应用EditPlus可视化开发工具进行网页开发的方法；

了解网页设计过程。

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

1．建立站点；

2．结构分析；

3．搭建框架；

4．切割效果图；

5．布局页面——头部和导航；

6．布局页面——侧边栏；

7．布局页面——主体部分；

8．底部和细节调整。

第二章网页设计的思路

关于一个网页的设计，我们应该考虑用户的需求，然后才是考虑做一个怎样的网页，每个网页在不同的领域是不同的，我们也要考虑首先做一个网页包含的步骤，一个网页的设计最主要的是怎样的布局，大体应该包括：

第一要网站定位，网站定位一般包括以下几部分：

根据市场定位，根据人群定位，根据个性定位，根据兴趣定位。

接下来我们应该考虑网站的设计，网站的设计包括以下几部分：

整体设计，图片设计，栏目设计。

这样一个网页设计的思路就出来了。

网页总体分析与设计流程

一：

建立布局

在这次的网页设计中应用到大量的布局，所以建立怎样的布局才是关键。

布局应用到css+div

网页布局要应用到很多的div，首先要考虑到头部，中部，顶部都是应用到div并且中间的那一部分又需要嵌套div，同过css可以怎要布局一个页面。

二：

图片对于个要设计有关旅游网页是必不可少的，一个图片的大小和一个图片的放置位置都关系到一个网页给人的感觉，所以在网页设计中要设置好图片的位置和大小。

图片的格式有很多种，比如gif、jpeg、bmp、eps、fas等，现在的InternetExplorer和Firefox支持和最常用的图像格式是gif、jpeg、bmp.

在网页中插入图像用到<

imgsrc=””>

其中这里涉及到关于绝对路径和相对路径，设置好相对路径就比较方便一些。

在次就是设置图像的大小。

在网页设计中插入图像的时候要考虑到摆放的位置

三：

（1）关于网页设计的头部就是导航栏要有整体的效果，需要设置一张背景图片和一些文字说明。

关于网页设计的内容部分要设计好，分为三部分，分别为左中右，中间主要包含景点介绍和景点门票。

关于网页设计的右边就是包含一些关于附加的文字来介绍一下。

关于网页设计的底部就是一些做一些细节的调整就可以了。

四：

流程图

网页的设计内容

1：

导航栏的代码

<

divid="

head"

>

<

div>

ahref="

#"

登录<

/a>

class="

r"

注册<

忘记密码<

帮助<

/div>

h"

ul>

li>

3.html"

b>

门票<

/b>

/li>

Noname2.html"

火车票<

oname1.html"

酒店<

m.html"

小吃<

/ul>

2：

内容部分

divclass="

main"

mainleft"

top"

q"

pre>

北京丽江杭州三亚<

/pre>

hr>

w"

e"

imgsrc="

30382.bmp"

width="

300"

height="

200"

border="

0"

alt="

"

p>

苏杭园林<

/p>

t"

big>

园林景区<

/big>

div>

span>

江南水乡的韵味,在于青山绿水.小桥、流水<

br>

人家构成其独特的人文.青石板路上斑驳的<

苔藓,诉说的是古老的文化.苏杭的园林景区<

便是历史人文的结果见证。

让我们走进美景<

的一角——苏杭园林,打开天下美景的视角!

/span>

o"

7cdb.jpg"

180"

li>

温暖十月,云南梦幻游<

hrpz4892<

hrstyle="

border:

1pxdotted#036"

/>

回首西塘,三亚如梦<

刘哲-幸福旅行箱<

生日去厦门,逛吃逛吃<

纳木错好<

v"

tablewidth="

800px"

tr>

thstyle="

color:

#00ffcc"

当季度假热门<

/th>

今日特价<

当季最好玩<

海岛度蜜月<

购物血拼价<

美食达人<

>

更多<

/tr>

/table>

c"

h1style="

line-height:

200px;

size:

large;

#ffffff"

草原之旅<

/h1>

fbb.jpg"

tableheight="

200px"

width="

400px"

thbgcolor="

#ff6633"

国内游<

td>

北京4天3晚自由行<

/td>

tdstyle="

#ff0000"

价格800元<

国内游

九寨沟爆款3日跟团游<

价格400元<

tr>

全国联运巴厘岛6天游<

价格2000元<

长隆乐园双人套餐<

价格2050元<

九寨沟、黄龙3日游<

价格500元<

l"

9cdb.jpg"

162"

115"

722.jpg"

211.jpg"

059.jpg"

5eac.jpg"

3：

底部的部分

bottom"

关于我们<

|

服务条款<

广告服务<

招聘信息<

客服中心<

郑重申明<

#A0"

bstyle="

font-size:

15px"

返回顶部<

运行结果如下：

网页设计心得

通过这次网页设计，我认识到了我有哪些存在的不足的地方还需要好好努力，比如我在做课程设计的时候并不是一帆风顺的，其中为了布局而发掉了大部分时间，还有就是差点没有保存，害得差点又得重做，所以说我应该养成每次做完东西要记得保存的好习惯。

还有就是在做网页设计之前要先想好布局，布局就像写作文列提纲一样，布局好了就很好做一些，其次在做网页设计的时候我一开始用的是绝对路径，后来发现绝对路径没有相对路径方便一些。

通过这次的网页的设计我知道要做好一个网页设计必须包好导航栏和内容还有底部这三部分的内容。

我觉得学习网页设计需要坚持，坚持不断地学习，因为设计网页的软件在不断地更新，就像我写的网页代码用不同的浏览器运行的结果是不一样。

所以说你不但要学习更多的网页编成代码，还要学习各种浏览器的使用。

网页设计要注重实用，个人认为网页设计应该注重实用性，因为它是让别人来浏览的，面向的是用户，所以应该考虑用户的需求。

现在计算机和网络已经深入到了我们生活中的方方面面，已经成了我们生活中不可或缺的一部分，所以，了解和学习网络知识是我们作为一名大学生迫切需求。

我们在以后的时间要多多练习，这样才能更加的掌握知识和应用知识。

这门课虽然已经学完了，但是我们还要学的东西还有很多很多。

我们要学会自学。

这样我们才会跟上社会的发展。

参考文献

[1]胡菘。

HTML从入门到精通[M]。

北京：

中国青年出版社，2007.12.6

[2]张华、贾志娟主编，asp项目开发实践，中国铁道出版社

[3]沈大林主编，中文Flash8案例教程，中国铁道出版社