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

1、我的家乡网页设计毕业论文 - 1 - 四川管理职业学院四川管理职业学院 毕毕 业业 论论 文文 学 号： 200962115 姓 名： 文 琛 所 属 系： 计算机科学与工程教研系 专 业： 计算机信息管理 班 级： 2009 级 1 班 指 导 老 师： 朱丽雅 我的家乡网页设计毕业论文 - 2 - 目录 第一章第一章 前言前言.2 2 第二章第二章 开发工具和运行环境开发工具和运行环境.3 3 2.1 网站设计的基本知识 .3 2.2 DREAMWEAVER 8 简介.4 2.3 HTML 简介 .5 2.4 HTML 技术简介 .5 2.5 FLASH简介 .6 第三章第三章 网站的设计

2、与实现网站的设计与实现.7 7 3.1 网站的总体设计 .7 3.1.1 网站结构图.7 3.1.2 网站的风格.8 3.2 网站的详细设计 .8 3.2.1 素材的准备.8 3.2.2 网站首页.8 第四章第四章 结论结论.1313 第五章第五章 参考文献参考文献.1414 我的家乡网页设计毕业论文 - 3 - 第一章 前言 我的家乡-资阳，地处四川盆地中部，是四川唯一同时连接成渝“双 核”的区域性中心城市。1998 年设立地区，2000 年建市，辖雁江区、 简阳市、安岳县和乐至县，幅员面积 7962 平方公里，总人口 500 万。 资阳历史文化悠久。35000 年前，古老的“资阳人”开启了

3、四川 人类文明史。公元前 135 年西汉时期置县，后设州、郡，至今已有 2100 多年的建制史。古往今来，哺育了东周孔子之师苌弘、西汉辞 赋家王褒、东汉经学家董钧等历史名人，以及无产阶级革命家、军 事家、外交家陈毅元帅，革命家曹狄秋著名作家邵子南、周克芹、 刘心伍等现代英杰。 资阳区位优势明显。市区距成都中心城区 87 公里，现有成渝铁路、 成渝高速公路和国道 321 线、319 线、318 线等骨干道路穿境而过。 随着成安渝、内资遂、遂资眉、成都第二绕城高速公路和成渝铁路 客运专线等综合交通项目加快建设， “多线接成渝、内外大畅通”综合 交通格局即将形成，资阳正在成为成都交通中心枢纽重要组成

4、部分 和成渝经济区内重要交通次级枢纽。 设计思想 本网站设计目的就是日让大家更多了解自己的家乡资阳。本网 包含网站的资阳的地理，历史，人文，名胜，经济，旅游，风俗， 等方面。让浏览这更好了解我的家乡资阳。 我的家乡网页设计毕业论文 - 4 - 第二章 开发工具和运行环境 2.1 网站设计的基本知识 静态编程最重要的特征就是由程序自动生成网页，最终形成 供浏览器解释的 HTML。那么如何设计出精美的网页以及动态更新交 互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网 站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格 和表单等基本的 HTML 标识的写法要求，网页编辑的常用工具

5、，动态 网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主 机方案等相关知识。 2.2 Dreamweaver 8 简介 Dreamweaver 是在网页设计与制作领域中用户最多、应用最 广、功能最强大的软件，随着 Dreamweaver 8 的发布，更坚定 Dreamweaver 在该领域的地位。它集网页设计、网站开发和站点管 理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目 前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编 写方式；可视化编辑界面；功能更多的 CSS 支持CSS 可视化设 计、CSS 检查工具；动态跨浏览器验证；强大的 WEB 站点管理功能； 我

6、的家乡网页设计毕业论文 - 5 - 内建的图形编辑引擎；丰富的媒体支持能力等。 它将可视布局工具、应用程序开发功能和代码编辑支持组合 在一起，其功能强大，使得各个层次的开发人员和设计人员都能够 快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以 使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式 系统。开发环境支持 HTML、ASP、ASP.NET、JSP 等，提供众多功能 强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用 于素材整理、排版以及后台程序的交互。 2.3 HTML 简介 全

7、称：HyperText Mark-up Language 译称：超文本标记语言。 简意：一种为普通文件中某些字句加上标识的语言，其目的在于 运用标记（tag）合文件 达到预期的效果。 HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C+ 和 Java 之 类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学 懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成， 于 编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本 格式即可， 用专门的网页编辑工具当然更好。 我的家乡网页设计毕业论文

8、- 6 - 2.4 HTML 技术简介 HTML 文件而无需重新设置代Macromedia 公司的 Roundtrip HTML 技术让用户可以随意导入码格式，用户还可以利用 Dreamweaver 清 除或重新格式化 HTML 代码，实现代码的优化。 利用 Dreamweaver，可以方便地使用动态 HTML 功能，却不需要写一 行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中 可能发生的错误。 当然,如果不用 Dreamweaver 的话,同样可以制作出非常好的网站 来,其实什么样的程序或者 HTML 代码都可以直接用记事本来写,只不 过 Dreamweaver 实现起来更方便一

9、些,还有一些其他的网页编辑工具,比 如微软的 Frontpage 等,做网站, Dreamweaver 很好用，但它并不是 唯一的选择的! 网站运行环境 服务器： 操作系统： windows 2003 Server； Web 服务器：IIS5.0 数据平台：Access 客户端： 任意操作系统下的浏览器均可。 配置要求： CPU Intel 或兼容机 Pentium 166Mhz 或以上 我的家乡网页设计毕业论文 - 7 - 企业版：至少 64M 建议 128M 或更多 内存 标准版：至少 512M 开发版：至少 512M 硬盘 Service：至少 80G，一般为 160G English

10、Query：80M 显视器 VGA 或更高分辨率 2.5 Flash 简介 FLASH 简介 Flash 是一种交互式矢量多媒体技术，他的前身是 Futureplash，早期网上流行的矢量动画插件。后来由于 Macromedia 公司收购了 Future Splash 以后便将其改名为 Flash2，到现在最新的 flash4。现在网上已经有成千上万个 Flash 站点，著名的如 Macromedia 专门 ShockRave 站点，全部采用了 Shockwave Flash 和 Director。可以说 Flash 已经渐渐成为交互式 知量的标准，未来网页的一大主流。 我的家乡网页设计毕业论

11、文 - 8 - 第三章 网站的设计与实现 3.1 网站的总体设计 3.1.1 网站结构图 3.1.2 网站的风格 主页由标准模式构建，其主色调为紫色，通过导航条的引导可以一步一步 了解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。 3.2 网站的详细设计 3.2.1 素材的准备 做网站，准备素材是最重要的一环，不仅要收集许多内容各异的文字图片， 还要设计各种网站的排版格式与美工。 这个网站的排版格式是我自己用 Dreamweaver 表格画出来的，其中的图片有的 经 济 状 况 历 史 沿 革 旅 游 观 光 首 页 地 理 概 况 历 史 文 化 地 名 故 事 未 来 规

12、 划 著 名 人 物 乡 土 风 情 风 景 名 胜 我的家乡网页设计毕业论文 - 9 - 是自己处理的，也有些是从网上下载后自己用 fireworks 处理的。具体的网站 有：我的家乡、网站百度百科等 3.2.2 网站首页 现在开始用 dreamweaver 8 制作网页 先把素材整理成整齐的目录，把图片整理好放在 image 文件夹下，定义站 点是选择这个目录，这样素材就位于站点以内，处理起来比较方便。 1、定义站点 （1）启动 Dreamweaver。 （2）打开“站点”菜单，选择“新建站点”命令，选择“高级”编辑站点 并确定。如图 3-2： 我的家乡网页设计毕业论文 - 10 - 图

13、3-2 建立站点 （3） 选件“文件”新建 html 基本页，在标题栏输入“annasui_心随香动 香伴一生” ， 并保存为“index.html”文件。 （4） 设置页面属性，如图 3-3 所示 图 3-3 设置页面属性 （5）先建立一个表格，设置它的“边框”宽为“10” ，选择表格高百分比，在文本框 中输入“10” ，并将表格设置为居中。如图 3-4 图图 我的家乡网页设计毕业论文 - 11 - 图 3-4 建立表格 表格居中的代码是 /table class=STYLE6 （6）填写内容如图 3-5 我的家乡网页设计毕业论文 - 12 - 图 3-5 填内容 （7）表格嵌套完成后按照网

14、页进度开始添加内容：点击插入图片，在最上层 的表格中插入用 Photoshop 所裁剪制成的图片（8）添加关于网站主题的文字内 容、flash 内容以及添加站内索引等相关链接内容，最左侧表格内插入图像查 看器，然后编辑 flash 元素 如图 3-6 图 3-6 插入 Flash （9）设置页尾。 （10）用 css 样式为所有文字排版。 首页效果如图 3-7 所示 我的家乡网页设计毕业论文 - 13 - 图 3-7 首页最终效果 第四章 结论 实践是检验真理的唯一标准，当然也是检验学习成果的标准。通 过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解， 也是我对这三年所学的东西的一个综

15、合体现。然而这次设计让我感 受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知 识是远远不够的。撰写毕业论文时也遇到了一些困难。由于这是我 第一次写毕业论文，没有任何经验，对于论文的格式、要求和内容 都一无所知，在查询了大量的网络资料后才有了模糊概念。所以在 此篇毕业论文中不免会有很多缺点。 总的来说，这次的毕业设计为我即将踏入社会之前提供了一 次锻炼的舞台。它让我对几年来所学的专业课有了更为深刻的认识， 使知识得到了融会贯通，得到了比以往学习任何一门课都更大的提 高和进步。所谓活到老学到老，自己以后还要加强知识的学习，不 我的家乡网页设计毕业论文 - 14 - 断的完善自己。经过开发这个系统，这不仅仅是一次毕业设计，不 仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实 地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦 耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨 练，是对我实际能力的一次提升，也会对我未来的学习和