打造旅游网站设计攻略：揭秘高效旅游网页制作技巧

旅游网站设计如何构思

这是一个相当明确的问题，目标用户是旅游爱好者，产品涵盖旅游目的地及其提供的服务。

首先，我们必须对游客进行更细致的分类。有的旅游目的地专为家庭旅行设计，有的针对儿童，还有一些针对城市小资群体。不同人群的吸引点各不相同。要想网站吸引这类人的注意，首先要了解他们的需求。

其次，建议明确旅游目的地能提供的产品和服务有哪些。包括自然风光、特色民宿、当地特产等，目的是将不同服务串联成一个体系。单一的产品难以吸引人。

第三，网页设计分为两层：功能逻辑层和视觉表现层。在这里，我将产品经理和交互设计师的工作统一归为功能逻辑层。功能逻辑层同样需要基于前两点，提炼出目标群体的核心需求。还要注意旅游服务体系如何相互关联。例如，交通、住宿、购物、景点门票等。如果你的网站提供了网络化、体系化的服务，用户的粘性就会逐渐提高。视觉表现包括UI设计和动效设计，建议采用简约风格，多使用景区照片，营造氛围。图片的表现力远胜于文字。动效设计可以增加网站的高级感，起到引导、说明和强化功能的作用。

最后，网站设计完成后，不要急于开发和上线。先找目标用户进行用户测试，测试用户对网站的满意度以及他们的其他问题和需求。这个用户研究在第一步也应该有。对用户研究越深入，产品越容易打动用户。因此，不要忽视这一步。

网页设计研究报告

网页设计研究报告

引言：网页设计是随着计算机网络技术的产生和发展在二十世纪中期诞生的一门全新的艺术设计形式，是平面设计在现代社会中的延伸和发展。以下是我为大家整理的网页设计实习报告范文，欢迎阅读。

篇一：网页设计研究报告

实习目标：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。

网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多；网页也是公司对外的门面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。

一.网站的整体规划

1.讨论网站主题：由于自己对普罗旺斯很感兴趣，于是想到为心中的仙境设计一个旅游网站。

2.定位网站CI形象：旅游网站最重要的就是让浏览者产生想去亲身体验一下的共鸣。于是，在网页设计上，根据普罗旺斯梦幻般的意境，我采用了清新隽永的CI形象，让浏览者有宾至如归的感觉。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置（横向因素和纵向因素交错）

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走印象派路线，目的就是让浏览者留下印象。

二.网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景、FLASH源代码、小图标和一些GIF动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

一台电脑（64MB以上内存，当然越大越好）；可以拨号上网；如果你有条件的话，建议：配置扫描仪，这将大大方便图像和文字的输入；

软件：

HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver；

图像处理软件：常用的有Photoshop、flash、Fireworks等；

文件上传软件：常用的有Cuteftp、WSftp等。

三.网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的FLASH不能产生效果。总之问题一大堆。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书馆里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意，网上只能使用JPG和GIF两种图像格式，其他诸如BMP和TIF等很通用的格式都不能用在网上，因为它们太大了，但可以用图像软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图像放进相应的目录里后。

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多东西。

四.网页的调试

之前把做过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解决方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

总结：在WWW上，不论你是资产上亿的大公司，还是捉襟见肘的穷学生，只要你建立了自己的网页，你们的地位就是平等的。经过这周的相关学习，我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜，不要做好就放到服务器永远不变了，只有不断地补充、更新内容，才能够吸引浏览者。维护更新时可以充分利用Dreamweaver提供的模板和库技术，以提高工作效率。一个真正的网站，不仅应该实现传统媒体的电子化，给用户提供需要的内容，而且还应该做更多的事情，完成比页面浏览更高层次的需求，例如收集信息、数据传递、数据存储以及系统维护等。自己还有许多要学习的地方。

总结：在互联网上，无论你是资产丰厚的大企业，还是经济拮据的学子，只要构建了自己的网站，你们的地位便是平等的。经过本周的学习，我认识到网页设计与制作是一项浩大的工程。网站的反馈与评价需要定期维护更新内容，保持内容的新鲜度，切勿一成不变地放置于服务器上。只有持续补充、更新内容，才能吸引访客。在维护更新时，可以充分利用Dreamweaver提供的模板和库功能，以提高工作效率。一个真正的网站，不仅应实现传统媒体的电子化，提供用户所需内容，还应该做更多的事，满足比页面浏览更高层次的需求，如信息收集、数据传输、数据存储以及系统维护等。我还有许多需要学习的地方。

篇二：网页设计调研报告

转眼间，期末将至，网页设计课程的学习也将告一段落。尽管时间略显仓促，但经过这几周的学习，我收获颇丰。

还记得最初接触Dreamweaver时，我感到十分迷茫，因为面对陌生的软件，心中难免会有不安，担心跟不上老师的进度。最初几节课，老师讲解的内容较为基础，尚能跟上，但随着老师授课速度的加快，我开始有些跟不上了，需要课后自行补充，向老师和同学请教。在老师的耐心指导下，我们逐渐熟悉了这个软件。老师布置的第一个任务是制作一个个人形象网站。由于学习时间较短，老师只要求我们用PS制作模板，任务相对简单。但也要求设计感强，色彩搭配和谐，并尽可能制作出实用且符合实际的精美网页。

第二个网页设计任务要求较高，使用Dreamweaver制作一个接近真实的网页，并创建一个二级页面。于是我开始收集各方面的资料。确定主题后，便开始布局。最初使用了一个表格，然后在表格内进行拆分合并处理，接着利用PS处理出了一个版头，并将调整过大小的图片放入其中。

在预览过程中，我发现版头与下方图片文字之间存在较大距离，尽管在软件中已将距离调整为0，但多次尝试后仍无效果。最后想到可以添加一个表格，将版头放在一个表格内，问题便得到了解决。预览效果还不错。但总觉得首页过于普通，一次浏览学长做的网页时，发现他们的文字滚动窗口效果不错，于是决定修改自己网站的左侧。复制了他的代码，将内容修改为我的网站所需文字。本以为可以轻松完成，却遇到了大问题。

因为需要滚动的文字占用的空间太大，将左侧的表格全部占满，而在实际网页预览中，这个有文字滚动的框只占据了左边三分之一的区域，左侧还有三分之二的空间留白。我想是否可以将文字层层放置，尝试了多种方法，在网站上也查阅了许多资料，但可能因为没有使用专业术语作为搜索关键词，无法找到相关资料。尝试过div标签，尝试过不断拆分表格，最后仍无效果。就在我不断尝试时，突然想到了层这个概念。于是，在布局中点击了绘制层，结果成功了。经过一些加工，终于成功完成了左侧布局。印象比较深刻的是插入声音，老师曾经多次讲解如何插入声音，但自己做网页时却忘记了，于是向其他人请教，结果发现大家也都忘记了。于是我在百度上搜索，最终找到了一个可用的代码。但在添加声音路径时出现了问题。在属性内添加源文件时，无法添加MP3音乐文件，于是尝试添加了一个视频，记下了路径格式，然后按照这种格式写下了指向声音源文件的路径，最终成功。在设计过程中还遇到了许多问题，但通过查阅书籍、上网查询、请教同学等方式，不断学习、解决问题、提高，设计的网页在外观和内容上都在不断进步、改善。可以说，通过动手实践，我的网页设计水平得到了很大的提升。我相信，凭借热情和执着，我将来设计出的网页会更加专业、完善。