《网站设计综合实践》结题报告 院部：信息科学与工程学院 专业：计算机科学与技术 班级： 计科 1 1 0 1 班 学号： *********** 姓名： *** 2 0 1 4 年 9 月 1 5 日 综合设计主题 我的家乡 综合设计副题 霍州家乡美 网站设计思路： 利用Dreamweaver6.0 制作一个关于“霍州家乡美”的网站，利用表格、行为、层和链接等网页设计技术设计页面。通过 photoshop 等对图片进行加工处理，对整个网站的风格进行总体规划。本网站属于简约大方的一类，通过展示出霍州不同的方面给大家以不同的体验。 网站功能划分及实现： 本网站共分为六个大块：如上图所示，主页、历史、风景、旅游、新闻、联系我们。其中新闻模块由包括文化、城乡、环保、教育、交通和法制等方面。 概要设计 所有的网页外围都具有一样的框架，只有中间的内容在改变，这样做更加直观。index.html 的导航栏有主页、历史、风景、旅游、新闻、联系我们。其中留言板展现了asp 的功能。“历史”链接到介绍家乡霍州历史的网页，“风景”制作了关于家乡霍州的风景照片相册，“旅游”介绍了霍州的名胜古迹，以及旅游途中可享受的美食及展示价位和霍州的一些非 物 质 文化遗 产 ，“新闻”显 示了霍州最 近 在文化、城乡、环保、教育、交通和法制等方面发 生 的事 情 ，“联系我们”链接了asp 网页，可以向 我们留言，可以实现动 态 交互 。 家乡美网站首 页 主 页 联系我们 新 闻 旅 游 风 景 历 史 所用工具：dreamweaver、photoshop 等。通过 photoshop 等对图片进行加工处理，将处理好的图片插入到 dreamweaver 中，并进行排版等工作，最后编辑文字内容格式，网页制作完毕。 详细设计 本网站一共有14个页面，每一个页面都能够相互跳转，而不使用浏览器上的后退按钮。除了首页以外每个页面都设置了锚点使其返回顶部。每个页面的字体都是导入的外部样式的字体进行的设置。下面，介绍一下重点几个页面的设计: 1）”主页”： 在主页上，放置了3张霍州特色的风景，并以带有特殊效果的幻灯片形式循环播放，图片左下角有控制图片前后张的按钮，可以点击，实现照片的跳转。其中幻灯片的过渡效果，用了 jquery 的 jquery.jqtransform.js 实现。 2）”历史”： 此页面，以左右格式划分开，左边介绍霍州自古以来的历史，右边介绍了霍州的一些地面、气候、自然资源等信息。 3）”风景”： 页面上放置了9张霍州...
