(一)、建设步骤
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中加载进来。加载方式举例:
JS也可以直接写在HTML中:
JavaScript代码
3、CSS 的定义和基本使用(控制页面显示样式)
CSS: CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,用来控制页面显示效果和样式。
div+CSS 是一种网页的布局方法(有别于HTML的table布局方式),简单来说CSS就是页面样式控制,div就是把写好的样式控制定位到HTML制定位置。
CSS可以写在单独的一个文件中以.CSS为文件后缀然后在HTML中加载进来。 加载方式举例:
CSS也可以直接写在HTML中
…CSS代码
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编写程序连接数据库、嵌套前台页面实现网站的全部展示和功能
七、内网测试:
为了保证外网程序的稳定性,一般开发、功能调整等都是在测试环境上进行的(测试环境就是:为了方便都是在内网搭建一套完全和外网配置一样的环境)。程序开发完毕后会在测试环境做详细的测试,测试通过后再把程序发布到外网运行环境
八、发布到外网
在外网部署好运行环境,通过FTP工具把代码发布到外网。
ftp工具就是一种文件传输工具,种类很多例如 FLASHFTP、LEAPFTP、CuteFTP 等等。