当前位置:文档之家› 建立一个网站的具体过程

建立一个网站的具体过程

建立一个网站的具体过程
建立一个网站的具体过程

建立一个网站的具体过程

(一)、建设步骤

1、申请域名(域名备案);

2、申请空间;

3、定位网站;

4、分析网站功能和需求(网站策划);

5、网站风格设计;

6、网站代码制作;

7、测试网站;

8、FTP上传网站;

9、完善资料;

10、网站维护。

一、申请域名(域名备案)

到指定机构,机构名称

怎么申请域名?

域名很多都是在网上申请的。申请网站域名步骤非常简单,首先要挑选注册商,目前比较主流的注册商有易名中国(https://www.doczj.com/doc/fa4425907.html,/)、新网等较大的域名注册商。首先要在他们的网站上注册帐号,然后查询每一种域名的价格(这个价格是不一定的,有时运气好遇到做活动,就比较便宜啦,而且每个注册商的注册

价格也不同),并充值相应的款项,然后根据他们网站上的步骤填写资料和注册(这个一般注册商的网站上都有图文并茂的解释,你根据它提示的操作就可以),即可完成。域名注册是要经过注册局审核的,注册局审核域名注册是需要5-7个工作日的,除了cn域名之外,注册其它后缀的域名都有相关的邮件通知的。

二、申请空间

1、虚拟空间: 供应商提供服务器和程序运行环境,自己只要维护代码即可。优点:方便,缺点:不安全、可控性差。一般安全性、功能访问不大的个人站、或企业小网站采用。

怎样申请?

现在又很多网站提供虚拟空间服务(有的甚至免费)例如:

https://www.doczj.com/doc/fa4425907.html,/

https://www.doczj.com/doc/fa4425907.html,/

收费标准也不尽相同这要看自己网站的实际情况了,一般收费标准按流量和提供的服务算。

2、服务器托管:自己购买服务器或租用服务器,自己搭建环境该服务器托管到供应商那里。

优点:安全,可控性强。一般稍大一点的网站都采用服务器托管。

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

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

图。

推荐工具: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中加载进来。加载方式举例:

src="https://www.doczj.com/doc/fa4425907.html,/static/common/JS/view_top.JS"

type="text/JavaScript">

JS也可以直接写在HTML中:

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

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

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

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

type="text/CSS" />

CSS也可以直接写在HTML中

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

六、后端动态程序

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官方网站:https://www.doczj.com/doc/fa4425907.html,/

Mysql官方网站: https://www.doczj.com/doc/fa4425907.html,/

Apache官方网站:https://www.doczj.com/doc/fa4425907.html,/

3、MySQL 的基本使用

4、PHP 基本使用

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

七、内网测试:

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

八、发布到外网

在外网部署好运行环境,通过FTP工具把代码发布到外网。

ftp工具就是一种文件传输工具,种类很多例如FLASHFTP、LEAPFTP、CuteFTP 等等

九、网站维护。

相关主题
文本预览
相关文档 最新文档