我的家乡网站设计论文_文琛

我的家乡网页设计毕业论文-1-四川管理职业学院毕业论文学号：200962115姓名：文琛所属系：计算机科学与工程教研系专业：计算机信息管理班级：2009级1班指导老师：朱丽雅我的家乡网页设计毕业论文-2-目录第一章前言.............................................3第二章开发工具和运行环境................................42.1网站设计的基本知识.............................42.2DREAMWEAVER8简介................................42.3HTML简介......................................52.4HTML技术简介...................................62.5FLASH简介......................................7第三章网站的设计与实现..................................83.1网站的总体设计...................................83.1.1网站结构图...............................83.1.2网站的风格...............................83.2网站的详细设计...................................83.2.1素材的准备................................83.2.2网站首页..................................9第四章结论............................................13第五章参考文献.......................................14我的家乡网页设计毕业论文-3-第一章前言我的家乡-资阳，地处四川盆地中部，是四川唯一同时连接成渝“双核”的区域性中心城市。1998年设立地区，2000年建市，辖雁江区、简阳市、安岳县和乐至县，幅员面积7962平方公里，总人口500万。资阳历史文化悠久。35000年前，古老的“资阳人”开启了四川人类文明史。公元前135年西汉时期置县，后设州、郡，至今已有2100多年的建制史。古往今来，哺育了东周孔子之师苌弘、西汉辞赋家王褒、东汉经学家董钧等历史名人，以及无产阶级革命家、军事家、外交家陈毅元帅，革命家曹狄秋著名作家邵子南、周克芹、刘心伍等现代英杰。资阳区位优势明显。市区距成都中心城区87公里，现有成渝铁路、成渝高速公路和国道321线、319线、318线等骨干道路穿境而过。随着成安渝、内资遂、遂资眉、成都第二绕城高速公路和成渝铁路客运专线等综合交通项目加快建设，“多线接成渝、内外大畅通”综合交通格局即将形成，资阳正在成为成都交通中心枢纽重要组成部分和成渝经济区内重要交通次级枢纽。设计思想本网站设计目的就是日让大家更多了解自己的家乡—资阳。本网包含网站的资阳的地理，历史，人文，名胜，经济，旅游，风俗，等方面。让浏览这更好了解我的家乡资阳。我的家乡网页设计毕业论文-4-第二章开发工具和运行环境2.1网站设计的基本知识静态编程最重要的特征就是由程序自动生成网页，最终形成供浏览器解释的HTML。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单等基本的HTML标识的写法要求，网页编辑的常用工具，动态网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等相关知识。2.2Dreamweaver8简介Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持——CSS可视化设计、CSS检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰我的家乡网页设计毕业论文-5-富的媒体支持能力等。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。开发环境支持HTML、ASP、ASP.NET、JSP等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。2.3HTML简介全称：HyperTextMark-upLanguage译称：超文本标记语言。简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。HTML是在SGML定义下的一个描述性的语言，或可说HTML是SGML的一个应用程式。HTML不是程式语言，如C++和Java之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了HTML，HTML的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。我的家乡网页设计毕业论文-6-2.4HTML技术简介HTML文件而无需重新设置代Macromedia公司的RoundtripHTML技术让用户可以随意导入码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。利用Dreamweaver，可以方便地使用动态HTML功能，却不需要写一行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。当然,如果不用Dreamweaver的话,同样可以制作出非常好的网站来,其实什么样的程序或者HTML代码都可以直接用记事本来写,只不过Dreamweaver实现起来更方便一些,还有一些其他的网页编辑工具,比如微软的Frontpage等,做网站,Dreamweaver很好用，但它并不是唯一的选择的!网站运行环境①服务器：◆操作系统：windows2003Server；◆Web服务器：IIS5.0◆数据平台：Access②客户端：◆任意操作系统下的浏览器均可。③配置要求：CPUIntel或兼容机Pentium166Mhz或以上我的家乡网页设计毕业论文-7-企业版：至少64M建议128M或更多内存标准版：至少512M开发版：至少512M硬盘Service：至少80G，一般为160GEnglishQuery：80M显视器VGA或更高分辨率2.5Flash简介FLASH简介Flash是一种交互式矢量多媒体技术，他的前身是Futureplash，早期网上流行的矢量动画插件。后来由于Macromedia公司收购了FutureSplash以后便将其改名为Flash2，到现在最新的flash4。现在网上已经有成千上万个Flash站点，著名的如Macromedia专门ShockRave站点，全部采用了ShockwaveFlash和Director。可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。我的家乡网页设计毕业论文-8-第三章网站的设计与实现3.1网站的总体设计3.1.1网站结构图3.1.2网站的风格主页由标准模式构建，其主色调为紫色，通过导航条的引导可以一步一步了解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。3.2网站的详细设计3.2.1素材的准备做网站，准备素材是最重要的一环，不仅要收集许多内容各异的文字图片，还要设计各种网站的排版格式与美工。经济状况历史沿革旅游观光首页地理概况历史文化地名故事未来规划著名人物乡土风情风景名胜我的家乡网页设计毕业论文-9-这个网站的排版格式是我自己用Dreamweaver表格画出来的，其中的图片有的是自己处理的，也有些是从网上下载后自己用fireworks处理的。具体的网站有：我的家乡、网站百度百科等3.2.2网站首页现在开始用dreamweaver8制作网页先把素材整理成整齐的目录，把图片整理好放在image文件夹下，定义站点是选择这个目录，这样素材就位于站点以内，处理起来比较方便。1、定义站点（1）启动Dreamweaver。（2）打开“站点”菜单，选择“新建站点”命令，选择“高级”编辑站点并确定。如图3-2：我的家乡网页设计毕业论文-10-图3-2建立站点（3）选件“文件”新建html基本页，在标题栏输入“annasui_心随香动香伴一生”，并保存为“index.html”文件。（4）设置页面属性，如图3-3所示图3-3设置页面属性（5）先建立一个表格，设置它的“边框”宽为“10”，选择表格高百分比，在文本框中输入“10”，并将表格设置为居中。如图3-4图图我的家乡网页设计毕业论文-11-图3-4建立表格表格居中的代码是paramname=qualityvalue=high//ppclass=STYLE5 /pp /p/th/tr/tablepspanclass=STYLE6spanclass=STYLE8/span/span/p/body/html（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、dreamweaverCS4视频教程4.网络文献资料