网站建设步骤.docx

网站建设步骤.docx

《网站建设步骤.docx》由会员分享，可在线阅读，更多相关《网站建设步骤.docx（8页珍藏版）》请在冰豆网上搜索。

网站建设步骤

网站建设步骤

1.肯定网站主题：

对于内容主题的选择，要做到小而精，主题定位要小，内容要精。

不要去试图制作一个一应俱全的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。

记住：

在互联网上只有第一，没有第二！

例如：

第1类：

网上求职；第2类：

网上聊天/即时信息/ICQ；第3类：

网上社区/讨论/邮件列表；第4类：

运算机技术，如第5类：

网页/网站开发；第6类：

娱乐网站；第7类：

旅行；第8类：

参考/资讯；第9类：

家庭/教育；第10类：

生活/时尚。

2.做好网站计划:

计划的内容应该主要包括但不局限于如下几项：

<1>域名和主机的选择（域名需要依托网站主题和用户范围来选择，主机则按照网站在大小、安全、稳固上的需求）　　<2>网站的定位（如定位于获利性网站，仍是企业网站，或是公益性的……）

<3>网站的用途（是用来获利的，仍是做产品线上营销的，或是做品牌推行和整合的）

<4>网站的进展目标（需要达到的目标，需要为那个目标而尽力的）

<5>网站的拓扑图构画（网站包括哪些栏目，采用什么样的制作结构）

<6>网站制作技术的采用（用哪一种语言开发，在什么平台上开发）

<7>网站的推行（需要做具体什么样的工作去推行网站，是不是需要在前期开发的时候就考虑到后期的推行，如SEO专家的建议）

<8>网站的保护（是自主保护，仍是外包保护，保护的内容包括哪些，后期改版的时刻距离安排等）

<9>网站安全（网站按期进行安全检测及备份等安全操作）

<10>网站的主题颜色（网站颜色能够直接反映出企业的行业所属）

3.选择好域名:

域名是网站在互联网上的名字，是在互联网上彼此联络的网络地址。

一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。

失去那个域名，就将前功尽废。

目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推行与进展很为不利，不可是它“适时”开启的窗口妨碍了阅读者的视线和好感，让人一看就明白是个人网站，而且也妨碍了网页的传输速度。

所以，就我个人观点来讲，第一花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。

4.掌握建网工具：

<1>HTML编辑器

虽然HTML代码复杂，编辑和调试要花费大量的时刻，但因HTML的稳固性、普遍支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。

就目前来讲，有众多的编辑器供选择，这些编辑器普遍支持复杂页面创建及高级HTML规范，利用较为普遍的有Hotdog等专业HTML编辑器。

　　<2>MicrosoftFrontpage

它具有如word一样的操作界面，熟知word功能的操作者，只要略加培训就可以轻松编制网页。

而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。

但Frontpage的一些特殊显示功能并非能在其它非IE阅读器下实现。

所以Frontpage是一款超级适合初、中级网页制作人员利用的工具软件。

<3>此刻超级流行的Macromedia公司（已被Adobe公司收购）出品的Flash互动网页制作工具

这是是一款功能超级壮大的交互式矢量多媒体网页制作工具。

能够轻松输出各类各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！

但它的动画效果、互动效果、多媒体效果十分超卓。

而且还能够在Flash动画中封装Mp3音乐、填写表单等；而且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加速了阅读速度。

这是一款十分适合动态Web制作的工具。

<4>Dreamweaver

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别进展的视觉化网页开发工具，利用它能够轻而易举地制作出跨越平台限制和跨越阅读器限制的充满动感的网页。

另外，个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的大体知识、JavaScript、VBScript的大体知识。

对于常常利用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练利用图形处置工具和动画制作工具和矢量画图工具，并能部份了解多种图形图像动画工具的大体用法，熟练利用FTP工具和拥有相应的软硬件和网络知识也是必备的。

固然，互联网仍是一个免费的资料库。

编制网页需要多种多样的按钮、背景还有各类各样图形、图片。

若是这些都要靠自己完成，既浪费时刻又浪费金钱，而且还需要壮大的图形、图片制作技术。

所以，为了省却这些麻烦，网站制作者完全能够从网上下载各类精美实用的图片、按钮、背景等网页素材。

5.肯定网站界面:

界面就是网站给阅读者的第一印象，往往决定着网站的可看性，在肯定网站的界面时要注意以下三点：

<1>栏目与板块编排

构建一个网站就比如写一篇论文，第一要列出提纲，才能主题明确、层次清楚。

网站建设初学者，最容易犯的错误就是：

肯定题材后立刻开始制作，没有进行合理计划。

从而致使网站结构不清楚，目录庞杂混乱，板块编排混乱等。

结果不但阅读者看得糊里糊涂，制作者自己在扩充和保护网站也相当困难。

所以，咱们在动手制作网页前，必然要考虑好栏目和板块的编排问题。

网站的题材肯定后，就要将搜集到的资料内容作一个合理的编排。

比如，将一些最吸引人的内容放在最突出的位置或在版面散布上占优势地位。

栏目的实质为一个网站的大纲索引，索引应该将网站的主体明确显示出来。

在制定栏目的时候，要仔细考虑，合理安排。

在栏目编排时需要注意的是：

●尽可能删除那些与主题无关的栏目；　　

●尽可能将网站内最有价值的内容列在栏目上；　　

●尽可能从访问者角度来编排栏目以方便访问者的阅读和查询；辅助内容，如站点简介、版权信息、个人信息等大可没必要放在主栏目里，以避免冲淡主题。

另外，板块的编排设置也要合理安排与划分。

板块比栏目的概念要大一些，每一个板块都有自己的栏目。

举个例子：

ENET硅谷动力的站点分新闻、产品、游戏、学院等板块，每一个板块下面又各有自己的主栏目。

一般来讲，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。

若是有必要设置板块的，应该注意：

●各板块要有相对独立性；　　

●各板块要有彼此关联；　　

●各板块的内容要围绕站点主题；

<2>目录结构与链接结构

网站的目录是指成立网站时创建的目录。

例如：

在用Frontpage成立网站时都默许成立了根目录和Images子目录。

目录的结构是一个容易忽略的问题，大多数站长都是未经计划，随意创建子目录。

目录结构的好坏，对阅读者来讲并无什么太大的感觉，可是对于站点本身的保护，以后内容的扩充和移植有着重要的影响。

所以成立目录结构时也要仔细安排，比如：

●不要将所有文件都寄存在根目录下。

有网站制作者为了方便，将所有文件都放在根目录下。

如此就很容易造成：

文件管理混乱，弄不清哪些文件需要编辑和更新，哪些无用的文件能够删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录成立一个文件索引，若是将所有文件都放在根目录下，那么即便只上传更新一个文件，服务器也需要将所有文件再检索一遍，成立新的索引文件，很明显，文件量越大，等待的时刻也将越长。

●按栏目内容成立子目录。

子目录的成立，第一按主栏目成立。

友情连接内容较多，需要常常更新的能够成立独立的子目录。

而一些相关性强，不需要常常更新的栏目，例如：

网站简介、站长情形等能够归并放在一个统一目录下。

所有程序一般都寄存在特定目录，例如：

CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于保护管理。

●在每一个主目录下都成立独立的Images目录。

一般来讲，一个站点根目录下都有一个默许地Images目录。

将所有图片都寄存在那个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。

所以为每一个主栏目成立一个独立的Images目录是方便管理的。

原因很简单，就是方便保护与管理。

　　其它需要注意的还有：

目录的层次不要太深，不要超过3层；不要利用中文目录，利用中文目录可能对网址的正确显示造成困难；不要利用太长的目录，太长的目录名不便于记忆；尽可能利用意义明确的目录，以便于记忆和管理。

　　网站的链接结构是指页面之间彼此链接的拓扑结构。

它成立在目录结构基础之上，但能够跨越目录。

形象的说：

每一个页面都是一个固定点，链接则是在两个固定点之间的连线。

一个点能够和一个点连接，也能够和多个点连接。

更重要的是，这些点并非是散布在一个平面上，而是存在于一个立体的空间中。

一般的，成立网站的链接结构有两种大体方式：

●树状链接结构（一对一），这种似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。

如此的链接结构阅读时，一级级进入，一级级退出，层次比较清楚，访问者明确明白自己在什么位置，不会“不知身在何处”，可是阅读效率低，一个栏目下的子页面到另一个栏目下的子页面，必需回到首页再进行。

●星状链接结构（一对多），类似网络服务器的链接，每一个页面彼此之间都成立有链接。

如此阅读比较方便，随时能够抵达自己喜欢的页面。

可是由于链接太多，容易使阅读者迷路，弄不清自己在什么位置，看了多少内容。

因此，在实际的网站设计中，老是将这两种结构混合起来利用。

网站希望阅读者既能够方便快速地达到自己需要的页面，又能够清楚地明白自己的位置。

所以，最好的办法是：

首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。

关于链接结构的设计，在实际的网页制作中是超级重要一环，采用什么样的链接结构直接影响到版面的布局。

<3>进行形象设计

网站的设计能够从以下几点动身：

●设计网站标志（LOGO）。

LOGO是指网站的标志，标志能够是中文、英文字母，也能够是符号、图案等。

标志的设计创意应当来自网站的名称和内容。

比如：

网站内有代表性的人物、动物、植物，能够用它们作为设计的蓝本，加以卡通化或艺术化；专业网站能够以本专业有代表的物品作为标志。

最常常利用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合能够很容易制作好自己的标志。

●设计网站色彩。

网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。

“标准色彩”是指能表现网站型象和延伸内涵的色彩，要用于网站的标志，题目，主菜单和主色块。

给人以整体统一的感觉。

至于其它色彩也能够利用，但应当只是作为点缀和衬托，绝不能鹊巢鸠占。

一般来讲，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。

适合于网页标准色的颜色有：

蓝色，黄/橙色，黑/灰/白色三大系列色。

●设计网站字体。

和标准色彩一样，标准字体是指用于标志，题目，主菜单的特有字体。

一般网页默许的字体是宋体。

为了表现站点的“不同凡响”和特有风格，能够按照需要选择一些特别字体。

制作者能够按照自己网站所表达的内涵，选择更贴切的字体。

需要说明的是：

利用非默许字体只能用图片的形式，因为极可能阅读者的运算机里没有安装特别字体，那么辛苦设计制作即可能付之东流了。

●设计网站宣传语。

也能够说是网站的精神、主题与中心，或是网站的目标，用一句话或一个词来高度归纳。

用富有气势的话或词语来归纳网站，进行对外宣传，能够收到比较好的结果。

6.肯定网站风格：

“风格”是抽象的，是指站点的整体形象给阅读者的综合感受。

那个“整体形象”包括站点的CI（标志，色彩，字体，口号）、版面布局、阅读方式、交互性、文字、语气、内容价值等等诸多因素，网站能够是平易近人的、生动活泼的也能够是专业严肃的。

无论是色彩、技术、文字、布局，仍是交互方式，只要你能由此让阅读者明确分辨出这是你网站特有的，这就形成了网站的“风格”。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式能够归纳出一个站点的个性：

是粗犷豪放的，仍是清新秀丽的；是温文儒雅的，仍是执著热情的；是活泼易变的，仍是墨守成规的。

总之，有风格的网站与普通网站的区别在于：

在普通网站上你看到的只是堆砌在一路的信息，你只能用理性的感受来描述，比如信息量多少，阅读速度快慢等；在有风格的网站上你能够取得除内容之外的更感性的熟悉，比如站点的品位，对阅读者的态度等。

在明确自己想给人以如何的印象后，要找出网站中最有特色的东西，就是最能表现网站风格的东西。

并以它作为网站的特色加以重点强化、宣传。

总之，风格的形成不是一次定位的，你能够在实践中不断强化、调整、改良。

7.有创意的内容选择：

好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。

网络上的最多的创意即是来自于虚拟同现实的结合。

创意的目的是为了更好的宣传与推行网站，若是创意专门好，却对网站进展毫无心义，那么，网站设计制作者也应当舍弃那个创意。

另外，主页内容是网站的根本之所在，若是内容空洞，即便页面制作地再如何精美，仍然不会有多少用户。

从根本上说，网站内容仍然左右着网站流量，内容为王（ContentIsKing）仍然是个人网站成功的关键。

8.选购网站空间：

那个一步应该是和选好域名的时候已经肯定网站空间放在那里。

在网络服务器上开辟出必然配额的磁盘空间供用户放置网站、文件等内容，最大体的虚拟主机功能包括web访问和文件传输功能。