建站教程入门级教程.docx

前言
梦之都的站长建站教程，是一个入门级的教程，教程将揭开网站建设的神秘面纱，教会你网站建设的基本方法，为你成为一个真正的站长打下坚实的基础.
· 理解何为网站
· 了解网站运作的基本原理
· 学习网站建设前所必备的基本技能
· 网站建设中要使用的技术知识
· 网站建设中常用的软件
· 网站建设过程中的分工协作
· 如何在自己的电脑上建立网站并测试
· 搭建网站的过程
· 如何着手设计一个网站
· 如何购买域名与空间建立一个真正的网站
· 如何使用免费的建站程序加快网站建设速度
· 如何通过网站盈利
· 如何宣传网站
· 我还会把一些网站建设过程中常见的内容做成视频教程，使同学们以最快的速度学会网站建设
教程的最后会把一些建站过程中涉及到的术语、名词做一个总结，供大家参考学习。
1 . 网站建设入门例子 -- 猴子买报的故事
从前猴子每天都读报纸，报纸上有很多文章与信息，还有一些讨厌的广告。每篇文章都是由标题与多个段落的内容组成的，而且可能还有一些图片，数据表格等。
现在，猴子再也不买报纸了(可不是由于报纸涨价了!:))，猴子每天都是通过新闻网站在线浏览，这种在线浏览方式与读报纸的方式是非常相似的。网上的每篇文章也都是由标题与内容组成，而且也会不时出现一些讨厌的广告！但是它们之间也有不同，网络上通过链接的方式使很多篇相关的文章建立了联系，而且通常每个网页只有一篇文章，而不像报纸一样，一个页面总是多篇文章。
还有一点不同的地方是与用户交互的方式（比如抽奖，问答等），报纸使用了一个插页或报纸的一部分，我们填写好信息后，必须邮寄给报社。但是在网络上这个步骤将更加简单了，我们只需要在页面上输入用户名，联系方式，点击提交即可！
网络上更加神奇的一点是，搜索！只要通过搜索就可以找到想要的内容，而且还可以找到以前的很多文章(不用再翻老报纸了)，这的确比报纸好多了！！
使用网络还增加了环保(纸是由树木制作的，只要不断的读报纸我们生活的森林就会慢慢消失，想想那没有新鲜的空气，没有了鸟语花香的生活(！而且废纸总是要处理的垃圾)，报纸上的油墨对猴的身体也不好，因此猴子下定决心，再也不买报纸了，开始学做网页了:)
猴子提示: 制作一个网页有点像对报纸的排版(记住上面的几点不同，这些不同也体现了网络的优点)。我们也是建立一个标题，再建立文章的各个段落，经过美化，最后上传到网上，供用户浏览。而这里面使用的最基本的技术就是HTML。
可以通过这个链接，学习HTML入门例子，尝试最简单的页面制作
2 . 从输入域名到访问网站的过程
学习建立网页前，我们应先了解网络(Web)基本的运作方式。也就是从我们在浏览器中输入域名到浏览器显示页面，这个过程中到底发生了什么事？见下面图示：

说明
1，浏览器通常指 IE FireFox等，客户端使用的程序
2，每台连接互联网的机器都有一个唯一的IP地址，IP地址是由4个0到256的数组成的，比如：222.131.0.229，127.0.0.1，由于每台联网的机器的IP地址都是独立的，因此可以通过IP判断一台机器。
网站所在的服务器通常有一个固定的IP地址，而我们浏览者每次上网的IP地址通常都不一样，IP地址是由ISP分配的。
域名服务器(domain name server)的简称为DNS，它存储了域名与IP地址对应的列表。
3，浏览器得到域名指向的IP后，浏览器会把我们输入的域名转化为HTTP的服务请求，例如，输入 ，可以转化为
由于输入的是域名，因此服务器接收到请求后，会查找域名下的默认网页(通常为default.php或default.html)，如果直接输入
4，返回的请求通常是一些文件，包括文字信息(.html .css .asp文件等)，图片，flash等(每个文件都要有一个唯一的网址，比如
5，浏览器将这些信息组织成用户可以查看的网页
猴子提示: 查询网站的IP地址可以使用ping的方式，点击windows的开始 -- 运行 -- 输入“cmd” -- 回车 -- 输入 ping 可以查看的ip地址
猴子提示: 查询自己机器的ip地址，可以使用上面的方式，输入 ipconfig 回车即可查看
3 . 基本技能 -- 学习网站建设前
建站最基本的技能:
· 练习打字，打字是网页设计师必备的基本功，拼音输入法比较容易学习，学好了,打字速度也很快，比如：GOOGLE拼音输入法，搜狗拼音输入法；
· 学会windows的基本操作，比如熟练掌握Ctrl+X剪切、Ctrl+Z撤消、Ctrl+N新建、新建文件、修改文件扩展名等基本Windows操作。学会熟练拖动文件。学会安装软件等。
上面就是建设网站最基本的技能。
猴子推荐: 搜狗拼音输入法是一个功能强大，使用简单的工具，推荐你使用。
引用网址：
建站次要技能:
· 学会使用搜索引擎，查找问题的答案，常用的搜索引擎，baidu，google，yahoo；
· 学会收发电子邮件。电子邮件是网络中最基本的通讯方式之一；
· 学会使用QQ等聊天软件，进行交流技术。
.1. 网站设计中涉及到的技术知识
曾几何时建设网站只需要一种语言(技术)：HTML。但随着web的发展与完善，新的技术层出不穷。虽然只使用HTML也可以建立最简单的网页，但为了使网站更加具有吸引力，更加高效，我们至少要学会下面一些常用网站设计的技术。
下面这些技术将分不同的章节讲解，同时也会介绍它们之间的联系与区别，虽然涉及的内容挺多，但都不是很难，只要慢慢学习，你定能成为一个建站高手!
搭建网站的结构 -- HTML与XHTML
网站的所有内容就是通过它们组织起来的。HTML与XHTML很相似，我推荐你使用XHTML，它更加严谨。
学习HTML教程 学习HTML入门例子
美化与布局网站的样式表 -- CSS
有了内容之后，通过CSS可以使内容表现的更好。
学习CSS教程 学习CSS入门例子
引用网址:
客户端脚本语言 -- JavaScript
通过目前最流行的脚本语言JavaScript，可以在客户端实现一些动态的效果、控制浏览器、数据的检测与验证，比如用户的输入验证，漂浮的文字，选项卡效果等。 目前最流行的Ajax技术，就使用了JavaScript。
学习JavaScript教程 学习JavaScript入门例子
服务器端脚本语言 -- ASP PHP JSP 等
通过编程在服务器端实现对内容的分析与操作，比如用户登录系统，购物车系统，数据的查询等。
数据库与SQL语句 -- Access MySQL SQLServer Oracle等
数据库用于存储数据，保留用户与网站信息等。
猴子提示: 网站建设发展到今天已经衍生出很多技术，但是每种技术的存在都是以为了实现更富有吸引力的用户体验与更方便快捷的网站建设为前提的，认识到这一点我们就能更加完善的理解这些技术了
上一页 / 下一页 / 教程列表
4.2. 网站设计中要学会的软件
4.2.1. Notepad++
4.2.2. EditPlus
4.2.3. DreamWeaver
4.2.4. PhotoShop
很多软件可以制作网站，而且网页制作的过程中还可以用到很多辅助软件，比如调色板软件，模板类软件等，这里只介绍一下常用的软件，学好下面的软件，就是掌握了最好的工具，可以使我们事半功倍！其它的软件大家可以慢慢学习。
4.3. 前台设计师与后台程序师
网站的建设过程中主要分两块工作：前台设计(前台设计师:就是我们常说的美工.)，后台编程(后台程序员)。
网站前台
一般的前台设计师要全面掌握HTML和CSS的就可以了，高级的前台设计师还要掌握JavaScript与DOM的相关知识。
前台设计师要学会的软件有DreamWeaver，Photoshop，EditPlus，Flash等（最前面的最重要）。
引用网址:
猴子提示: 前台设计师最重要的是要有审美感，熟悉颜色的搭配，有创意，会设计(软件只是工具)。
网站后台
一般的后台程序员要全面掌握HTML，CSS，JavaScript，服务器端脚本语言，数据库与SQL语句所涉及的内容，因为凡是和代码有关的后台程序员都要涉及。
后台程序员要学会的软件有Notepad++，EditPlus，DreamWeaver等（最前面的最重要）。
猴子提示: 后台程序员最重要的是逻辑思维能力，理解能力，分析能力，学习能力强(软件只是工具)。
猴子提示: 网站分工中还有很多其它的角色，比如业务、售前、售后、策划、测试、项目经理、DBA等。
5 . 建设一个本地网站 -- 先在自己的电脑做一个网站
5.1. IIS的安装与配置
5.1.1 IIS安装视频教程
5.1.2 IIS配置与建站设置视频教程
5.2. Apache的安装与配置
5.2.1 Apache安装与配置视频教程
5.3. 客户端与服务器端
本地网站是指先把网站建立在你自己的机器上，这样别人无法浏览，只有你自己或者局域网的用户可以浏览。本地网站可以方便我们调试修改程序，完全改好了，再上传到网上供大家浏览，欣赏。
本地网站的浏览方式
· http://localhost/default.html
· http://localhost:80/default.html
· http://127.0.0.1/default.html
· http://127.0.0.1:80/default.html
引用网址:
localhost代表本地的意思和127.0.0.1一个意思;80是端口，由于默认就是80所以可以不写，如果是其它端口就应该写上。
如果本地网站建好了，我们把页面全部上传到网上，再把localhost或127.0.0.1换成我们所用的域名就行了， 比如：

如何在自己机器上架设网站
架设一个网站需要一种软件环境，比如微软的IIS，Apache或Tomcat
· IIS主要用于调试ASP,ASP.NET,IIS是Internet Information Services(Internet 信息服务)的缩写形式。
· Apache主要用于调试PHP。
· Tomcat主要用于调试JSP。
6.1. 搭建一个网站的目录
6.1.1. 搭建网站目录视频教程
通过视频教程学习如何搭建一个网站
选择网站主题
想好做什么后，我们就可以考虑网站的主题和有多少个栏目了。下面我们就以梦之都网站为例进行说明：
· 梦之都网站的主题就是教会大家如何做网站。
· 梦之都网站的主要栏目有：如何制作与搭建网站，HTML教程，CSS教程，JavaScript教程，再加上首页总共有5个栏目。
下一步考虑如何组织一个网站，因为一个有多个栏目的网站不可能只有一个页面，它是由很多html页面和文件夹组成的，所以要合理的安排这些页面。我们使用Dreamweaver来完成这项工作。
建立网站目录
我们考虑为网站建立几个公共的目录:
· 放置图像的目录 image
· 放置css样式的目录 style
· 放置javascript文件的目录 js
继续为网站的各个栏目建立目录:
· 如何制作与搭建网站 webbuild文件夹
· HTML教程 html文件夹
· CSS教程 css文件夹
· JavaScript教程 javascript文件夹
搭建网站目录
打开Dreamweaver，点击站点，选择新建站点，选择高级（"基本"的那种模式不好用），填写相关信息。点击确定，这时候我们可以在左侧看到已经建立了一个站点，现在站点里什么都没有。
在右面空白处点击右键新建前面提到的几个文件夹。
再在根目录下建立一个default.html，在这个页面上输入一些内容，保存(一定要保存!!)。
打开浏览器输入网址 http://localhost/default.html ，现在应该可以看到你输入的内容了吧?
猴子提示: 默认情况下网站的首页一般都命名为default.html或者index.html
6.2. 为网站设计一个版式
普通网站页面的设计过程
Photoshop设计版式 -- Photoshop切图 -- Dreamweaver排版并且填充内容 -- 使用Dreamweaver或者Notepad++定义CSS样式
版式一般是在Photoshop上设计的，之后使用Photoshop或者ImageReady切图，再使用Dreamweaver排版，插入图片，完善内容，过程就是这样的。一般的网站都是由网站头部，网站躯干，网站尾部组成的，其中躯干部分还可以再分。我们以梦之都首页为例，梦之都网站的首页就是由网站头部，网站躯干，网站尾部三部分组成的，躯干部分还分为左侧文章列表，右侧文章内容。
首先我们先在Phostoshop上绘制梦之都的首页(由于梦之都网站的排版没有用到任何的图片，所以绘制比较简单)，之后根据绘制出的图形在Dreamweaver中排版。
下面的排版方式是使用了html+css(div+css)的方式(在CSS高级教程中我将详细讲解此内容)
我们先对网站进行内容的填充，使用html(下面的代码和正真的梦之都首页有些出入，例子部分以下面代码为准),使用Dreamweaver打开default.html输入下面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="zh-CN" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title>梦之都</title>
<style type="text/css" media="all">@import url(/style/style.css);</style>
</head>
<body>
<div id="header" >
<p>梦之都</p>
<p>为初学者提供一个在线的自学之地,为设计者提供一个网络编程的中文参考之地</p>
<p><a href=" | <a href="
</div>

<div id="body">
<div class="center_top">
<dl>
<dt>教程 _Tutorials</dt>
<dd>
<p>一步步的教会你网页设计与HTML语言</p>
<ul>
<li><a href="/xhtml/what_is_html/">什么是HTML</a></li>
</ul>
</dd>

<dt>索引 _References</dt>
<dd>
<p>完善的<a href=" /xhtml/tag/">HTML标签</a></p>
<ul>
<li><a href="/xhtml/">HTML标签</a></li>
</ul>
</dd>

<dt>示例 _Examples</dt>
<dd>
<p>HTML教程中的所有示例</p>
<p>所有代码与示例都是可以编辑的,现在就开始吧.</p>
<ul>
<li><a href="/xhtml/exe_all/">HTML代码</a></li>
</ul>
</dd>
</dl>
</div>
</div>

<div id="footer">
<a href=" |
<a href=" |
<p>Copyright &copy; 2004-2007 梦之都() All rights reserved.</p>
<p>Powered by XHTML CSS PHP MYSQL</p>
</div>
</body>
</html>
如果大家不太了解上面的代码，可以先学习HTML教程
设计CSS
首先在style文件夹下建立一个style.css的文件。在default.html中增加
<style type="text/css" media="all">@import url(style/style.css);</style>
CSS文件可以从梦之都下载 下载地址
如果大家不太了解上面的代码，可以先学习CSS教程。
好!你已经成功的完成了一个正真的符合web标准的和使用html+css(div+css)排版的网页了!
其它的栏目与页面，和上面的实现方式一样，你可以自己尝试一下。
9 . 选择适用于你的程序 -- 使用开源程序轻松建站
9.1. 内容管理(CMS)程序
网站的很多功能通常是配合强大的程序完成的，比如对网站文章的管理可以使用内容管理系统，会员讨论的程序可以使用论坛BBS系统，写网志的程序可以使用博客Blog系统。如果你的水平够高，时间充裕，你完全可以编写一套适合自己的系统，体会编写程序的快感！如果你水平一般，而又急于做站的话，我推荐你使用各种强大而且免费的建站程序。下面我就给大家介绍一些常见的建站程序。
12 . 通过网站盈利 -- 为自己打工
通过建设自己的网站并且赢利的例子是有很多的，比如华军软件园的站长华军，豆瓣网站长杨勃，阿里巴巴的站长马云等，只要选好主题并且认真经营自己的网站大家都可以成为一个成功的站长。
上面介绍的网站都有自己的赢利模式，对于多数网站都适用而且比较简单的赢利方式是使用广告联盟。
Adsense
Google Adsense是全球最大的搜索引擎谷歌发起的，也是中国站长的最爱，当你的网站刚起步没有其它赢利方式的时候Google Adsense无疑是最好的选择。
· 优点是：高佣金，高诚信，方便快捷的汇款方式(西联快汇)
· 缺点：需要邮寄pin码，而且只有到100美元才能支付
· 注册你的Google Adsense
10 . 如何推广网站与宣传网站
推广网站与宣传网站，是建立一个成功网站的重要一步，大量的浏览者就是对我们站长劳动成果的肯定！这里我介绍一些常用的策略与推广方式。
为网站注册一个好网址，并取个好名字
为网站注册一个好的网址，是推广网站第一步。网址最好短小易记，而且最好能通过网址树立自己的品牌。之后再为网站取个好名字，最好是朗朗上口的那种，如果能和网站的主题相对应那就更好了(比如：baidu网的名称"百度")
我把网站的名字起成梦之都主要是感觉每个网站都是站长心中的一个梦。而网站的域名 就是梦之都的音译。
为网站找个好空间
你肯定不想你的网站会时不时的访问不了吧？那就找个稳定而且快速的空间吧！否则你的推广工作将举步维艰。
做专业化的内容
个人网站很难在信息量和宣传上与大网站对抗，所以专业化是个人网站的发展之路。认真丰富和完善专业的内容。
现在网上的教程站点很多，我做梦之都之前也想过了做一个大而全的技术站点，但是仔细考虑了之后，还是选择了网站设计技术中比较初级的内容，而且把浏览者定位在初学者上。
提交搜索引擎
多数网站50%-60%的流量都来自搜索引擎，有的甚至占到了90%，当搜索引擎还没有找到你的网站时，你可以主动向搜索引擎提交你的站点。下面是常用的搜索引擎提交网址：
· Google搜索引擎提交
· Baidu搜索引擎提交
· Yahoo搜索引擎提交
· MSN搜索引擎提交
猴子提示: 如果你的网站内容不够充分，很可能不被搜索引擎收录。
建立友情链接
和与你互补或者相似的站点建立友情链接，是吸引流量增加网站权重的最简单方法。
猴子提示: 不要和那些垃圾网站建立链接,物以类聚
登录一些网址导航站点
权威的网址导航站点可以为网站带来部分流量而且可以提高站点的权威性，比如：
· hao123
· 265
· domz
BBS，Blog宣传
找到一些和你网站相关的BBS或Blog，可以发一些原创的文章或者讨论些有趣的话题，之后留下你的网址。
邮件推广
邮件推广应适量而行，且勿盲目的乱发，因为现在大家对垃圾邮件都很反感。尽量设计一个标题醒目而且内容完善的邮件，而且最好发给可能对它感兴趣的浏览者。
SEO 搜索引擎优化
搜索引擎优化是一门很大的学问，总之通过优化网站的内容，结构与相关的链接等，可以使搜索引擎更多的收录网站的内容，还可以在搜索结果中有个好的排名。有时间再给大家介绍SEO相关的知识。
网络广告
网络的付费广告是宣传网站最直接的方式，比如在一些相关的权威媒体上投放广告，可以为网站带来很不错的流量，我们也可以选择按点击次数付费的广告模式。比如：
· Google AdWords
· 百度竞价排名
病毒营销
病毒性营销利用的是用户口碑传播的原理，比如可以提供免费的二级域名，提供免费的邮箱(这个已经过时了:))，制作一个精美的祝福页面发送给所有的好友；为浏览者提供常用的功能，比如：地图查询，手机号码归属地查询等。
梦之都 的所有示例都使用了可以在线编辑的方式，这应该算一个比较方便初学者的功能。
线下推广
这种方式涉及的方法就比较多了，比如可以网址印在名片上，和电视或报刊媒体合作一些互动的宣传等。
总结上面的所有内容，我们可以看到推广网站的最好方法还是口碑传播的病毒式推广，怎么能保证这种推广方式呢？关键在于网站最最基础的工作！"自身网站的内容"，总结四个字：内容为王。
上一页 / 下一页 / 教程列表