西部风情旅游网深圳广播电视大学计算机网络技术专业综合实训报告 西部风情旅游网设计年级专业： 学 号： 姓 名： 时 间： 目 录一、概述.31、选题说明 .32、需求分析 .4二、开发环境简介.51、硬件环境.52、软件环境.53、开发工具 .6三、网站总体设计.71、网站的主题说明.72、网站总体结构 73、各级网页风格说明 .8四、实现过程及完成效果介绍 .91、实现过程简要说明 .152、系统实现效果总结 .163、网站调试与测试 .174、网站发布过程说明 .18五、总结 .14参考文献.15附录. .16一、 概述1、 选题说明 21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入人们的生活。而作为新世纪的人才具备一定的网络知识，来充实和武装自己。 大学生具备一定的网络知识是很重要的，不管是对于在校的学习，娱乐还有毕业以后面临的就业。都是能够影响到个人的发展的。而个人网站建设理念就能很好的解决这个能影响到大学生发展的问题。个人网站建设首先能丰富学生的文化知识，在建设网站的过程中能学到实际的网络知识。这样不仅对原有的知识是个实践性的提高，而且还积累了实际的设计经验，对于想从事网站设计工作的学生来说是个很好的锻炼机会。而且还可以针对有建站需求的学生、企业提供网络知识的培训。对于即将毕业的学生，个人网站可以帮助学生本人学习更多的网络知识，更好的展现大学生的风采，帮助学生更好的选择就业。2、 需求分析随着社会的发展,人们生活节奏的加快,工作在城市的人压力越来越大，身体的健康也受到了影响。旅游做为一种释放压力，煅炼身体的活动越来越受到人们的喜爱，逐渐成为一种时尚。在结合当前金融危机，与最时兴的自驾游，自助游的大背景下，该网站主要为游客提供，人文景观介绍，线路咨询，带团出游，门票预定，洒店预定. （1）网站特色为自驾，自助游的游客提供民居住所网上参观预定，与当地居民网上交流。不仅可以品尝到当地的民俗食品，民俗文化，还可以大大的降低自驾，自助游的成本。 （2）网站的盈利主要收入来源有，通过该网站报名旅游公司的报团提成，门票景点的返利，洒店民居的入住提成，以及旅游公司，当地特色产品的广告收入。二、 开发环境1、 硬件CPU： Intel 酷睿2双核 E3600(盒)主板： 技嘉 GA-EP45-UD3R显卡： 双敏 无极9800GTX玩家黄金版内存： 威刚 2G DDR2 800+ (红色威龙) x2硬盘： 希捷 1TB 7200.11 32M(串口/盒)光驱： 先锋 DVR-216CH音箱： 漫步者 e1100机箱： 爱国者 月光宝盒 彩绘CH-1322电源： 航嘉 冷静王至尊版(ATX12V 2.3版)鼠标： 罗技 G1游戏键鼠套装显示器：冠捷 712SI2、 软件环境1）WINDOWS XP 2）WINDOWS 20003、 开发工具（1）PHOTOSHOP从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。校色调色是photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。特效制作在photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由photoshop特效完成。（2）Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。（3）Flash是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。三、 网站总体设计1、 网站的主题说明西部风情旅游网主要介绍了，四川.西藏两地的人文风情和自然风光，并加以九寨沟，峨眉山，西藏珠峰等旅游景点的实地图片配以去过当地景点旅游的游客的旅行游记，让流浏览网站者有一种身临奇境不睹不快的感觉。毕业设计论文代做平台 580毕业设计网 是专业代做团队 也有大量毕业设计成品提供参考 www.bysj580.com QQ34496499742、 总体规划网站总体规划由各主要景点目录，相关旅游服务组成的主页面到各景点人文风情，旅行日记的次级页面。西部风情雪域西藏天府四川永垣三峡雄秀峨嵋神奇九寨城市驿站笑傲江湖故事简介历史版本作品后记作品人物作品目录笑傲编年史笑傲江湖故事简介历史版本作品后记作品人物作品目录笑傲编年史笑傲江湖故事简介历史版本作品后记作品人物作品目录笑傲编年史笑傲江湖故事简介历史版本作品后记作品人物作品目录笑傲编年史笑傲江湖故事简介历史版本作品后记作品人物作品目录笑傲编年史 图1 网站系统结构图3、 各级页面风格介绍（1）主网页采用传统新闻网框架结构，以西部旅游景点图片加以flash动画为抬头，配合实时咨询增强网站的美观性和功能性。见图2 网站首页（2）次级页面以主页框架结构为模版，加以文章，结合小型图片来体现。见图3 网站子页图2 网站首页图3 网站子页四、 实现过程及完成效果介绍1、实现过程简要说明（1）Photoshop素材设计制作制作或将搜集到的与本网站有关的图片进行大小、剪裁、色彩、仿制印章，文件格式等方面的处理，制作成为网页适用的图片素材。Photoshop制作图：先以灰色为背景色，再用添加文字工具添加文字，然后复制出三个，分别设为黄色，黑色，黄色，以增加立体感。如图4： 图4 利用Photoshop制作图网上收集图片如图5图5 网上收集图片（2）Flash动画素材设计制作内容要求：将与本网站有关的图片及文字素材结合，。制作专项视频动画，让网站更生动专业。技术要求：动画总时间长度不得低于20秒，画面流畅，色彩明快，主题醒目。制作过程：首先搜集到与本网站有关的图片素材，如图6，经Photoshop与Flash编辑处理后，新增的星星图，具有动画效果的图片，如图7。图6 未经过处理的原图图7 处理后的效果图（3）利用Dreamweaver设利用Dreamweaver构建框架，设计，排版，用模块功能增加滚动条，容纳长篇幅文字可以使网页更美观，如图8。图8 利用Dreamweave制做滚动字幕2、系统实现效果总结 通过以一系列的步骤，始本网站成为一个图片，文字，动画为一体瘄一个完整的网站，实现了制作本网站的初期计划。3、网站的测试和调试网站做好后先检查文件名，文件路径是否一致。清理目标文件里没用的信息和图片。确定分辨率，和不同分辨下对应的效果。调试前应先做好文件和素材的备份。用IE浏览器打开进行调试，把所有页面打开后，观察是否与设计时有出入（特别是页面大小，和内容分布，非常容易错位），页面标题是否有显示或错误。另把IE窗口拉伸看页面内容是否有变化。网页所有连接点击看跳转是否生效，目标页面是否有错。图片与FLASH是否正常显示。E-MAIL连接是否能打开，音频视频能否正常播放。4、网站的发布过程1.打开Dreamweaver8 的站点管理窗口，点击“文件”面板上的“扩展/折叠“按钮2.执行命 令“站点“管理站点”，此时将会弹出对话框，要求用户选择需要管理的站点3.选定要定义远程服务器的站点后，单击“编辑”按钮，然后选择“高级”标签，在左边的“分类”目录列表中选 择“远程信息”，在“访问”下拉式列表中选择FTP4. 填入各项基本参数：在“FTP主机”中填入远程主机的域名或IP地址，在“主机目录”中填入远程主机为站点定义的目录，在“登陆”和“密码”填入服务器提供的用户名和密码，勾选“保存”选项可以保存密码，下次用户连接服务器时可不必输入密码。5.设置完毕后，单击“测试”按钮可测试与服务器的连接。6.使用被动的FTP选取“使用Passive FTP”复选框，选取“使用防火墙”选项。7.设置完毕后，单击“确定”按钮关闭对话框，会回到管理站点对话框，单击“完成”按钮关闭对话框，回到站点管理窗口。8.当定义完毕远程站点信息后打开要上传的站点时，Dreamweaver8会提示用户连接到远程站点，以便 查看远端文件。9连接远程站点后，左边的远程站点栏内会显示远程站点目录的状态10从本站点窗格中选 中要上传的文件，然后执行“站点”“上传”11.出现提示对话框，提示选择是否要将这些引用人容了上传，单击“是”。 12.开始上传文件。五、总结通过这次实训操作，从总体上我对网站的建设有了更深入的了解，但是要真正的做好没一个动画，图片，页面，还需要更多的练习