整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
多不是程序员的朋友总是理解不了网站到底是什么，它到底是怎么存在和运行的，也总是以为建一个网站很复杂。其实建网站并不难，也不需要花费太大资金，只需要以下6个步骤即可做出一个网站。
了解完以上6个步骤后，下面我们来详细学习下操作方法。
第一步：注册域名（也称网站网址、URL。如：xxxx.com）
什么是域名？
我们通常在上网时候访问的网址(如：www.baidu.com)这个就是一个域名，客观地讲它就是网站在互联网上的地址，是网站的入口。域名也是由若干部分组成，包括数字和字母。域名还可以起到引导、宣传、代表等作用。域名后缀可分为很多种，例如：我们经常看到的后缀有.com、.cn、.net、.gov等等。
域名注册费用怎么收取？
域名一般是按年注册，当然费用也是按年收取的，如果第二年不想要了，会被自动收回；现在如果在九灵云（www.jiulingyun.cn）注册一个，一般现在费用大概为这些：.com要69元/年；.cn要30元/首年；.net要76元/年；.com.cn要30元/年；.net.cn要30元/年；目前注册域名公司有好多,如：腾讯云的爱名网、阿里云的万网等。域名如果已被他人抢先注册，就注册不了啦，因为原则上是先注册先得，不可重复的，那我们可以说它是独一无二的。
第二步：购买云虚拟主机（也称云服务器、网站空间）
什么是云虚拟主机？
云虚拟主机（Web Hosting）是一种网站托管服务。产品预装了常见网站开发语言的运行环境、数据库及管理工具，您可以通过云虚拟主机简单、低成本地发布托管网站。
怎么购买云虚拟主机？
这里以九灵云（www.jiulingyun.cn）的云虚拟主机产品为例，具备高在线率、高安全性、高稳定性等多项优势，有共享IP和独立IP两种类型，共享IP价格比较低，只要7元/一个月，特别适合初级入门建站用户。新手建站建议购买共享IP云虚拟主机就够用了，共享IP的云虚拟主机有2GB的网页空间，支持语言：.NET,PHP,ASP，数据库：100M。购买成功后在控制面板有FTP账号和FTP地址，可以用于上传PHP网站程序或者ASP、.NET网站程序，当然云虚拟主机控制面板也支持一键安装网站程序，有dedeCMS内容管理系统、Discuz论坛系统、ECShop商城系统、metinfo企业官网系统等等。
第三步：域名备案（中国境内开设网站需要取得ICP备案，例如：浙ICP备XXXXX号）
为什么要备案？
根据中华人民共和国国务院令第291号《中华人民共和国电信条例》、第292号《互联网信息服务管理办法》（简称ICP管理办法），国家对提供互联网信息服务的ICP实行许可证制度。ICP证是网站经营的许可证，根据国家《互联网信息服务管理办法》规定，经营性网站必须办理ICP证，否则就属于非法经营。
备案审核时间
备案信息审核需要经过三个步骤：
1、服务器ISP接入商审核
2、待提交至通管局审核表示您提交的备案信息已通过ISP接入商审核, 备案系统正在向通管局系统提交您的备案信息, 备案系统会显示“待提交至通管局审核”, 提交时间取决于通管局的接口可靠性, 正常时间在一天以内；
3、待通管局审核表示备案信息已成功提交至工信部接口, 通管局正在接收数据或审核，审核时间一般不超过20个工作日
如何开始备案？
现在的域名注册商大多都会提供免费备案的服务，并且现在基本上都是电子化备案，无须再邮寄各种资料了，这里同样以九灵云（www.jiulingyun.cn）为例子，备案前先准备好以下资料：
然后登录电子化备案系统，选择新增网站接入按照提示填写相应的资料并且提交，提交后九灵云备案合作商会初次审核你的备案资料，如备案资料无误将会提交管局审核，经过漫长的等待，管局审核通过后会以短信的形式将ICP备案号发送到你的手机上，至此备案结束。
第四步：域名与云虚拟主机的解析绑定，让网站域名与云虚拟主机建立关联
什么是域名系统（DNS）？
DNS，Domain Name System或者Domain Name Service（域名系统或者域名服务）。域名系统为互联网上的主机分配域名地址和IP地址。由于网络中的计算机都必须有个IP地址，来识别, 互相之间才能通信，但让我们记住一大串的IP地址来访问网站显然是不可能的，人们更容易记住域名地址，而DNS系统的功能就是自动把域名地址翻译为IP地址。域名服务是运行域名系统的Internet工具。执行域名服务的服务器称之为DNS服务器，通过DNS服务器来应答域名服务的查询，DNS就是域名服务器，他的任务就是确定域名的解析，把域名解析成IP地址，比如A记录MX记录等等。
如何将域名解析到云虚拟主机的IP上？
在操作域名解析之前，首先要在云虚拟主机控制台添加绑定域名，这里以九灵云（jiulingyun.cn）的云虚拟主机的控制台为例，进入九灵云用户中心->云虚拟主机->找的已经购买的主机->点击管理->找的域名绑定选项->然后点击添加域名。例如我这里添加：www.xuexijianzhan.com。
根据域名绑定页面底部的提示，需要用别名解析（CNAME）到：xxxxxxxxxx.xxxxxx.cn（为了数据安全，已做掩饰），此时你需要将这一长串网址复制下来，以备域名解析使用。
在云虚拟机绑定域名后，再进入用户中心->域名->找的已经注册的域名->点击管理->添加解析，并根据云虚拟主机绑定域名的提示，添加一个CNAME的解析记录，并将主机（host）填写成:www，记录值就粘贴刚刚复制下来的一长串网址。
经过以上操作，域名已经成功解析到了云虚拟主机上，并且可以通过域名访问到云虚拟主机了。
第五步：安装网站程序（也叫建站程序、网站源码）
什么是网站程序？
网站程序通常是通过php、.NET、ASP等编程语言编写并设计的一套网页系统，有点类似我们电脑使用的软件系统。唯一不同的是网页系统是运行在云服务器、云虚拟主机上，可以通过任何有互联网的终端访问并查看。一般建站比较主流的就是CMS系统（内容管理系统），以下对一些比较有名的建站系统做一个简单介绍：
WordPress：这个比较有名气，全球使用量最大的博客程序，可以修改设计模板调用做企业站和外贸网站。更新比较快安全性也非常好，毕竟全球最大量使用。
DedeCMS：一款集简单、健壮、灵活、开源几大特点的开源内容管理系统，国内比较早的一套CMS系统。
discuz：做论坛的话这个首选，也是国内起步比较早的程序，目前被腾讯收购，对接公众号 和微信非常好。已经非常成熟，很多大型网站比如合肥论坛 化龙巷 等都用这种程序。
ECshop：这个国内做商城的网站管理系统，免费开源，可以对接支付宝微信银联等支付。
phpwind：一个轻架构，高效率简易开发，助你快速搭建并轻松管理社区站点。
如何安装网站程序？
基本上所有的云虚拟主机提供商，都会提供预装网站程序（一键安装）的功能，例如九灵云的云虚拟主机控制面板就提供以上几种主流的建站程序一键安装。在安装网站程序之前，需要先创建一个数据库，登录九灵云的用户中心->云虚拟主机->找的已购的主机->点击管理->选择数据库选项 安装页面提示创建一个数据库，并将数据库域名、数据库名称、数据库账号和密码先复制出来。
创建完数据库后，就可以点击站点选项，找到预装网站，然后选择自己需要的网站程序，这里我们以discuz论坛程序为例，点击确定后系统就会自动将网站程序所需文件放入云虚拟主机的网站目录下。
在耐心等待一段时间后，就可以通过之前绑定的域名输入到浏览器内访问，因为大部分网站程序还需要一个在线安装的过程（用于创建数据库和基础数据，还有基础管理员），所以当我们访问这个域名时就会进入discuz的安装界面，安装界面提示同意协议后填入前文提到的数据库名称、数据库账号密码等信息以及管理账号和密码。填写完这些信息后，点击下一步即可开始安装。
等待安装完成后，即可进入discuz论坛首页，可自行在右上角登录刚刚安装时填写的管理员账户进入后台管理。至此你已经网址的建立一个网址，并且可以自行后台发布文章和管理会员等信息。
第六步：网站二次开发与网站仿站
网站二次开发与仿站需要有一定编程基础，可以自行在网上学习一些php、html、javascript的基础知识，有了这些基础知识后二次开发和仿站就会很容易。前文推荐的大部分建站程序也都是开源的，如果你已经掌握了一定的编程基础，也可以自行在网上下载这些建站程序的源码来修改和自行添加功能。然后通过FTP工具上传到云虚拟主机内，FTP工具大家可以自行网上寻找，在这里也小编也推荐两个比较常用的FTP管理工具：
FileZilla：FileZilla是开放源码软件，具备所有的FTP软件功能，如：断点续传（如果服务器支持），自定义命令，站点管理等功能。
WinSCP：WinSCP是一个免费开源的FTP客户端，同时支持SFTP和SCP协议，WinSCP是快速轻量级的FTP客户端，还支持一些高级功能，例如远程文字编辑。当你打开一个FTP服务器上的纯文本文件，在保存文件的时候会透明的保存和上传到远程服务器。
结语
关于仿站、FTP文件管理后续会出专门的文章来展开介绍，文章中提到的各个软件和平台用于方便介绍建站流程，大家可以自行百度，也可以私信我。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
/*总体的样式*/
<style>
/*盒子样式*/
#box{
width: 350px; //宽
height: 450px; //高
border: 1px solid black; //边框
border-radius: 10px; //边框弧度
font-family: 黑体; //字体
letter-spacing:8px; //段间距
word-spacing: 10px; //字间距
line-height: 40px; //行高
font-size: 18px; //字大小
padding: 20px; //内边框
}
/*给'注册'赋予样式*/
.register{
width:280px ; //宽
height: 50px; //高
background-color: skyblue; //背景颜色
border-radius: 10px; //边框弧度
}
/*将所有边框都改变*/
*{
border-radius: 5px; 边框弧度
}
/*使用class选择器，赋予number宽高和边框*/
.number{
width: 185px; //宽
height: 27px; //高
border-width: 1px; //边框宽度
}
/*id选择器*/
#two{
width: 55px; //宽
border-width: 1px; 边框宽度
}
/*id选择器*/
#phone{
width: 103px; //宽
}
/*class 选择器*/
.boxs{
zoom: 75%; //清除浮动
color: darkgray; //颜色
}
/*class选择器*/
.box_a{
width: 50px; //宽
height: 50px; //高
background-image: url("../image/04.jpg "); //背景图片
background-repeat: no-repeat; // 是否平铺
background-size: 50px 25px; //背景尺寸
position: relative; //定位 相对定位
left: 310px; //定位后左移
bottom: 32px; //定位后下移
}
</style>
</head>
<body>
<div id="box">
<h1>请注册</h1>
<p style="color: darkgray">已有帐号?<a href="https://im.qq.com/index">登录</a></p>
<form action="" method="post">
<label for="name">用户名</label>
<input type="text" placeholder="请输入用户名" id="name" class="number"> <br>
<label for="phone">手机号</label>
<select name="" id="two" class="number">
<optgroup>
<option style="" class="">+86</option>
</optgroup>
</select>
<input type="text" placeholder="请输入手机号" id="phone" class="number"> <br>
<label for="mima">密 码</label>
<input type="password" placeholder="请输入密码" id="mima" class="number"> <br>
<label for="mima">验证码</label>
<input type="password" placeholder="请输入验证码" id="is" class="number">
<div class="box_a"></div>
<div class="boxs">
<input type="radio" id="" class="accept">阅读并接受协议<br>
</div>
<input type="submit" value="注册" class="register" >
</form>
</div>
</body>
</html>
在这里插入图片描述HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是WWW的描述语言。
HTML文档的结构
2.页面背景色或背景图像
Hello World！
</body>
（网页背景图像）
Hello World!
</body>
（网页背景色彩）
3.文本相关标签
标题标签<h1>－<h6>，<font>标签。
段落标签<p>，换行标签<br>。
<h#> ... </h#>，#=1, 2, 3, 4, 5, 6 （说明：<h1>到<h6>字体大小依次递减）
<sub>下标文字，<sup>上标文字，<del>删除线。
段落标签<p>，换行标签<br>。
<HR> 标签用于在页面上绘制水平线。
图像的基本语法：<img src=“images/adv_2.jpg” width=“300” height=“150” alt=“在线报名” >
要链接到同一目录 (C:\HTML) 下的页面，可编写 <A HREF = “Doc1.htm”> 或 <A HREF = “C:\html\Doc2.htm”>
链接到本页面：
<a href=“http://www.it.com”>
<img src=“images/adv_2.jpg” border=“0” width="300"height="150">
</a>
<marquee scrolldelay=“100” direction=“up”>
滚动文字或图像
</marquee>
说明：scrolldelay：表示滚动延迟时间，默认值为90；direction：表示滚动的方向，默认为从右向左。
目标：掌握列表的用法
使用表格的基本结构实现简单表格
使用表格相关标签实现跨行、跨列的复杂表格
会使用表单的基本结构制作表单页面
会使用各种表单元素实现注册页面
能理解post和get两种提交方式的区别
格式： <ul type=“”>
type属性设置标号的类型，值可以取：
1 disc ：实心圆点
2 circle ：空心圆点
3 square ：实心方块
无序列表
格式：<ol type=“” start=“”>
type设置标号的类型，值可以取：
1 1：显示数字
2 A：显示大写字母
3 a：显示小写字母
4 I：显示大写罗马数字
5 i：显示小写罗马数字
有序列表
嵌套列表
门户网站应用表格
<table>...</ table >定义表格
创建表格
表格表现
域名数量报表的创建
域名数量报表
1.跨多列的表格
2.跨多行的表格
3.如何创建跨行跨列的表格
品牌商城表的创建
width用来设置表格的宽度；height用来设置表格的高度；border用来设置表格边框尺寸大小；bordercolor用来设置表格边框颜色。
品牌商城表
背景：background属性用来设置表格的背景图片；bgcolor属性用来设置表格、行、列的背景色。
对其方式：align属性用来设置表格、行、列的对齐方式。
<input type=“text” value="张三" size="20">
文本框的建设
文本框
<input type=“password” value=“123456” size=“22”>
密码框的建设
密码框，22个字符宽度
<input type="radio" value="男" checked="checked">
单选按钮的建设
单选按钮框
<input type=“checkbox” name="cb2" value="talk">
<textarea name=“textarea” cols=“40” rows=“6”>内容</textarea>
<input type="reset" name=“reset" value=" 重填 ">
其他表单元素：<input type=“hidden”/>表单隐藏域
<input type=“image”/>表单图片按钮
<input type=“file”/>文件浏览
<label>标签可以绑定某个表单元素，用于扩展可以相应点击等事件的区域
如：当点击复选框右边的提示文字时，该复选框也可被选中。
内容有限，关于css，div和网页布局的部分就下次在和大家分享吧！
*请认真填写需求信息，我们会在24小时内与您取得联系。
