个人网页的制作教程

1.1网站设计的基本知识

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

1.2 Dreamweaver 简介

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

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

1.3 HTML简介

全称：HyperText Mark-up Language

译称：超文本标记语言。

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

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

1.4 HTML技术介绍

Macromedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML 代码，实现代码的优化。

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

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

为交流提供综合的网络环境，同时也为个人的宣传，发展，提供了一个平台。

存在的问题：该网站的建设也牵涉到了动态网页的制作，这成了制作过程中的难点，就我个人而言，对动态网页的制作方面还缺少很多的理论与实际操作知识，曾经只是做一些简单的个人主页，仅此而已，需要深入的学习ASP方面内容和网页三剑客。

主要研究内容：个人网站设计使用动态网页的设计，提供日志、歌曲欣赏、访客留言等功能。

第二章需求分析

2.1 系统概述

在现今的信息共享的时代，网络信息化管理工作系统经信息量大、数据准确、速度快、管理工作全面等特点在现实生活中得到广泛地应用。互联网商业的普及应用已经成为网络经济的大势所趋。本章介绍的回族文化网站是建立在用户和民

族信息之间的，用户可以方便、快捷地查找到自己所需要了解的有关于回族的信息，可以足不出户就能了解到回族这一个民族的基本信息，从而提高自己的阅历以及在以后生活中能够有需要的去体验民族风情。

由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望老师提出宝贵的意见和批评。

2.2 系统的可行性分析

(1)实用性

网站的宗旨是根据用户需求的有关公司信息和公司现今形势。

(2)技术性

网站提供给客户了了解公司的基本信息和各种产品信息，使客户能够更好的在本站内了解大元公司。

(3)经济性

网站能够提供给致力于推广大元公司文化的来达到所能达到的经济效益，并且能够达到预期的推广效果。

2.2 软件介绍

该个人网站所使用的软件有：网页三剑客，ASP程序设计语言，ACCESS 数据库，PhtososhopCS。

2.3 网站设计理念及设计思路

在Internet发展迅速的今天，博客，个人空间，个人主页都是非常流行的展示自我，和联系朋友的平台，而我也即将面临毕业，大家以后的联系很可能会因为各自的事业而很少联系，每当自己工作很累的时候如果能打开自己的网站听听自己喜欢的歌曲，看到朋友的留言是一件非常舒心解累的事情，每当自己在生活上遇到心烦郁闷的事的时候，也可以在自己的个人网站上发发牢骚，让自己的心灵能够得到解放。每当自己想念家人朋友的时候，能够打开自己的个人网站看看家人朋友的照片，我相信回忆也是一件很美好的事情。所以我就想做个属于自己的个人网站。网站主页的设计主要是网页设计软件的操作与技术应用的问题。但是，要使主页设计、制作得美观大方、切合主题，必然离不开对主页进行艺术的加工和处理。在动手制作之前思考整个网站的风格和创意。网站主页的风格是浏览者对整个网站的普遍的感觉，是主页的版式、色调及图文组合的高度抽象。

我的个人网站的主要内容包括以下几个板块：个人网站首页，自己的资料的页面，日志心情，相册，留言板，收集，链接和登陆。

色彩，网站风格之魂、创意之先锋。主页的风格我配上比较淡的墨绿色衬托，在视觉上给人一种比较神秘的感觉，然后后面衬托一张夏之回忆的日出图。黎明，拥有一天中最纯净、最清澈、最让人激动的光线，那是生命最易受鼓舞、最能添