论个人网站的设计与实现 毕业论文.doc

北京科技大学远程与成人教育学院 毕业设计（论文） 题 目： 实用网站的设计与实现 学习中心： 北京ITET培训中心 专 业： 计算机科学与技术 年 级： 0802 姓 名： 刘吉惠 设计题目及内容摘要 设计题目：论个人网站的设计与实现 内容摘要：Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间。大有大型企业的产品推销、售后服务、解决方案。而小的有形形色色，五彩缤纷的个人网站。这主要是因为很多人已经不满足仅仅在Internet上的浏览信息，而是希望更深入的参与其中，拥有自己的Web网站，这似乎也已经成为一种潮流。 关键字：网站 网页制作 目 录 引言 4 1.1 网站域名的注册与使用 4 1.2 网站建设的相关软件 4 1.3网站的规划设计 4 1.3.1网站的栏目设计 5 1.3.2 确定网站的框架 5 1.4网页基本构成元素 5 一、建站须知 6 1、确定主题 6 2、选择空间 6 3、网站设计要点 6 4、在本地搭建网站服务器平台 6 二、个人网页的制作 7 1、 用Photoshop完成网页设计 7 2. Dreamweaver完成网页制作 8 3、制作时应注意事项 10 三、网站的上传 10 总结 12 致 谢 12 引言 1.1 网站域名的注册与使用 建立一个网站首先要有一个自己的网站地址(网址)，网址是由域名来决定的。因此若想建立网站，首先需要注册或者转入一个域名以便命名要建立的网站。随着Internet的发展，人们把域名分为几个大类，分别以不同的后缀结尾： .com 用于商业公司 .org 用于组织、协会等 .net 用于网络教育 .edu 用于教育机构 .gov 用于政府部门 .mil 用于军事领域 .cn 中国专用的顶级域名 因此，在做一个网站以前要先注册一个好的域名。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。 目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，可以花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。 1.2 网站建设的相关软件 1、Photoshop 2、Dreamweaver 3、Flash 4、Fireworks 1.3网站的规划设计 在进行一个网站设计之前，要先明确网站的风格及特点，这对具体的设计是很有利的。利用制作网站的软件如dreamweaver进行网页框架、文字布局、页面链接、动态效果等设计，也包括利用photoshop或者fireworks等平面设计软件实现平面设计、静态无声图片设计，或者利用flash实现动画效果。 网站的延伸设计。主要包括网站主题的定位、用户群定位、智能交互、制作策划、形象包装和宣传营销等。 1.3.1网站的栏目设计 在我们确定了网站的主题和风格后，就应该围绕主题制作相应的网页内容，设计相应的题材栏目。 设计网站logo 网站logo是网站的标志，是站点特色和内涵的集中体现。设计时不仅要考 虑到网站整体发展到一个高度时相应的推广活动所要求的各类 效果，同时应 使用能够让多数用户喜欢、印象深刻的造型。 设计网站的标准色彩 网站给人的第一印象来自视觉冲击，所以确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到网页浏览者的情绪。网站标准色彩的选择和确定，是由网站的主题和企业自身的特点决定的。 所以，在定位网站VI形象时，要明确网站所要传达的信息、定位网站的用户群，不要使用过多的颜色和注意网站色差问题等。 1.3.2 确定网站的框架 网站框架可以使站点链接清楚，层次清晰。同时，为以后为以后业务需要和规模扩充，提供了方便，以免以后修改整个网站的框架。 1.4网页基本构成元素 ?? 要学会制作网页，首先需要了解网页都是由什么元素构成的。 ?? 文字：文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。 ?? 图片：正是有个各种美丽的图片，网页才变得多姿多彩。 ?? 动画：如今，网