网页设计课程设计报告

网站主题：南国之旅旅游服务网站

系 别：   电子商务

 班 级： 20##级电子商务

学 号： 201124040138

姓 名：   汤  永  亮

指导教师：宋  春  晖 

海南师范大学

信息科学技术学院

电子商务班

  课程名称：网页设计

    题目：南国之旅

                   指导教师：宋春晖

目  录 

      一、需求分析与主题设计 ........................................................................................... 1

二、栏目设计 ............................................................................................................... 2

三、布局设计 ............................................................................................................... 3

四、制作过程及要点 ................................................................................................... 4

五、网站运行分析 ........................................................................................................5

一、需求分析与主题设计

用户对网站的要求是：风格统一和谐的网页，网页操作合理、方便、友好

需要实现的功能和性能是：适当运用HTML语言和CSS样式定义，并正确运用多媒体信息，设计出风格统一和谐的网页；网站正常运行，功能达到设计要求，风格和谐统一，操作合理、方便、友好，界面具有美感或创意，还要符合网站管理的原则。 

网站的主题是介绍我所在大学的旅游胜地景点简介、路线选择，美图

网站主色调为蓝色，橘黄色，颜色搭配均匀；清新自然。

                       二、栏目设计

本网站共含有11个网页，其中一个主网页，五个一级页面，六个二级页面，三个三级页面

      

                  三、布局设计

主题布局如下，采用尽量简洁的表格，首页简单明了，不会给人拥挤的感觉，所需要进入的网页一目了然。

四、制作过程及要点

1、层的使用 

       在这次网页设计过程中，使用了大量层，因为它灵活好用，可以随便拖动，变大变小都很方便，而框架虽然也能达到这个效果，但是，它不够灵活，当然一些地方仍然要用到它，体现清晰的结构。

2、运用Photoshop工具 

网站的logo、部分图片都使用photoshop来制作完成

3、使用链接 

   为方便读者的查阅，在各页面底部都设置了页面链接。每个

4、插入跳转菜单 

5、为了使读者能快捷的回到自己感兴趣的页面，于是在各个页面都插入了跳转菜单。 

6、插入滚动文字 

7、设置交替图像，鼠标放置停止图片切换

 8、制作在整个页面浮动的图片

 9、设置垂直循环滚动的图片 

10、使用弹出信息行为

                  五、网站运行分析

　  静态网页一般是以。html 、htm、shtml等为扩展名的文件，现在的静态文件大多是程序生成的静态，而不是早期制作的静态网页。运行于客户端。更改主要是对模板的修改然后再次生成静态。

    网站生成静态后，用户浏览时，服务器自己把静态页面返回给客户，不用做另外的操作，可以减缓服务器的压力。

  静态页面修改更简单，要修改整站的信息，只需要修改一个地方，不做任何另外操作，及时生效，静态页面择需要先修改模板，然后整站生成页面才能生效，维护需要花费时间更多。   

不足：网站介绍的景点数目少，景点介绍的不太详细，例如各景点的美食小吃，景点的路线介绍的不多，只是略见一斑。网站的简介介绍的内容不够全面，只是简略的介绍了景点的地点和比较出名的景点风景，但是没有全面的介绍景点的内容。景点的路线普及的地方很少，没有普及到周边比较出名的景点。网站的代码不太统一，没有用外部连接文件，后期的维护困难。

改进方法：增加景点的数目和详细简介内容，网站的代码要统一整理，最好一个外部连接文件控制样式等，便于后期维护。

六、个人心得

本次网站主要是运用上学期学过的知识来布局应用，通过本次的网站设计，运用了上学期所学到的知识这样不仅复习了上学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了运用网页特效，怎样的特效才能凸现网页主题。在制作网站的过程中，也碰到了不少的不明白的地方通过同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如页面的制作、脚本的运用、一些效果的运用等运用的不够灵活，同时网页布局也不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周，为什么呢？因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，老师此次布置的任务是上大学以来唯一把知识用于实践的第一回，再一次谢谢你老师。总之这次设计就是在不断的“发现问题——>解决问题——>再发现问题——>再解决问题——>”这个学习过程中完成的。今后我将继续努力的。

 

第二篇：网页设计实验报告书

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

实 验 报 告 书

学 号

同 组 者

专业班级

课程名称

实验名称

姓 名 指导老师 实验日期 网页设计 个人网站设计

实验报告具体内容一般应包括：一、实验目的和要求;二、主要仪器设备(软件);三、实验内容及实验数据记录;四、问题与建议

实验名称 个人网站设计

一． 实验目的和要求

个人网站建设的目的：

让学生了解网站规划的内容，熟悉网站的建立过程，学会对网站进行测试和维护。

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

个人网站建设要求：

(1)在导航上要尽量清晰明了，布局合理，层次分明，页面链接层次不要太深，尽量让用户用最短的时间找到需要的资料。

(2)风格要统一：保持统一风格，有助于加深访问者对你的个人的印象。

(3)色彩要和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则。

(4)统一网站的CSS，有助于保持整个站点的风格统一，并且方便修改。

二．主要仪器设备（软件）

实验软件：Windows XP 操作系统 或者 Windows 2000,Windows 2003操作系统;Dreamweaver、Fireworks、Flash。

三.实验内容及数据记录

实验内容

1．创建网站，用Dreamwear 生成一个网站。

2．规划网站，通过对网站的整体规划，和对风格的分析，总体规划网站

的功能和特色。

3．素材收集，通过PHOTOSHOP或者FLASH，作好网页图片等的准备。

4．栏目设置

（1）．个人简介：包括150以上的文字介绍,3张或以上的作品图片展示。

（2）．原创文学：记录自己生活中的一些感悟和思考。

（3）．学习笔记：随时更新和记录自己在学习过程的点点滴滴。

（4）．相册图库：拥有大量的本人的图片以及自己喜爱的图图。

（5）．推荐酷站：推荐自己喜欢的站点，以供他人欣赏。

·1·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

（6）. 自由发挥空间或者给我留言：人网站的交互式栏目,方便浏览者与

站长进行的直接沟通.

5．网页设计，通过用Dreamwear8工具，开发各个栏目设置中的网页。

6．网站测试，通过IE来测试网站的完整性，正确性和兼容性。

7．网站发布，发布网站到指定的空间，可以申请免费的空间和域名，也

可以把它发布到本机的IIS或其他WEB服务器上。

实验数据记录

第一步 用Dreamwear 生成一个网站。

第二步 规划网站，通过对网站的整体规划，和对风格的分析，总体规划网站的功能和特色。

·2·

第三步 精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 / 素材收集，通过PHOTOSHOP或者FLASH，作好网页图片等的准备。 ·3·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

第四步 栏目设置

1．个人简介：包括150以上的文字介绍,3张或以上的作品图片展示。

2．原创文学：记录自己生活中的一些感悟和思考。

3．学习笔记：随时更新和记录自己在学习过程的点点滴滴。

4．相册图库：拥有大量的本人的图片以及自己喜爱的图图。

·4·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

5．推荐酷站：推荐自己喜欢的站点，以供他人欣赏。

6. 自由发挥空间或者给我留言：人网站的交互式栏目,方便浏览者与站长进行的直接沟通.

第五步 网页设计，通过用Dreamwear工具，开发第四步栏目设置

中的各个栏目的若干网页。

·5·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

·6·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

·7·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

·8·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

第六步 网站测试，通过IE来测试网站的完整性，正确性和兼容性。

第七步 网站发布，发布网站到指定的空间，可以申请免费的空间和域名，也可以把它发布到本机的IIS或其他WEB服务器上。

四.问题及建议

·9·

精油的使用方法|精油的功效|丰胸精油|薰衣草精油|茶树精油 /

·10·