个人网站建设方案

个人网站建设方案
个人网站建设方案

个人网站建设方案

1

个人网站建设方案

网络化的今天, 网络对于人们的衣食住行来说已经是不可或缺的一部分, 很多人都想拥有自己的网站, 网站的形式也是五花八门。可是, 除了专业的建网公司, 对于大多数的个人来说, 要想真正的建一个网站却不是说说那么简单, 为了给这些想自己建立一个网站的人们提供一个网站建设的方案, 我就以个人网站为例进行一个简单的讲述。

一、网站的构成

一个网站主要由三部分构成: 网页+域名+主机空间。

域名就是网站的名字, 经过域名就能够访问企业的网站, 域名的管理由中国互联网中心管理, 需要申请并每年付给中国互联网中心域名使用费用。费用根据域名的不同而不同, 例如.cn这样的英文域名一年费用为120元, 而www.锻协.cn这样的中文域名一年费用则要280元。

主机空间则是存放网站的地方, 由专业的公司提供这种服务, 也是每年都要付费。费用价格从320元到上千元不等。域名和主机空间的服务商选择非常重要, 如果选择不好, 网站就会经常发生无法访问等问题。

一、网站的种类

分为静态网站和动态网站。所谓静态网站, 就是不带后台数据库的网站, 只有静态网页。访问网站的人只能看这些网页, 可是如

2

果想经过网站同企业进行沟通, 如留言等则没法进行。动态网站则是带有后台数据库的网站, 访问网站的人能够在网上留言, 企业也能够发布最新的新闻。

二、网站的维护以及费用

如果是个人网站, 仅仅是静态网站, 那么, 对于网站的维护我们不需要专业花钱聘请一个专业的网站维护人员, 自己就能够, 可是, 如果是一个企业网站, 这样的话, 你就需要聘请专业的网站维护人员进行网站的定期更新和维护。当然这就需要支付一定的费用。

三、网站内容的构成

1.网页

网页是构成一个网站的主要内容和元素。网站只是一个名字, 一个代名词, 而网页才是网站的实体, 网站的灵魂。因此, 对于网页的制作可是要下一番功夫。

网页的美工: 网页美工既是网站整个的框架布局, 风格, 颜色, 线条, 图片, 动画等等, 想要做一个艺术类的网站, 那么, 美工设计就显得尤为重要, 比如: 旅游、婚庆、摄影的等方面的网站, 对视觉的要求都是非常的高。

2.网页的编写

网页编写需要用到很多的语言, 这里说的是网页编写语言, 不是我们说的语言。编写语言包括: HTML , CSS , .net, JavaScript和其它Web语言。我们在编写网页的过程中能够根据自己的网站大

3

小和种类选择不同的语言。比如说: 个人静态网站, 就用HTML和CSS即可。

3.如果是动态网站的话, 则需要数据库进行数据的存放和处理, 比如说, 留言、论坛、网站登录和注册等等。一般在网站制作中用到的数据库类型有: SQL、 MYSQL、 Access。企业网站最常见的数据库就是Access, 因为她包含的内容不是特别, 用Access一般足够用。SQL一般用于复杂计算、以及数据库特别大的网站, 比如: 门户、 B2B、 B2C类型的网站。

4.后台管理, 进行网站的更新, 确保网页的质量!

这些重要前提讲述完毕之后, 我们来讨论如果真正的做一个网站。

静态网站实例: 个人网站

做一个网站之前需要进行网站的规划的思考, 主要就是网站的布局, 采用什么形式, 还有就是收集网站的素材, 在你做这个网站时需要用到的素材。接下来的网页制作过程就是一个需要时间的过程。

网页布局参考资料:

网站的名称: 个人网站

网站导航: 网站首页、关于自己、我的相册、我的文章、我的音乐、我的心情、意见反馈。

4

资料内容仅供参考,如有不当或者侵权,请联系本人改正或者删除。

页面布局:

5

这里我们采用Dreamweaver进行制作:

Dreamweaver是一款非常好的软件,能够象word一样排版,自动生成html; 能够自己写代码,直观的看效果; 能够自己加编程语言,也能够经过它提供的功能自动生产编程语言; 能够自己编写连接数据库,也能够经过它提供的功能实现;

打开制作软件, 选择-布局-进行网页的布局设计, 按照上面的布局规划, 划分网页。宽度和高度由你自己的习惯和爱好去把握,

6

这里推荐宽度为750.划分好网页之后就开始网页内容的填充。

加入超链接:

图片超链接:

代码: 图片说明

文字超链接:

代码: 输入的文字

LOGO超链接:

代码: 把以下代码加在已经存在的面板里( 想选那种方式就加那段代

7

码, 不要全部都加) :

1 让链接变色

A { text-decoration: NONE; color: #51bfe0}

A:hover { color: #3399FF }

2 增加链接的力度—即字体变大

A { text-decoration: NONE; color: #51bfe0}

A:hover {font-weight: bold }

3 触到链接是出现虚线

代码:

A { text-decoration: NONE; color: #51bfe0}

A:hover {border-bottom:1px dashed #51bfe0 }

4 会移动的链接

代码

A { text-decoration: NONE; color: #51bfe0}

A:hover { position: relative; left:1px; top:1px; }

8

5 给链接添加背景色

A { text-decoration: NONE; color: #51bfe0}

A:hover { background-color: #CCFFFF;}

注意: color颜色自己设定, 把以上蓝色地方换成你喜欢的颜色代码, 具体颜色代码请看美化必备-常见颜色代码①②

6 音乐超级连接下载代码:

你的音乐名字

然后把你的IE浏览器上的Internet选项中的"始终使用UTF-8发送URL"勾选去掉即可!!这样能够让其它人直接点你的连接进行下载!( 具体: 你的IE浏览器上"工具"菜单->Internet选项->"高级"标签->始终使用UTF-8发送URL->勾选去掉。

做完这一切后, 你的网站就算是完成了, 在这里我们要使用Dreamweaver软件查找我们的网站是否有断链, 检查无误后, 经过FTP进行上传到互联网, 在地址栏中输入你的网站地址就能够访问了!

9

相关主题
相关文档
最新文档