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