我的家乡网站设计论文文琛.pdf

我的家乡网页设计毕业论文 - 1 - 四川管理职业学院四川管理职业学院 毕毕 业业 论论 文文 学号：200962115 姓名：文琛 所属系：计算机科学与工程教研系 专业：计算机信息管理 班级：2009 级 1 班 指 导 老 师：朱丽雅 我的家乡网页设计毕业论文 - 2 - 目录 第一章第一章 前言前言. 3 3 第二章第二章 开发工具和运行环境开发工具和运行环境.4 4 2.1 网站设计的基本知识.4 2.2 DREAMWEAVER8 简介.4 2.3 HTML 简介.5 2.4 HTML 技术简介.6 2.5 FLASH简介.7 第三章第三章 网站的设计与实现网站的设计与实现.8 8 3.1 网站的总体设计8 3.1.1 网站结构图.8 3.1.2 网站的风格.8 3.2 网站的详细设计8 3.2.1 素材的准备.8 3.2.2 网站首页.9 第四章第四章 结论结论. 1313 第五章第五章参考文献参考文献.1414 我的家乡网页设计毕业论文 - 3 - 第一章 前言 我的家乡-资阳， 地处四川盆地中部， 是四川唯一同时连接成渝“双核” 的区域性中心城市。1998 年设立地区，2000 年建市，辖雁江区、简 阳市、安岳县和乐至县，幅员面积 7962 平方公里，总人口 500 万。 资阳历史文化悠久。35000 年前，古老的“资阳人”开启了四川人类文 明史。公元前 135 年西汉时期置县，后设州、郡，至今已有 2100 多 年的建制史。 古往今来， 哺育了东周孔子之师苌弘、 西汉辞赋家王褒、 东汉经学家董钧等历史名人，以及无产阶级革命家、军事家、外交家 陈毅元帅，革命家曹狄秋著名作家邵子南、周克芹、刘心伍等现代英 杰。 资阳区位优势明显。市区距成都中心城区 87 公里，现有成渝铁路、 成渝高速公路和国道 321 线、319 线、318 线等骨干道路穿境而过。 随着成安渝、内资遂、遂资眉、成都第二绕城高速公路和成渝铁路客 运专线等综合交通项目加快建设，“多线接成渝、内外大畅通”综合交 通格局即将形成， 资阳正在成为成都交通中心枢纽重要组成部分和成 渝经济区内重要交通次级枢纽。 设计思想 本网站设计目的就是日让大家更多了解自己的家乡资阳。本网 包含网站的资阳的地理，历史，人文，名胜，经济，旅游，风俗，等 方面。让浏览这更好了解我的家乡资阳。 我的家乡网页设计毕业论文 - 4 - 第二章 开发工具和运行环境 2.1 网站设计的基本知识 静态编程最重要的特征就是由程序自动生成网页， 最终形成供 浏览器解释的 HTML。那么如何设计出精美的网页以及动态更新交互 的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建 设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单 等基本的 HTML 标识的写法要求，网页编辑的常用工具，动态网站项 目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等 相关知识。 2.2 Dreamweaver 8 简介 Dreamweaver是在网页设计与制作领域中用户最多、 应用最广、 功能最强大的软件， 随着 Dreamweaver 8 的发布， 更坚定 Dreamweaver 在该领域的地位。它集网页设计、网站开发和站点管理功能于一身， 具有可视化、 支持多平台和跨浏览器的特性， 是目前网站设计、 开发、 制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界 面；功能更多的 CSS 支持CSS 可视化设计、CSS 检查工具；动态 跨浏览器验证；强大的 WEB 站点管理功能；内建的图形编辑引擎；丰 我的家乡网页设计毕业论文 - 5 - 富的媒体支持能力等。 它将可视布局工具、 应用程序开发功能和代码编辑支持组合在 一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速 创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发 环境支持 HTML、ASP、ASP.NET、JSP 等，提供众多功能强大的可视化 设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排 版以及后台程序的交互。 2.3 HTML 简介 全称：HyperText Mark-up Language 译称：超文本标记语言。 简意：一种为普通文件中某些字句加上标识的语言，其目的在于 运用标记（tag）合文件 达到预期的效果。 HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。 HTML 不是程式语言， 如C+ 和 Java 之类， 它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑 部方面， 任何文字编辑器都市可以， 只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。 我的家乡网页设计毕业论文 - 6 - 2.4 HTML 技术简介 HTML 文件而无需重新设置代Macromedia 公司的 Roundtrip HTML 技术让用户可以随意导入码格式， 用户还可以利用 Dreamweaver 清除 或重新格式化 HTML 代码，实现代码的优化。 利用 Dreamweaver，可以方便地使用动态 HTML 功能，却不需要写一 行行的代码； 利用它还可以检查作品在所有流行的平台和浏览器中可 能发生的错误。 当然,如果不用 Dreamweaver 的话,同样可以制作出非常好的网站 来,其实什么样的程序或者 HTML 代码都可以直接用记事本来写,只不 过 Dreamweaver 实现起来更方便一些,还有一些其他的网页编辑工具, 比如微软的 Frontpage 等,做网站, Dreamweaver 很好用，但它并不 是唯一的选择的! 网站运行环境 服务器： 操作系统： windows 2003 Server； Web 服务器：IIS5.0 数据平台：Access 客户端： 任意操作系统下的浏览器均可。 配置要求： CPU Intel 或兼容机 Pentium 166Mhz 或以上 我的家乡网页设计毕业论文 - 7 - 企业版：至少 64M 建议 128M 或更多 内存 标准版：至少 512M 开发版：至少 512M 硬盘 Service：至少 80G，一般为 160G English Query：80M 显视器 VGA 或更高分辨率 2.5 Flash 简介 FLASH 简介 Flash 是一种交互式矢量多媒体技术，他的前身是 Futureplash，早期网上流行的矢量动画插件。后来由于 Macromedia 公司收购了 Future Splash 以后便将其改名为 Flash2，到现在最新 的 flash4。现在网上已经有成千上万个 Flash 站点，著名的如 Macromedia 专门 ShockRave 站点，全部采用了 Shockwave Flash 和 Director。可以说 Flash 已经渐渐成为交互式知量的标准，未来网页 的一大主流。 我的家乡网页设计毕业论文 - 8 - 第三章 网站的设计与实现 3.1 网站的总体设计 3.1.1 网站结构图 3.1.2 网 站 的 风格 主页由标准模式构建，其主色调为紫色，通过导航条的引导可以一步一步了 解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。 3.2 网站的详细设计 3.2.1 素材的准备 做网站，准备素材是最重要的一环，不仅要收集许多内容各异的文字图片， 还要设计各种网站的排版格式与美工。 这个网站的排版格式是我自己用 Dreamweaver 表格画出来的， 其中的图片有的是 自己处理的，也有些是从网上下载后自己用 fireworks 处理的。具体的网站有： 我的家乡、网站百度百科等 经 济 状 况 历 史 沿 革 旅 游 观 光 首 页 地 理 概 况 历 史 文 化 地 名 故 事 未 来 规 划 著 名 人 物 乡 土 风 情 风 景 名 胜 我的家乡网页设计毕业论文 - 9 - 3.2.2 网站首页 现在开始用 dreamweaver 8 制作网页 先把素材整理成整齐的目录，把图片整理好放在 image 文件夹下，定义站 点是选择这个目录，这样素材就位于站点以内，处理起来比较方便。 1、定义站点 （1）启动 Dreamweaver。 （2）打开“站点”菜单，选择“新建站点”命令，选择“高级”编辑站点 并确定。如图 3-2： 图 3-2 建立站点 我的家乡网页设计毕业论文 - 10 - （3） 选件“文件”新建 html 基本页，在标题栏输入“annasui_心随香动 香伴一生” ， 并保存为“index.html”文件。 （4） 设置页面属性，如图 3-3 所示 图 3-3 设置页面属性 （5）先建立一个表格，设置它的“边框”宽为“10” ，选择表格高百分比，在文本框中 输入“10” ，并将表格设置为居中。如图3-4图图 我的家乡网页设计毕业论文 - 11 - 图 3-4 建立表格 表格居中的代码是 class=“STYLE6“ （6）填写内容如图 3-5 我的家乡网页设计毕业论文 - 12 - 图 3-5 填内容 （7）表格嵌套完成后按照网页进度开始添加内容：点击插入图片，在最上层的 表格中插入用 Photoshop 所裁剪制成的图片（8）添加关于网站主题的文字内容、 flash 内容以及添加站内索引等相关链接内容，最左侧表格内插入图像查看器， 然后编辑 flash 元素如图 3-6 图 3-6 插入 Flash （9）设置页尾。 （10）用 css 样式为所有文字排版。 首页效果如图 3-7 所示 我的家乡网页设计毕业论文 - 13 - 图 3-7 首页最终效果 第四章 结论 实践是检验真理的唯一标准，当然也是检验学习成果的标准。通 过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解， 也 是我对这三年所学的东西的一个综合体现。 然而这次设计让我感受颇 深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远 远不够的。撰写毕业论文时也遇到了一些困难。由于这是我第一次写 毕业论文， 没有任何经验， 对于论文的格式、 要求和内容都一无所知， 在查询了大量的网络资料后才有了模糊概念。 所以在此篇毕业论文中 不免会有很多缺点。 总的来说， 这次的毕业设计为我即将踏入社会之前提供了一次 锻炼的舞台。它让我对几年来所学的专业课有了更为深刻的认识，使 知识得到了融会贯通， 得到了比以往学习任何一门课都更大的提高和 进步。所谓活到老学到老，自己以后还要加强知识的学习，不断的完 我的家乡网页设计毕业论文 - 14 - 善自己。经过开发这个系统，这不仅仅是一次毕业设计，不仅仅是学 会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真严 谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是 我在这次设计中最大的收益。我想这是一次意志的磨练，是对我实际 能力的一次提升，也会对我未来的学习和工作有很大的帮助。 这次毕业设计不能说得上是完美， 但我觉自己已经尽了自己最大 努力去完成，我想只要自己努力了就能对得起自己了。同时我也会在 以后的时间里多学习，提高语言编译能力，做出更好的成绩。 第五章参考文献 1. 温国峰编著网页制作与网站建设技术精粹清华大学出版 社 2007 年 6 月第一版 2. 杨颖 张永雄等编著 网页制作从入门到精通清华大学出版 社 2010 年 11 月第一版 3. 51zxw.comFlash 、 dreamweaver CS4 视频教程 4. 网络文献资料