九寨沟旅游网站的设计报告

九寨沟旅游网站的设计报告九寨沟旅游网站的设计报告 一 介绍 超链接是网页中最活泼 最有吸引力的一种元素 表单用于特 殊的信息 使用户和网站进行交互 使你找到用户的详细信息 表 格在许多工作中有着广泛的应用 框架网页是一种特殊的 HTML 网页 使用框架网页可以同时浏览几个不同的 Web 页面 使用 Web 页面显 示一致的用户界面和灵活的页面内容 网页制作的高级技术包括 在网页中插入 FLASH 动画 JavaScript 制作网页的动态效果 网页 中使用插件 以及创建 发布和管理站点等技术 Web 页面往往是 具有各种各样的页面元素 丰富的内容和复杂的布局 因此仅仅使 用到一种或者两种网页制作技术 不可能创作出一个优秀的 Web 页 面 一个美观而实用的 Web 页面往往需要综合利用各种技术 二 概述 1 网站名称 九寨沟旅游网站 2 步骤 1 确立主题 2 收集资料 3 创建网站 4 编辑网页 5 美化网页 三 目的 运用已经掌握的知识完成一个网站 通过此次设计可以达到全 面理解 运用网页制作的知识 并使之得以融会贯通 在掌握运用 Dreamweaver 制作网页的基础上再加以实践 进一步提高 加强自 身的综合能力 四 要求 有整体框架结构 表格定位等 布局合理 色彩搭配协调统一 内容丰富多彩 页面风格独特 五 设计工具 Dreamweaver Flash fireworks Photoshop 等 六 站点构思 1 1 整体构思 整体构思 本网站主题为 九寨沟旅游景点 总共有网页 22 个 主页是一 个总目录的网页 里面加有网页动画效果 滚动字幕 及 Flash 动 画 本站几个主要分网页分别为 网站首页 九寨文化 景点聚焦 精品旅游 版权声明 联系方式 还有许多子网页 2 2 功能设计图设计 功能设计图设计 首页面首页面 1 html 网网 站站 首首 页页 九九 寨寨 文文 化化 景景 点点 聚聚 焦焦 精精 品品 旅旅 游游 版版 权权 声声 明明 3 3 页面构思 页面构思 下面介绍一下网站中的几个网页的制作 九寨文化中的九寨简介页面 背景色采用跟主页一样的白色 白色的背景可以给人朴实 淡雅 干净的感觉 无疑是最好的选择 与环保网站的主旨相一致 上方为 Flash 动画与链接页 左下方是 用 Photoshop 处理过的图片 与主页是一致的 右边的标题是用 Photoshop 制作的图片 这样制作丰富了页面内容 使整个页面条 理清晰 最后的 相关传说 标题 即可以链接到九寨简介页面 景点聚焦页面 背景色与 Flash 动画 链接页与主页保持一致 这一页的主要内容是用表格形式来固定的 边框设置为 1 颜色为 蓝色 表格宽度与 Flash 宽度一致 整个页面清晰有致 比较大方 浏览者可以清楚的看到九寨沟所有有名景点 联系方式页面 左下方的图片与右边的标题都是用 Photoshop 制 作的 在联系方式中还添加了一个 outlook express 电子邮件 方 便用户与公司的联系 用户可以直接点击给公司发送邮件 outlook express 作为全球范围内的联机通讯软件 已经被越来越多的人所 接受 无论是与同事和朋友交换电子邮件 还是加入新闻组进行思 想与信息的交流 Outlook Express 都已成为不可或缺的助手 所 有页面整齐划一 设计风格保持一致 加上白色的背景 给人朴实 淡雅 干净 简洁 明了 大方的感觉 六 所用各技术的特点 1 Dreamweaver Dreamweaver 是美国 MACROMEDIA 公司开发的集网 页制作和管理网站于一身的网页编辑器 它是第一套针对专业网页 设计师特别发展的视觉化网页开发工具 利用它可以轻而易举地制 作出跨越平台限制和跨越浏览器限制的充满动感的网页 Dreamweaver 是当前主流的站点和网页编辑器 其代码简洁 兼容 性和整体功能都很强 Dreamweaver 的介入 使得网页一些部分的 实现变得更加直观简便 Dreamweaver 的主要特点 最佳的制作效率 网站管理 无可 比拟的控制能力 所供即所得 可以制作模版 全方位的呈现 2 FlashMX Macromedia 公司出品的 Flash 是制作网页动画的利器 F1ash 是网络多媒体制作工具而不是网页编辑工具 F1ash 是制作动 感网页的权威 对于使用者来说 只需很短时间的学习 就可以用 它制作出美观的网页动画 可以让制作者随心所欲地实现各种创意 并且可以和 JavaScript 一起创作出具有强大交互性的网页动画 Flash 是一种绘制矢量图形和创作互动多媒体动画的软件 它 可以用少量的矢量数据就可以描述相当复杂的对象 所以生成的文 件尺寸小 便于在网上传输 Flash 创建的动画集可以插入到 html 文档中 也可以单独制作网页 使网页的效果更加完美 七 网页制作的优缺点 比较明确 风格统一 并运用了一些其它的设计软件加以辅助 设计 使网页更加具有动感 形式丰富 就内容而言 比较丰富 大量运用了图片 并进行了文字说明 做到了图文并茂 但是由于 我们刚接触网页制作 做出的效果还是有些稚嫩的 需要以后不断 的实践 八 部分源代码八 部分源代码 首页源代码 meta 九寨沟旅游九寨沟旅游 scripttype text JavaScript functionfunction MM swapImgRestore MM swapImgRestore v3 0 v3 0 varvar i x a document MM sr i x a document MM sr for i 0 ai for i 0 ai x src x oSrc x src x oSrc functionfunction MM preloadImages MM preloadImages v3 0 v3 0 varvar d document d document if d images if d images if d MM p if d MM p d MM p newd MM p new Array Array varvar i j d MM p length a MM preloadImages arguments i j d MM p length a MM preloadImages arguments for i 0 for i 0 i a length i0d parent frames n substring p 1 document n n substring 0 p n n substring 0 p if x d n x d all n forfor i 0 xi i 0 xi x d forms i n x d forms i n for i 0 xi for i 0 xi x MM findObj n d layers i document x MM findObj n d layers i document if xif x x d getElementById n returnreturn x x functionfunction MM swapImage MM swapImage v3 0 v3 0 varvar i j 0 x a MM swapImage arguments i j 0 x a MM swapImage arguments document MM sr newdocument MM sr new Array Array for i 0 i a length for i 0 i 0 0 varvar descdesc plugins Shockwaveplugins Shockwave Flash Flash plugins Shockwaveplugins Shockwave Flash descriptionFlash description descdesc plugins Shockwaveplugins Shockwave FlashFlash 2 0 2 0 plugins Shockwaveplugins Shockwave FlashFlash 2 0 description2 0 description desc desc ifif desc desc flashVerflashVer 1 1 else else varvar descArrdescArr desc split desc split varvar tempArrMajortempArrMajor descArr 2 split descArr 2 split varvar verMajorverMajor tempArrMajor 0 tempArrMajor 0 varvar tempArrMinortempArrMinor descArr 3 descArr 3 descArr 3 split r descArr 3 split r descArr 4 split r descArr 4 split r varvar verMinorverMinor tempArrMinor 1 tempArrMinor 1 0 0 tempArrMinor 1 tempArrMinor 1 0 0 flashVerflashVer parseFloat verMajorparseFloat verMajor verMinor verMinor WebTVWebTV hashas FlashFlash PlayerPlayer 4 4 oror lowerlower tootoo lowlow forfor videovideo elseelse ifif userAgent toLowerCase indexOf webtv userAgent toLowerCase indexOf webtv 1 1 flashVerflashVer 4 0 4 0 varvar verArrverArr reqVerStr split reqVerStr split varvar reqVerreqVer parseFloat verArr 0 parseFloat verArr 0 verArr 2 verArr 2 ifif flashVer flashVer styletype text css body tablecellspacing 0 tdheight 160 tdborder 0 tdonMouseOver MM swapImage Image8 image qiepian d2 1 jpg 1 tdonMouseOver MM swapImage Image9 image qiepian d1 1 jpg 1 tdonMouseOver MM swapImage Image10 image qiepian d3 3 jpg 1 tdonMouseOver MM swapImage Image11 image qiepian x1 r2 c6 jpg 1 tdheight 158 tdcellspacing 0 tdalign absmiddle tdloop 1 九九 寨沟位于四川省阿坝藏族羌族自治州寨沟位于四川省阿坝藏族羌族自治州 九寨沟县境内 是白水沟上游白河的支沟 以有九个藏族村寨 所九寨沟县境内 是白水沟上游白河的支沟 以有九个藏族村寨 所 以又称何药九寨 而得名 九寨沟海拔在以又称何药九寨 而得名 九寨沟海拔在 2 2 千米以上 遍布原始森林 沟内分布一百零八个湖泊 有千米以上 遍布原始森林 沟内分布一百零八个湖泊 有 童童 话世界话世界 之誉 九寨沟为全国重点风景名胜区 并被列入世界遗产名录 之誉 九寨沟为全国重点风景名胜区 并被列入世界遗产名录 20072007 年年 5 5 月月 8 8 日 阿坝藏族羌日 阿坝藏族羌 族自治州九寨沟旅游景区经国家旅游局正式批准为国家族自治州九寨沟旅游景区经国家旅游局正式批准为国家 5A5A 级旅游景区 级旅游景区 tdheight 25 tablecellspacing 0 tdalign texttop paramvalue flash shui swf paramvalue high embedflash tdheight 5 tdcellspacing 0 tdalign center 友情链接友情链接 tdclass STYLE1 青旅旅游网青旅旅游网 tdclass STYLE1 四川旅游网四川旅游网 tdclass STYLE1 海道旅游网海道旅游网 tdclass STYLE1 悠悠 哉旅游网哉旅游网 tdclass STYLE1 欣欣 欣旅游网欣旅游网 tdclass STYLE1 云南旅游网云南旅游网 tdid FLVPlayer param param param param param embed tdcellspacing 0 tdheight 25 tdbackground image qiepian qqq3 r1 c2 png marqueeloop 1 fontcolor 九寨沟蓝天 白云 雪山 森林 尽融于瀑 河 滩 缀成一串串宛若从天而降九寨沟蓝天 白云 雪山 森林 尽融于瀑 河 滩 缀成一串串宛若从天而降 的珍珠 篝火 烤羊 锅庄和古老而美丽的传说 展现出藏羌人热情强悍的民族风情 九寨沟 一个五彩的珍