静态网页论文(张明)

网页设计（论文）

（ 2006届 ）

题 目 静态网页制作 学 号 39 姓 名 张 明 所 属 系 计 算 机 系 专 业信息工程与网络技术 班 级 0655 指导教师 蒋 健

摘 要

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了让更多客人了解不同信息的情况，提高信息共享度。所以，开发回族文化园网站。 关键词： Dreamweaver

目录

第一章 开发工具和运行环境.......................................... 1 1.1网站设计的基本知识 ............................................ 1 1.2 DREAMWEAVER 8简介 ............................................... 1 1.3 HTML简介 ..................................................... 2 1.4 HTML技术介绍 ................................................. 2 第二章 网站需求分析................................................ 3 2.1 系统概述 ...................................................... 3 2.2 系统的可行性分析 .............................................. 3 第三章 网站的设计与实现............................................ 4 3.1网站的总体设计 ................................................ 4 3.1.1网站的风格................................................. 4 3.2网站的详细设计 ................................................ 4 3.2.1素材准备................................................... 4 3.2.2首页....................................................... 4 第四章 结论........................................................ 6 致 谢.............................................................. 8 参考文献............................................................ 9

第一章 开发工具和运行环境

1.1网站设计的基本知识

静态编程最重要的特征就是由程序自动生成网页，最终形成供浏览器解释的HTML。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单等基本的HTML标识的写法要求，网页编辑的常用工具，动态网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等相关知识。

1.2 Dreamweaver 8简介

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

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

1

1.3 HTML简介

全称：HyperText Mark-up Language 译称：超文本标记语言。

简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。

HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。

1.4 HTML技术介绍

Macromedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无

需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。

利用Dreamweaver，可以方便地使用动态HTML功能，却不需要写一行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。

当然,如果不用DW的话,同样可以制作出非常棒的网站来,其实什么样的程序或者HTML代码都可以直接用记事本来写,只不过DW实现起来确实方便一些吧,还有一些其他的网页编辑工具,比如微软的Frontpage等等,只是想说明一下,做网站,DW很好用，但是不是必须的!

2

第二章 网站需求分析

在进行一个网站项目开发之前，应对这一开发项目进行了需求分析，以确定网站开发者需要完成哪些工作才能满足用户的需求。

2.1 系统概述

在现今的信息共享的时代，网络信息化管理工作系统经信息量大、数据准确、速度快、管理工作全面等特点在现实生活中得到广泛地应用。互联网商业的普及应用已经成为网络经济的大势所趋。本章介绍的回族文化网站是建立在用户和民族信息之间的，用户可以方便、快捷地查找到自己所需要了解的有关于回族的信息，可以足不出户就能了解到回族这一个民族的基本信息，从而提高自己的阅历以及在以后生活中能够有需要的去体验民族风情。

2.2 系统的可行性分析

(1)实用性

网站的宗旨是根据用户需求的有关回族信息和回族现今形势提供有关回族的详细信息， (2)技术性

网站提供给客户了了解回族的基本信息和各种历史信息，使客户能够更好的在本站内了解回族。 (3)经济性

网站能够提供给致力于推广回族文化的企业或者个人来达到所能达到的经济效益，并且能够达到预期的推广效果。

3

第三章 网站的设计与实现

3.1网站的总体设计

3.1.1网站的风格

主页由标准模式构建，其主色调为灰白色，通过导航条的引导可以一步一步了解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。

3.2网站的详细设计

3.2.1素材准备

准备做网站的素材是最重要的一环，不仅要收集许多内容各异的文字图片，还要设计各种网站的排版格式与美工。

这个网站的排版格式是我自己用Dreamweaver画出来的，其中的图片有的是自己处理的，也有些是从网上下载后自己用PS处理的。具体的网站有：华军软件园、萧湘书室等。

3.2.2首页

先把素材整理成一些整齐的目录，最好就在网页需要放置的目录下，我把它放在文件夹image下。定义站点是选择这个目录，这样素材就全位于站点以内，处理比较方便。 1、定义站点

（1）启动Dreamweaver。

（2）打开“站点”菜单，选择“新建站点”命令

（3）在弹出的“站点定义”对话框中的“站点命令”文本框中输入站点名，在 下面的“本地根目录文件夹”文本框中输入本地网站预保存的路径，单击“确认”按钮。

4

（4）随即在组合面板中弹出“站点”面板，现在可以在其中添加页面了。 （5）右键单击“站点”面板中的根目录，在弹出菜单中选择“新建文件”命令，把新建文件的名称改为”1.html”。 （6）双击首页.html，进入页面编辑状态。 （7）首先建立一个大表格并且使表格居中。

编辑文本区域，在最上层表格内添加文字信息，并在第2层的表格中添加素材图片，作为表格背景，从而美化网站

添加关于网站主题的文字内容FLASH内容以及添加站内索引等相关链接内容，最左侧表格内标题栏添加站内索引功能，然后编辑站内索引内容，输入站内链接的页面名称，然后添加文字素材在首页页面中

（1）：其他页面的设计是在首页设计好的框架上，制定好的样式，添加一些内容和各页面应有的独特信息。综合讯息主要分为了新闻咨询与可更新的人物专栏两部分内容，新闻咨询区域从新添加行数为5的表格，来划分不同新闻的区域，新闻咨询内的新闻主要链接于回族在线网站的新闻文章网页上

5

第四章 结论

实践是检验真理的唯一标准，当然也是检验学习成果的标准。通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解，也是我对这五年所学的东西的一个综合体现。然而这次设计让我感受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远远不够的。

首先，我选的课题是汽车网站设计，随之而来的就是我如何来确定该网站的主题,起初自己把问题想的过于简单了，总觉得只要我把主题给确定了，其他的事情也就好解决了。然而却远远不是我想的那样，当我确定了主题着手来做时，发现自己根本不知从哪着手，到底用什么来布局网站，网站的整体风格又是怎样的，如何来规划等这一系列的问题都是我极需要解决的。我开始变得有点浮躁不安，带着这样的心情来做我的设计，其结果是几天下来网站的整体布局都还没有一个统一的概念。慢慢的我就静下心来反思自己这几天所做的，发现自己的方法完全错了，太急于求成，然后我整整自己思绪，一步步来，先准备资料，画出网站的设计模型图，熟悉编程环境，把握整体布局，明确了网站的基本功能，做好业务流程图、数据流图的情况下，在设计好系统各主要部分，将一些细节问题考虑周全后才开始动手进行开发，使得后来的工作才得以顺利进行。

其次，因编程语言的熟悉程度不够也让我对整个开发过程受到了一定的阻碍。由于自己所学的东西不是很扎实，而以前只编辑过一些小的程序，对编辑大型程序不是很了解，所以自己只有去找资料，图书馆和网络给了我很大的帮助，在我徜徉书海和网络查找资料的日子里，面对无数书本和网上信息的罗列，自己有时也会感到烦躁不安，但每当自己找到了自己想要的资料时，激动和兴奋接踵而至，心里满满的只有喜悦毫无疲惫，这段旅程看似荆棘密布，实则蕴藏着无尽的宝藏，让自己了解和学习了很多以前自己根本就不知道的知识。

最后，在撰写毕业论文时也遇到了一些困难。由于这是我第一次写论文，没有任何经验，对于论文的格式、要求和内容都一无所知，在查询了大量的书籍后才有了模糊概念。所以在此篇论文中不免会有些缺点。

6

总的来说，这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台。正像蒋老师说的一样，它让我对几年来所学的专业课有了更为深刻的认识，使知识得到了融会贯通，得到了比以往学习任何一门课都更大的提高和进步。所谓活到老学到老，自己以后还要加强知识的学习，不断的完善自己。经过开发这个系统，这不仅仅是一次毕业设计，不仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨练，是对我实际能力的一次提升，也会对我未来的学习和工作有很大的帮助。

这次毕业设计不能说得上是完美，但我觉自己已经尽了自己最大努力去完成，我想只要自己努力了就能对得起自己了。同时我也会在以后的时间里尽量的完善它，不断的对它进行升级，做出更好的成绩。

7

致 谢

本人的毕业设计论文一直是在蒋老师的悉心指导下进行的。蒋老师治学态度严谨，学识渊博，为人和蔼可亲。并且在整个毕业设计过程中，也使我接触到了许多理论和实际上的新问题，使我做了许多有益的思考。在此表示诚挚的感谢和由衷的敬意。蒋老师在网站方面具有丰富的实践经验，对我的实验工作给予了很多的指导和帮助，使我能够将理论中的结果与实际相结合。另外，他对待问题的严谨作风也给我留下了深刻的印象。在此表示深深的谢意。蒋老师在网站方面经验非常丰富。尽管我在做网站的过程中，遇到许多比较低级的问题，蒋老师却都极其耐心地予以解答，在此表示深深的谢意。 此外，我还要感谢我的同学断对我得到的结论进行总结，并提出新的问题，使得我的毕业设计课题能够深入地进行下在整个过程中的帮助和配合。

8

参考文献

[1]：唐乾林 编著 网站界面设计 案例教程 机械工业出版社 2009.2（2011.1重印）

[2]：杨选辉 编著 网页设计与制作教程 清华大学出版社 2008年 8 月 第二版

[3]：洪光，马希敏编著 静态网站建设 大连理工出版社 2008年 6 月 第二版

[4]：于慧主编 静态网页编程精彩案例教程 电子工业出版社 2006年 1 月 第一版

9