网站建设基础知识.docx

网站建设基础知识.docx

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

网站建设基础知识

学习网站制作基础知识

一、基础

1、

2、

3、

4、

5、

6、

7、

8、

9、

10、

11、

12、

13、

14、

15、

16、

17、

18、

19、

20、

21、

22、

23、

网站制作流程

相信很多朋友第一次接触到网络，接触到建站，会被域名、空间、解析、建站程序等各种问题困扰，甚至都不清楚网站制作流程，也不知该如何下手开始做自己的第一个网站。

那么下面就来给各位朋友来分析一下网站制作流程和建站的步骤:

第一步：

购买一个网站的域名；域名相当于你网站的门牌号，有了这个门牌号，别人就可以轻松找到你的网站；

第二步：

购买一个网站的空间；空间是存放你网站程序，图片，视频的地方，当网站显示的内容就是你空间里的东西；

第三步：

将网站域名与空间绑定；这样别人在访问你的域名的时候，就可以查看到你空间里面的内容了；

第四步：

上传建站程序；建站程序可能让我们的网站从一个个静态网页变成一个动态的网站；

第五步：

根据自己的需要修改代码。

每个人都有自己喜欢的风格，可以通过修改网页代码去形成。

域名介绍

网站域名也就是IP地址，换句话说就像我们每家都使用的门牌号一样，每一家的都不相同，因为记IP地址不方便，所以就用域名，好记！

每一个不同的域名都指向一个不同的网站！

域名的英文为DomainName，是互联网上一个企业或机构的名字，是互联网上企事业间相互联系的地址。

就象我们门牌号码一样。

域名的形式是以若干个英文字母和数字组成，由“.”分隔成几份。

网站域名就像我们的人名，在现实中，我们通过名字相互认识。

在网络上，如何找到一个网站，就通过域名。

下面我们来看一下域名的二个特点：

唯一性：

域名在网络上是唯一的，比如，，是被XX注册的域名，XX已经注册，我们就无法注册该域名。

我们在注册域名的时候首先要查域名是否被注册。

稀缺性：

因为好的域名一旦注册，别人就无法再注册了，所以好的域名，就可以作为商品来卖。

就像现在去买6位数QQ号码一样，物以稀为贵。

根据域名的级别，一般将域名分为以下三种：

1.一级域名：

（只有一个）

二级域名：

二级目录：

根据域名的地域分类：

可以分为

国际域名：

后缀为ac---科研机构，com---用于工商金融企业的，edu---用于教育机构的，gov---用于政府部门的，net---用于互联网络信息中心和运行中心的，org---用于非盈利组织的。

国家域名：

cn---中国，us----美国。

空间介绍

网站空间英文名：

WebSitehost。

简单地讲，就是存放网站内容的空间。

网站空间也称为虚拟主机空间，通常企业做网站都不会自己架服务器，而是选择以虚拟主机空间做为放置网站内容的网站空间。

网站空间指能存放网站文件和资料，包括文字、文档、数据库、网站的页面、图片等文件的容量。

有了域名之后，你要开始做一个网站了，但是网站也是需要地方去存放的，就像你去开店需要租一个店铺一样，所以这个时候还要去购买一个空间。

空间就是用来存放你的网站程序的地方，它还有个书面名字：

虚拟主机。

网站空间的分类：

1、国内空间。

国内的空间商非常的多，价格相差很大。

一般建议购买150元左右的空间就可以了。

2、国外空间。

国外空间最大的好处在于不需要备案，买了立即就可以使用。

常见的国外空间有：

1.香港免备案空间。

香港空间不需要备案，性价比也不错，应该来说是比较适合新朋友的。

另外注意不要买太便宜的，空间是一分价格一分货，不要贪图小便宜，一些便宜的空间都不支持301重定向和网站伪静态规则，这对网站的SEO优化是一个致使的打击。

2.美国空间。

美国空间已经非常成熟，性价比很高，唯一的缺点就是速度会稍慢于国内速度，而且很多操作和咨询都是英文的。

3.美国几个老牌的空间商是：

godaddy，dreamhost，justhost，bluehost，hostmaster等。

如果不懂英文不建议购买。

4.空间属性：

1、支持php语言，2、操作系统linux/unix（最佳），3、数据库mysql。

推荐大家买php+liunux+mysql属性的空间

网站备案

网站备案方法：

可以自主通过官方备案网站在线备案或者通过空间商两种方式来进行网站的备案.一个是自主备案，一种是代理备案。

网站备案目的：

网站备案就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播。

域名备案审核时间一般是２０个工作日左右，若是在空间域名网络购买虚拟主机，一般１５天左右即可协助域名备案完成。

在国内做网站是必须经过备案的。

国内不备案网站是无法上线运营的。

那么什么是备案？

比如你想要注册一家公司，是必须去工商局注册登记审批一样。

国内做网站也需要去国家信息产业部备案审核。

如何审核？

一般是域名空间商会告诉你需要哪些材料，你只要准备好材料交给空间商去处理就可以。

审核通过后，会有一个备案号码：

如苏ICP备11011263号

备案时间要多久？

快的2周左右，慢的一般20天左右。

为什么有人会说空间备案？

首先网站空间和网站域名是做网站不可或缺的。

国内的空间要求域名必须经过备案才能使用，所以一般也会说空间备案，实际上备案是针对域名的。

做网站一定要备案吗

你可以用香港空间、美国、韩国等空间，用这些空间就可以避开备案，直接做网站。

域名的解析和绑定

购买了域名和空间之后，要如何使用操作，对于域名，需要进行解析，对于空间，需要绑定域名。

域名的解析和绑定也是建站基础知识的一种。

什么叫做解析

解析通俗的来说，就是一个翻译过程。

网站的存在地址其实是IP地址，但是互联网上面的网站非常多，我们是无法记住这么多ip地址的，这样就引进了域名的概念。

为的就是方便用户记忆和管理。

解析就是做了一个翻译过程。

新买的域名需要解析到空间，实际上购买空间就获得了这样一个IP地址。

下面给大家演示一个解析流程：

1、进入域名商的后台，找到域名管理

2、选中你的域名，点击域名解析

3、在域名解析后面的方框中输入空间的IP地址，点击新增

这样就完成了一个域名解析的动作，域名解析一般都是即时生效，也有可能慢点需要等待半个小时左右，这个时候就耐心等待。

什么叫做绑定

绑定实际上就是空间上设置权限可以让你的网站域名访问进入的设置。

下面来演示一下绑定流程：

1、登录空间商后台，进入主机管理

2、找到你购买的主机类型，选择管理

3、进入管理界面后，选择绑定域名

4、在输入新域名的方框里面输入你的域名，点击增加即可

这样一个绑定过程就完成了。

域名的解析和绑定完成之后，就可以访问，此时访问是空白页面。

ftp软件

tp软件就是用来上传建站程序到网站空间的工具。

网站空间是一个虚拟的产品，看不见，摸不着，要如何去使用，就是通过FTP软件。

就像你有了QQ号码，还要用一个QQ软件去登陆才能去聊天和视频等等。

空间的使用就是通过FTP软件去使用。

FTP（FileTransferProtocol）是Internet上用来传送文件的协议（文件传输协议）。

它是为了我们能够在Internet上互相传送文件而制定的的文件传送标准，规定了Internet上文件如何传送。

也就是说，通过FTP协议，我们就可以跟Internet上的FTP服务器进行文件的上传（Upload）或下载（Download）等动作。

FTP软件下载地址：

 和其他Internet应用一样，FTP也是依赖于客户程序/服务器关系的概念。

在Internet上有一些网站，它们依照FTP协议提供服务，让网友们进行文件的存取，这些网站就是FTP服务器。

网上的用户要连上FTP服务器，就要用到FTP的客户端软件，通常Windows都有“ftp”命令，这实际就是一个命令行的FTP客户程序，另外常用的FTP客户程序还有CuteFTP、Ws_FTP、FTPExplorer等。

购买了空间之后会得到一个FTP账号和FTP密码，这个就相当于你的QQ号码和密码。

登陆之后，就可以开始管理你的空间，实际上的操作就像你操作自己的电脑硬盘一样。

就是一些文件夹的管理。

建站程序

在网络上有很多站长都要做网站，但是自己并不会编程，也不是程序员，那么要如何去做出一个网站这个时候就用到了建站程序，建站程序也叫开源程序或者开源代码。

动态网站由两部分组成，一个是后台+数据库；另一个是前台风格界面。

大多建站程序是，给你提供了后台及数据库，一个默认的前台风格，你可以根据自己的需求去修改或者制作属于自己的风格。

而另一种是完全提供了后台数据库及根据行业而制作好的前台风格，这样的也习惯叫整站，我们以后学习的wordpress仿站教程就是仿站整站。

建站程序都是免费的，就像我们想要聊天会直接用免费QQ、MSN、阿里旺旺等聊天工具。

建站程序也有很多的类型可以选择。

下面提供对应的类型网站的建站程序官方网站：

博客类型：

wordpress:

  企业、CMS类型：

wordpress:

  商城类型：

shopex:

 论坛：

discuz:

网站模版

用建站程序做好了一个网站之后，每个人的网站界面效果都是一样的。

就像每个人刚装好QQ，都是默认的蓝色界面。

要如何使自己的网站和别人的不一样或者自己做出想要的效果就是通过模板，模板的另一个名字也主题。

实际上就是一个东西。

模板、主题就是网站的衣服！

网站模板在这里指的是网站页面模板，是当网站中有许多页面版式色彩相同的情况下，将其定义为网站模板，并定义其中部分可编辑，部分不可利用网页模板制作其他页面时就会很方便，不易出错。

这里我们称为普通网页模板。

网站模板就是已经做好的网页框架，使用网页编辑软件将模板原有的图片和文字替换成自己的内容，再发布到自己的网站。

一般按以下步骤进行网站模板的制作：

1、要沉稳，不要花里胡哨。

2、要素净、大气，不要五彩缤纷。

3、要有个性、有风格，要突出行业的特点。

如果给网站换了一个博客的模板，这个网站就是博客；如果给网站换了一个企业的模板，这个网站就是企业站；现在知道什么是模板了，那么又要如何去做模板呢在学做网站论坛的中，会教大家建各种类型网站的模板。

网站制作与网页设计的区别

很多朋友可能会有一个误解，就是认为网页设计就是网站制作。

那么网页设计和网站制作到底有什么区别

网页设计：

就是让美工做设计网站的所有页面的界面效果图，就像造房子之前，会请著名的设计师来设计房子的外形效果。

网页设计用什么软件DreamweaverCS6,firework,Photoshop等。

要求精通各类图形图像设计软件，有较强美感，精通网页界面布局，了解用户体验，有思想，能判断和分析基本市场需求或目标客户喜好.

网站制作：

程序员或者学会模板制作的我们，拿到设计图稿，把图稿变成具体的代码。

就像建筑队拿到图纸后开始造房子的骨架。

所以这是由两个人完成的。

造房子也是有两个团队完成的，一个是设计师，一个是工程队。

所以说网页设计只不过是网站制作的一部分。

网页制作要求精通div+css，js，深知页面执行内在顺序，例如服务器请求，页面加载等，熟悉各类页面效果，能将页面设计师或界面设计师制作的页面图片依据良好的页面规范制作成可浏览网页。

能够将策划人员或页面设计师策划的用户体验功能实现；了解程序架构，所制作的页面编码能保证与程序员的良好对接；熟悉seo（搜索引擎优化）等。

网站静态页面

，它们其实是两个不同的职业。

其中一个操作就是把网页设计师设计好的图片转变成程序员可以用的代码，这个转化出来的东西，用纯粹HTML（标准通用标记语言下的一个应用）格式的网页通常被称为“静态网页”。

静态网页是标准的HTML文件，它的文件扩展名是。

htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。

我们就叫做静态页面。

静态页面一般都是html格式，鼠标双击这个静态页面，就可以打开这张网页，效果会跟图片设计的效果一样。

那么这个静态页面就是一个网站了吗这些静态页面其实只是做网站或者做模板的材料而已。

在网站设计中，静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。

静态网页是相对于动态网页而言，是指没有后台数据库、不含建站程序和不可交互的网页。

静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。

容易误解的是静态页面都是htm这类页面，实际上静态也不是完全静态，他也可以出现各种动态的效果，如GIF格式的动画、FLASH、滚动字幕等。

就像造房子，拿到设计稿之后，工程队最先做出的是房子的骨架，这个时候还没有砌墙，没有刷粉、放门窗户等等。

DIV+CSS

div+css就是把设计师设计好的图片，转变成一张静态页面的技术。

html页面是有什么写出来的呢我们用很多的html标签把图片转化成网页代码，现在最常用的就是DIV这个标签。

div是用来排版的，而css是用来定义div的样式，通常采用外链的方式（这里与外链同等的有：

内链和内嵌），这里的div+css更容易跨浏览器。

DIV+CSS是网站标准中常用术语之一，div+css是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，真正地达到了w3c内容与表现相分离。

我们把制作html网页过程比作造房子。

造房子的过程1、用钢精造出房子的模型框架，2、用水泥灌注做墙，3、对房子外部和内部进行装修，打造成一幢漂亮的房子。

做网页的过程1、用DIV布局网页里的各种框框，2、在html代码中放入做好的DIV，3、用CSS把网页变漂亮。

DIV+CSS视频教程在学做网站论坛的模板制作课程有详细的讲解。

仿站

仿站是针对目标网站进行仿制。

仿站主要从页面风格进行仿制。

我们已经知道获得静态网页的2种方法，再让我们回顾一下：

1、网页设计师设计效果转成静态页面；

2、在网络上别人分享出来的现场的静态页面；

3、通过仿站。

仿站就是针对目标网站进行仿制。

我们通常所说的仿站是利用wordpress程序或者其它CMS作为网站的后台，而仿制的则是目标站的静态模板。

仿站主要从页面风格进行仿制。

为什么要仿站

首先我们大部分人不是设计师，没有办法作出很漂亮的网页；

其次别人分享出来的静态页面并不是你喜欢的；

所以最后你可以去找一些你喜欢的网站样子进行仿站。

学做网站论坛的课程中就有专门讲解仿站的视频教程。

简单的介绍一下仿站方法。

1.找到要仿的网站；

2.选择文件→另存为→写入文件名（英文：

如：

index），选择文件类型（网页全部），最好保存到一个新的文件夹，比如d：

盘的“mywebsite”；

3.保存的文件夹mywebsite里有一个名为的文件和一个名为的一个文件夹；

这个文件是网页代码的。

而文件夹里存放的是这个网页相关的文件，比如图片gif格式，jpg格式，png格式，还有css文件，js文件等；

5.编写代码，说白了，dede仿站就是把网页中的参数换成模板参数；

6.开始：

在dw中新建一个站点，把站点指向刚才建立的mywebsite这个文件夹。

把文件夹名称更改了，改成img。

这时dw提示你是否更新，点击是。

再网页中替换为img，更新；

7.然后看 中是否有链接的css样式。

如果有，把地址复制到地址栏回车下载保存。

然后替换成本地文件夹；

8.把网页中相关的css样式拷贝到中，这样做的目的是能快捷方便的调试css样式。

等我们调试好以后，在另存到一个独立的css文件中；

网页源代码、源文件

什么是源代码

源代码就是指在网页制作过程中需要用到的一些特殊的“语言”，设计人员通过对这些“语言”进行组织编排制作出网页，然后由浏览器对代码进行“翻译”后才是我们最终看到的效果。

源代码是使用html编写的,通过浏览器把它翻译为网页,它是所有网页的核心,但是html并不是计算机语言,只是网页的另一种描述.源代码是一种语言，组织排版网页上的元素（图片，视频，音乐，文字等）的一种标准语言。

查看源代码方法

打开任意一个网站，鼠标右击，点击“查看源代码”。

这个时候弹出来的记事本就是网站的源文件，里面就是网页的代码结构。

通过这些代码，你可以了解别人的网站是用什么建站程序去写的。

编程语言

编程语言俗称“计算机语言”，电脑每做的一次动作，一个步骤，都是按照已经用计算机语言编好的程序来执行的，程序是计算机要执行的指令的集合，而程序全部都是用我们所掌握的语言来编写的。

谈到“指令”，其实语言就是表达那些指令的一套交流符号。

只要交流的双方都能正确理解这套符号即可。

用人类的语言表达计算机的“指令”，当然绰绰有余，但关键是机器无法理解。

编程语言有哪些

常用的编程语言有asp，jsp，php等，这些就是做一个网站的核心技术名字。

做网站最常用的编程语言就是PHP。

为什么有这么多编程语言呢

就像同样的从南京到北京，交通工具非常多，可以坐汽车、火车、动车、飞机、自己开车等。

做一个网站也会有非常多的方式，各有优缺点。

我们之前介绍的免费建站程序，95%都是php这个语言写的，php也是目前建站中最流行的一种。

数据库

什么是数据库

举个例子来说明这个问题：

每个人都有很多亲戚和朋友，为了保持与他们的联系，我们常常用一个笔记本将他们的姓名、地址、电话等信息都记录下来，这样要査谁的电话或地址就很方便了。

这个“通讯录”就是数据库。

可以由于某个朋友的电话变动而修改他的电话号码这个“数据”。

不过说到底，我们使用笔记本这个“数据库”还是为了能随时査到某位亲戚或朋友的地址、邮编或电话号码这些“数据”。

怎样才会有数据库

实际上这个是不需要大家担心的，因为做网站时，我们购买了网站空间后，一般都送数据库。

我们需要什么样的数据库前面讲过编程语言非常多，同样的数据库也是分好几类的。

编程语言和数据库的关系是固定的。

asp---access

php---mysql

jsp---mysql

我们用的编程语言95%都是php语言，所以数据库就是选择mysql数据库。

动态链接和静态链接

这里所谓的链接就是指网址，一般我们也会叫他url。

动态链接：

，静态链接：

zichu/

它们最明显的区别就是动态链接里面带有问号，静态链接没有问号。

实际上每个建站程序搭建好之后，都是默认动态链接的。

对于不做的朋友来说，链接形式就不是很重要。

每个建站程序都支持设置把动态链接改成静态链接，只要在程序后台做相应的设置就可以了。

静态链接优点：

#pragmacomment（lib,""），静态链接的时候，载入代码就会把程序会用到的动态代码或动态代码的地址确定下来静态库的链接可以使用静态链接，动态链接库也可以使用这种方法链接导入库。

静态链接较易被搜索引擎蜘蛛抓取。

动态链接优点：

LoadLibrary（）/GetProcessAddress（）和FreeLibrary（），使用这种方式的程序并不在一开始就完成动态链接，而是直到真正调用动态库代码时，载入程序才计算（被调用的那部分）动态代码的逻辑地址。

然后等到某个时候，程序又需要调用另外某块动态代码时，载入程序又去计算这部分代码的逻辑地址，所以，这种方式使程序初始化时间较短，但运行期间的性能比不上静态链接的程序。

本地环境网站

什么是本地环境搭建

本地搭建就是在你自己的电脑上，在没有域名和空间情况下，使用自己的电脑模拟网站空间来搭建一个只有你自己看得到的网站。

为什么会有本地搭建

比如很产品在生产应用之前都会先做一个模型来测试一下。

做网站也是一样，在网站正式上线公布在网络之前，我们可以在自己电脑上搭建一个模型，来熟悉修改网站。

在本地搭建测试环境，进行网站平台的搭建、测试、修改、美化、优化、少量内容填充等工作，等网站完善后再上传到服务器供访问者访问，给访客一个良好的用户体验，所以，在我们学习建网站时，本地搭建搭建进行测试是非常有必要的!

本地搭建网站会不会被搜索到

本地搭建的网站只有你看的到，自己想怎么玩都行，别人看不到。

而在网络上做一个网站，就会被人搜索到，是跟人互动的。

插件

插件实际上就是一个小程序，或者小软件。

当我们的QQ刚安装好的时候，你要玩QQ宠物、QQ旋风下载、QQ音乐等功能的时候，是要在QQ里面再去下载使用的。

插件的作用也如此。

插件是一种遵循一定规范的应用程序接口编写出来的程序。

很多软件都有插件,插件有无数种。

例如在IE中,安装相关的插件后,WEB浏览器能够直接调用插件程序。

插件在建站中的应用

wordpress的网站搭建好之后，如果你要设置网站的标题，描述和关键字，是没有地方给你设置的。

所以我们就需要安装一个SEO插件来实现这个功能。

SEO插件就是帮助我们解决一个问题的小程序。

dreamweaver

现在我们已经知道了html、div、源代码等常识，那么如何去写这些代码呢，用什么软件

网站制作最常见的一个工具就是dreamweaver，简称DW。

DW软件有几个版本型号，如最经典的，比较新的有DW5和DreamweaverCS6破解版。

前面我们说过如何把设计师的图片转化成我们的静态页面就是通过dw这个软件去写html代码。

但是有时候我们想要修改html页面中的一个小地方，打开DW这个软件又觉得有点慢，这时候怎么办如果你对代码比较熟悉，可以用UltraEdit等其它的免费建站软件去编辑代码。

这个软件实际上就是一个功能强大的记事本。

可以更方便的去看代码，打开比较快而已。

学习如何建网站新手，推荐使用dreamweaver软件。

文件后缀名

浏览器缓存

什么叫做缓存

这里说的缓存一般是针对浏览器的，当我们第一次打开一个网站的时候，电脑上会自动把这个网站上的一些图片和文件下载到你的电脑，当你第二次要访问这个网站的时候，图片就直接从本地显示出来了，加快打开网站的速度。

浏览器缓存的优点

加快打开网页的速度

为什么要清空缓存

有时候你要访问的网站界面效果改了，图片换了，这时候当你访问的时候有可能会显示老的图片，你就会认为该网站没有任何改变。

在模板制作的时候，经常会因为缓存问题疑惑自己改的代码和图片没有显示出应有的效果。

如何清空缓存

IE系列浏览器清空方法：

方法一、在IE中选择工具——Internet选项——“常规”选项卡。

在Internet临时文件中，点击“删除文件”可以清楚所有IE临时文件。

方法二、也可以在系统分区中右击，选择属性——点击磁盘清理按钮，系统会自动扫猫系统中的无用文件，其中就包括“IE临时文件”和其他一些东西（如回收站、压缩旧文件、office安装文件、图标缓存等）.

方法三、IE临时文件默认的存放位置是：

系统分区\DocumentsandSettings\你登录的用户名\LocalSettings\TemporaryInternetFiles，把这个文件夹里的东西全选然后彻底删掉，也可以清理掉所有IE缓存。

火狐浏览器的清空缓存方法：

一、打开火狐浏览器—工具—清除私有数据就可以了，里面有要清除的内容选项

二、火狐缓存位置:

C:

\DocumentsandSettings\用户名\LocalSettings\ApplicationData\Mozilla\Firefox\Profiles\\Cache

robot文件

什么是robots文件

robots文件简单的来说就是给你的网站做一个权限清单，一般是针对做SEO优化的。

在这个文件里面写上哪些文件、哪些形式的链接允许搜索引擎抓取，哪些不允许。

为什么要放这个文件放哪里

在你的网站还没有调整好的时候，不想让搜索引擎收录，可以通过这个文件屏蔽搜索引擎。

就像QQ