建立一个网站的具体过程_描述建设一个网站的具体步骤-CSDN博客

（一）、建设步骤

1、申请域名（域名备案）；

2、申请空间；

3、定位网站；

4、分析网站功能和需求（网站策划）；

5、网站风格设计；

6、网站代码制作；

7、测试网站；

8、发布到外网。

一、申请域名（域名备案）

到指定机构，机构名称

怎么申请域名？

域名很多都是在网上申请的。申请网站域名步骤非常简单，首先要挑选注册商，目前比较主流的注册商有易名中国（http://www.ename.cn/）、新网等较大的域名注册商。首先要在他们的网站上注册帐号，然后查询每一种域名的价格（这个价格是不一定的，有时运气好遇到做活动，就比较便宜啦，而且每个注册商的注册价格也不同），并充值相应的款项，然后根据他们网站上的步骤填写资料和注册，即可完成。域名注册是要经过注册局审核的，注册局审核域名注册是需要5-7个工作日的，除了cn域名之外，注册其它后缀的域名都有相关的邮件通知的。

二、申请空间

1、虚拟空间: 使用腾讯云。（云+校园计划是腾讯云为在读高校生量身打造的扶持计划，旨在为高校生提供先进的技术支持、资金扶持和经验分享。同时让更多高校生了解云计算及互联网知识，为后续职业、创业发展奠定基础。（简言之，就是便宜））。

三、定位网站、分析网站功能和需求(网站策划)：

根据网站定位,设计网站功能和大致页面展示内容，利用工具画草图。

推荐工具：Axure

ps:这个草图就是一个简陋的网站界面和功能草稿。

图：根据需求，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。再简单说就是：业务流程图。

一般来说是网站的网站策划或者产品经理所要做的工作。

四、网站风格设计

利用草图利用工具做成图片并切图。

常用工具：Fireworks、Photoshop等

五、静态页面编写:

1、HTML 的定义和基本使用(即页面源代码)

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。

HTML文件后缀一般为HTML、htm，例子见：HTML.HTML

查看页面源代码的方式: 在浏览器的菜单栏点击查看，然后点击源文件

2)、JavaScript 的定义和基本使用(控制页面动态显示效果的编程语言,用于前台控制)

JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。

例子见：HTML2.HTML

JS可以写在单独的一个文件中以.JS为文件后缀然后在HTML中加载进来。加载方式举例：

<scriptsrc="http://baike.bdimg.com/static/common/JS/view_top.JS"type="text/JavaScript"></script>

JS也可以直接写在HTML中：

JavaScript代码

</script>

3、CSS 的定义和基本使用(控制页面显示样式)

CSS: CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，用来控制页面显示效果和样式。

div+CSS 是一种网页的布局方法(有别于HTML的table布局方式),简单来说CSS就是页面样式控制，div就是把写好的样式控制定位到HTML制定位置。

CSS可以写在单独的一个文件中以.CSS为文件后缀然后在HTML中加载进来。加载方式举例：

<linkhref="http://static.mama.cn/CSS/common/global.CSS"type="text/CSS" />

CSS也可以直接写在HTML中

<style>

…CSS代码

</style>

4、使用 HTML、JS、CSS 把上面制成的图片用在浏览器中静态的展现出来。使用HTML、JS、CSS就能实现很好看的效果：

六、后端动态程序

1、运行环境介绍

（1）、运行平台介绍:目前主要平台：Linux、Windows (推荐用windows)

（2）、Web服务器介绍 (推荐用Apache)

WEB服务器也称为WWW(WORLD WIDE WEB)服务器，主要功能是提供网上信息浏览服务。当用户的浏览器连到服务器即：用户在浏览器输入网址敲回车，web服务器将处理该请求并将处理结果发送到客户的浏览器上。服务器是一种被动程序：只有当Internet上运行在其他计算机中的浏览器发出请求时，服务器才会响应。最常用的Web服务器是Apache

（3）、web动态语言 (推荐用PHP)

一般静态页面(即HTML、htm)只是静态展示的功能没有和服务器交互信息的功能，它只是把信息静态展示出来，如果要实现搜索、评论提交、留言、投票、等功能就要使用动态语言。动态页面是指和服务器交互的，可读取数据库数据。

根据选择的平台和项目需要选择所使用的主要编程语言:

JAVA、.NET、RUBY、PHP

JAVA 适合大型项目开发，编程比较复杂

.NET 只能运行在WINDOWS平台

RUBY 使用敏捷开发，开发迅速，比较适合中小型开发

推荐 PHP：比较好的网站开发语言

（4）、数据库介绍 (推荐使用 MySQL)

是按照数据结构来组织、存储和管理数据的仓库。在经济管理的日常工作中，常常需要把某些相关的数据放进这样的“仓库”，并根据管理的需要进行相应的处理。例如，企业或事业单位的人事部门常常要把本单位职工的基本情况(职工号、姓名、年龄、性别、籍贯、工资、简历等)存放在表中，这张表就可以看成是一个数据库。有了这个"数据仓库"我们就可以根据需要随时查询某职工的基本情况，也可以查询工资在某个范围内的职工人数等等。这些工作如果都能在计算机上自动进行，那我们的人事管理就可以达到极高的水平。此外，在财务管理、仓库管理、生产管理中也需要建立众多的这种"数据库"，使其可以利用计算机实现财务、仓库、生产的自动化管理。

J.Martin给数据库下了一个比较完整的定义：数据库是存储在一起的相关数据的集合，这些数据是结构化的，无有害的或不必要的冗余，并为多种应用服务；数据的存储独立于使用它的程序；对数据库插入新数据，修改和检索原有数据均能按一种公用的和可控制的方式进行。当某个系统中存在结构上完全分开的若干个数据库时，则该系统包含一个“数据库集合”。

一般中小型网站都会采用mysql作为数据库因为功能强大而且免费。

2、环境搭建：

PHP、MySQL、Apache 的安装和环境的搭建和配置

这个三个都有自己的官方网站和下载页面，去到官方网站下载下来，安装到机器上并调整好配置参数即可。

Php官方网站： http://www.php.net/

Mysql官方网站: http://www.mysql.cn/

Apache官方网站：http://www.apache.org/

3、MySQL 的基本使用

4、PHP 基本使用

5、根据产品设计使用 PHP编写程序连接数据库、嵌套前台页面实现网站的全部展示和功能

七、内网测试:

为了保证外网程序的稳定性，一般开发、功能调整等都是在测试环境上进行的(测试环境就是：为了方便都是在内网搭建一套完全和外网配置一样的环境)。程序开发完毕后会在测试环境做详细的测试，测试通过后再把程序发布到外网运行环境