网页设计报告.docx

网页设计报告.docx

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

网页设计报告

华东交通大学理工学院

课程设计报告书

所属课程名称网页设计与制作

题目　旅游网页设计　　　　　　　　　　　　

分院　　电信分院　　　

专业班级

学　　号　　　　　　　　

学生姓名　　　　　　　　

指导教师　　　

2014年12月28日

目录

第一章：

课程设计要求3

第二章：

网页设计的思路5

第三章：

网页总体分析与设计流程6

第四章：

网页的设计内容8

第五章：

网页设计心得19

第六章：

参考文献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.

在网页中插入图像用到其中这里涉及到关于绝对路径和相对路径，设置好相对路径就比较方便一些。

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

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

三：

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

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

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

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

四：

流程图

第四章：

网页的设计内容

1：

导航栏的代码