我家乡网站设计论文文琛

《我家乡网站设计论文文琛》由会员分享，可在线阅读，更多相关《我家乡网站设计论文文琛（14页珍藏版）》请在金锄头文库上搜索。

1、我的家乡网页设计毕业论文- 1 -四川管理职业学院四川管理职业学院毕毕 业业 论论 文文学号：200962115姓名：文琛所属系：计算机科学与工程教研系专业：计算机信息管理班级：2009 级 1 班指 导 老 师：朱丽雅我的家乡网页设计毕业论文- 2 -目录第一章第一章 前言前言. 3 3第二章第二章 开发工具和运行环境开发工具和运行环境.4 42.1 网站设计的基本知识.42.2 DREAMWEAVER8 简介.42.3 HTML 简介.52.4 HTML 技术简介.62.5 FLASH简介.7第三章第三章 网站的设计与实现网站的设计与实现.8 83.1 网站的总体设计83.1.1 网站结构

2、图.83.1.2 网站的风格.83.2 网站的详细设计83.2.1 素材的准备.83.2.2 网站首页.9第四章第四章 结论结论. 1313第五章第五章参考文献参考文献.1414我的家乡网页设计毕业论文- 3 -第一章 前言我的家乡-资阳， 地处四川盆地中部， 是四川唯一同时连接成渝“双核”的区域性中心城市。1998 年设立地区，2000 年建市，辖雁江区、简阳市、安岳县和乐至县，幅员面积 7962 平方公里，总人口 500 万。资阳历史文化悠久。35000 年前，古老的“资阳人”开启了四川人类文明史。公元前 135 年西汉时期置县，后设州、郡，至今已有 2100 多年的建制史。 古往今来，

3、哺育了东周孔子之师苌弘、 西汉辞赋家王褒、东汉经学家董钧等历史名人，以及无产阶级革命家、军事家、外交家陈毅元帅，革命家曹狄秋著名作家邵子南、周克芹、刘心伍等现代英杰。资阳区位优势明显。市区距成都中心城区 87 公里，现有成渝铁路、成渝高速公路和国道 321 线、319 线、318 线等骨干道路穿境而过。随着成安渝、内资遂、遂资眉、成都第二绕城高速公路和成渝铁路客运专线等综合交通项目加快建设，“多线接成渝、内外大畅通”综合交通格局即将形成， 资阳正在成为成都交通中心枢纽重要组成部分和成渝经济区内重要交通次级枢纽。设计思想本网站设计目的就是日让大家更多了解自己的家乡资阳。本网包含网站的资阳的地理，

4、历史，人文，名胜，经济，旅游，风俗，等方面。让浏览这更好了解我的家乡资阳。我的家乡网页设计毕业论文- 4 -第二章 开发工具和运行环境2.1 网站设计的基本知识静态编程最重要的特征就是由程序自动生成网页， 最终形成供浏览器解释的 HTML。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单等基本的 HTML 标识的写法要求，网页编辑的常用工具，动态网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等相关知识。2.2 Dreamweaver 8 简介Dreamweaver是

5、在网页设计与制作领域中用户最多、 应用最广、功能最强大的软件， 随着 Dreamweaver 8 的发布， 更坚定 Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、 支持多平台和跨浏览器的特性， 是目前网站设计、 开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的 CSS 支持CSS 可视化设计、CSS 检查工具；动态跨浏览器验证；强大的 WEB 站点管理功能；内建的图形编辑引擎；丰我的家乡网页设计毕业论文- 5 -富的媒体支持能力等。它将可视布局工具、 应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层

6、次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持 HTML、ASP、ASP.NET、JSP 等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。2.3 HTML 简介全称：HyperText Mark-up Language译称：超文本标记语言。简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。HTM

7、L 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是SGML 的一个应用程式。 HTML 不是程式语言， 如C+ 和 Java 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方面， 任何文字编辑器都市可以， 只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。我的家乡网页设计毕业论文- 6 -2.4 HTML 技术简介HTML 文件而无需重新设置代Macromedia 公司的 Roundtrip HTML技术让用户可以随意导入码格式， 用户还可以利用 Dreamweaver 清除或

8、重新格式化 HTML 代码，实现代码的优化。利用 Dreamweaver，可以方便地使用动态 HTML 功能，却不需要写一行行的代码； 利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。当然,如果不用 Dreamweaver 的话,同样可以制作出非常好的网站来,其实什么样的程序或者 HTML 代码都可以直接用记事本来写,只不过 Dreamweaver 实现起来更方便一些,还有一些其他的网页编辑工具,比如微软的 Frontpage 等,做网站, Dreamweaver 很好用，但它并不是唯一的选择的!网站运行环境 服务器： 操作系统： windows 2003 Server； Web

9、 服务器：IIS5.0 数据平台：Access 客户端：任意操作系统下的浏览器均可。 配置要求：CPU Intel 或兼容机 Pentium 166Mhz 或以上我的家乡网页设计毕业论文- 7 -企业版：至少 64M 建议 128M 或更多内存 标准版：至少 512M开发版：至少 512M硬盘 Service：至少 80G，一般为 160GEnglish Query：80M显视器 VGA 或更高分辨率2.5 Flash 简介FLASH 简介 Flash 是一种交互式矢量多媒体技术，他的前身是Futureplash，早期网上流行的矢量动画插件。后来由于 Macromedia公司收购了 Futur

10、e Splash 以后便将其改名为 Flash2，到现在最新的 flash4。现在网上已经有成千上万个 Flash 站点，著名的如Macromedia 专门 ShockRave 站点，全部采用了 Shockwave Flash 和Director。可以说 Flash 已经渐渐成为交互式知量的标准，未来网页的一大主流。我的家乡网页设计毕业论文- 8 -第三章 网站的设计与实现3.1 网站的总体设计3.1.1 网站结构图3.1.2 网 站 的 风格主页由标准模式构建，其主色调为紫色，通过导航条的引导可以一步一步了解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。3.2 网站的详细设

11、计3.2.1 素材的准备做网站，准备素材是最重要的一环，不仅要收集许多内容各异的文字图片，还要设计各种网站的排版格式与美工。这个网站的排版格式是我自己用 Dreamweaver 表格画出来的， 其中的图片有的是 自己处理的，也有些是从网上下载后自己用 fireworks 处理的。具体的网站有： 我的家乡、网站百度百科等经济状况历史沿革旅游观光首页地理概况历史文化地名故事未来规划著名人物乡土风情风景名胜我的家乡网页设计毕业论文- 9 -3.2.2 网站首页现在开始用 dreamweaver 8 制作网页先把素材整理成整齐的目录，把图片整理好放在 image 文件夹下，定义站点是选择这个目录，这样

12、素材就位于站点以内，处理起来比较方便。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 -

13、图 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、是检验真理的唯一标准，当然也是检验学习成果的标准。通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解， 也是我对这三年所学的东西的一个综合体现。 然而这次设计让我感受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远远不够的。撰写毕业论文时也遇到了一些困难。由于这是我第一次写毕业论文， 没有任何经验， 对于论文的格式、 要求和内容都一无所知，在查询了大量的网络资料后才有了模糊概念。 所以在此篇毕业论文中不免会有很多缺点。总的来说， 这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台。它让我对几年来所学的专业课有了更为深刻的认识，使知识得到了融会贯通， 得到了比以往学习任

15、何一门课都更大的提高和进步。所谓活到老学到老，自己以后还要加强知识的学习，不断的完我的家乡网页设计毕业论文- 14 -善自己。经过开发这个系统，这不仅仅是一次毕业设计，不仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨练，是对我实际能力的一次提升，也会对我未来的学习和工作有很大的帮助。这次毕业设计不能说得上是完美， 但我觉自己已经尽了自己最大努力去完成，我想只要自己努力了就能对得起自己了。同时我也会在以后的时间里多学习，提高语言编译能力，做出更好的成绩。第五章参考文献1. 温国峰编著网页制作与网站建设技术精粹清华大学出版社 2007 年 6 月第一版2. 杨颖 张永雄等编著 网页制作从入门到精通清华大学出版社 2010 年 11 月第一版3. Flash 、 dreamweaver CS4 视频教程4. 网络文献资料