第一次做网站，很多人容易把注意力放在“网站页面怎么做”上，真正开始操作后才发现，一个能够正常访问的网站并不只有页面设计这一项工作，还涉及域名、服务器、网站程序、数据库、HTTPS、后台管理、页面内容、搜索引擎优化以及后期维护。

　　因此，一套实用的制作网站教程，应该把整个过程拆开来看。

　　无论准备做个人博客、企业官网、产品展示站，还是后期用于SEO更新的内容网站，基本流程都离不开：

　　确定网站用途 → 注册域名 → 准备服务器 → 选择建站方式 → 安装网站程序 → 设计栏目 → 制作页面 → 添加内容 → 配置HTTPS → 测试 → 上线运营。

　　对于新手来说，没有必要一开始就学习复杂编程。先把一个完整网站搭起来，理解每个环节之间的关系，再逐渐学习HTML、CSS、JavaScript和服务器知识，通常更容易入门。

　　一、制作网站之前，先确定网站准备做什么？

　　网站类型不同，后面的技术方案会完全不同。

　　例如一个个人博客，主要需求可能只是：

　　发布文章;

　　展示图片;

　　设置分类;

　　支持评论。

　　这种网站使用成熟CMS就可以完成。

　　如果是企业官网，则通常需要：

　　首页;

　　公司介绍;

　　产品中心;

　　新闻中心;

　　案例展示;

　　联系我们。

　　如果准备做商城，则还要增加：

　　会员系统;

　　购物车;

　　订单管理;

　　在线支付;

　　库存管理。

　　因此，在开始购买服务器之前，先写一份简单的网站需求清单。

　　比如准备制作一个企业网站，可以先列出：

　　首页

　　关于我们

　　产品中心

　　解决方案

　　新闻资讯

　　联系我们

　　然后再想清楚：

　　是否需要手机端;

　　是否需要多语言;

　　是否需要在线咨询;

　　是否准备做SEO;

　　以后文章会不会大量更新。

　　这一步看似简单，实际上会直接影响后面选择什么程序。

　　二、注册一个适合长期使用的域名

　　域名可以理解为网站在互联网上的地址。

　　例如：

　　example.com

　　用户在浏览器输入域名后，就可以访问网站。

　　常见域名后缀包括：

　　.com

　　.cn

　　.net

　　.org

　　企业网站通常会优先考虑.com或者.cn。

　　域名怎么选择

　　域名尽量做到：

　　简短;

　　容易输入;

　　与品牌有关;

　　不要加入太多数字和符号。

　　例如公司英文名称是ABC Technology，可以考虑：

　　abctech.com

　　如果理想域名已经被别人注册，可以适当加入品牌缩写或者业务词。

　　不建议为了强行加入关键词，把域名做得特别长。

　　现在网站SEO并不是只靠域名中有没有关键词决定。

　　域名注册后要注意续费

　　域名一般按年续费。

　　如果网站已经运营几年，积累了一定搜索排名，却因为忘记续费导致域名被别人注册，损失会非常大。

　　因此正式运营的网站最好开启自动续费，并使用长期稳定的注册账户管理。

　　三、服务器到底有什么作用

　　域名只是地址，网站文件还需要放在服务器中。

　　服务器中通常保存：

　　网站程序;

　　图片;

　　数据库;

　　视频;

　　用户上传文件。

　　当用户访问网站时，服务器会把对应页面返回给浏览器。

　　对于刚学习制作网站的人来说，不需要一开始购买很高配置。

　　普通个人网站或者小型企业网站，初期可以根据访问量选择基础云服务器。

　　需要重点关注：

　　CPU;

　　内存;

　　磁盘;

　　带宽;

　　服务器地区。

　　如果主要面向国内用户，可以选择国内服务器。

　　如果主要做海外业务，则可以根据主要客户所在地区选择海外服务器或者配置CDN。

　　四、国内服务器为什么经常提到备案？

　　如果使用中国大陆服务器公开运营网站，通常需要按照相关要求完成ICP备案。

　　备案本身不是网站制作程序的一部分，但会影响网站能否正式通过大陆服务器对外访问。

　　所以准备制作国内网站时，可以提前准备相关资料。

　　例如企业网站通常需要：

　　企业营业执照;

　　负责人信息;

　　联系方式等。

　　不同服务商的具体提交步骤可能有所区别，按照服务器厂商备案系统提示操作即可。

　　如果使用中国香港、美国等地区的服务器，技术上通常不走中国大陆ICP备案流程，但服务器距离目标用户较远时，也需要考虑访问速度。

　　五、新手制作网站有哪几条路线

　　真正进入制作阶段以后，最重要的是选择建站方式。

　　目前常见的方式主要有三种。

　　第一种：使用CMS建站

　　CMS就是内容管理系统。

　　比较适合：

　　企业网站;

　　新闻网站;

　　博客;

　　SEO内容站;

　　产品展示网站。

　　安装完成以后，后台可以直接：

　　添加文章;

　　创建栏目;

　　上传图片;

　　修改网站信息。

　　这种方式不需要每发布一篇文章都修改HTML代码。

　　如果网站以后每天需要更新大量文章，CMS通常会更加方便。

　　第二种：使用在线建站平台

　　一些平台提供可视化建站功能。

　　用户不需要安装程序，通过拖拽组件即可制作页面。

　　适合：

　　简单企业展示;

　　个人介绍;

　　短期活动页。

　　优点是操作简单。

　　缺点是程序控制权和扩展能力通常不如自己部署的网站。

　　如果以后准备长期做SEO、二次开发或者大量增加页面，在选择之前需要看平台是否支持这些需求。

　　第三种：自己编写代码

　　如果希望真正学习网站开发，可以从HTML、CSS和JavaScript开始。

　　HTML负责网页结构。

　　CSS负责页面样式。

　　JavaScript负责交互功能。

　　例如一个网站首页可能包含：

　　顶部导航;

　　Banner;

　　产品列表;

　　新闻列表;

　　底部信息。

　　HTML负责把这些区域建立起来，CSS负责调整颜色、字体和位置，JavaScript则可以实现轮播图、菜单展开等功能。

　　自己写代码自由度最高，但学习周期也最长。

　　六、网站程序安装以后，先规划栏目

　　很多新手安装好CMS之后，第一件事就是修改首页。

　　其实更加合理的做法是先建立网站信息架构。

　　假设要做一个机械设备企业网站，可以规划为：

　　首页

　　产品中心

　　—设备A

　　—设备B

　　—设备C

　　解决方案

　　—汽车行业

　　—电子行业

　　—新能源行业

　　新闻资讯

　　—行业新闻

　　—技术知识

　　关于我们

　　联系我们

　　栏目结构尽量不要太深。

　　如果一个用户需要点击四五次才能找到产品，说明网站层级可能过于复杂。

　　对于SEO网站来说，合理的栏目结构也有利于搜索引擎抓取更多页面。

　　七、制作网站首页，不要只考虑漂亮

　　首页通常是整个网站最重要的页面之一。

　　很多新手设计首页时喜欢加入大量：

　　轮播动画;

　　视频背景;

　　漂浮特效;

　　动态文字。

　　这些效果并不是不能使用，但需要控制数量。

　　企业网站首页更加重要的是让用户快速知道：

　　你是谁;

　　你做什么;

　　有哪些产品;

　　为什么选择你;

　　怎样联系你。

　　一个常见首页可以按照下面的思路组织。

　　顶部区域

　　包括：

　　Logo;

　　导航栏;

　　联系电话;

　　语言切换。

　　首屏Banner

　　用一句比较清楚的话说明主营业务。

　　不要把Banner做成只有一张漂亮图片，却完全看不出企业是做什么的。

　　产品区域

　　展示主要产品分类和重点型号。

　　企业优势

　　可以介绍：

　　生产能力;

　　技术团队;

　　服务能力;

　　质量管理。

　　应用案例

　　展示产品实际应用场景。

　　新闻内容

　　展示近期行业文章或者技术知识。

　　联系区域

　　提供：

　　电话;

　　邮箱;

　　地址;

　　咨询按钮。

　　首页结构不一定完全照搬这个顺序，可以根据行业调整。

　　八、网站页面为什么要做响应式

　　现在大量用户通过手机访问网站。

　　如果网站只按照1920像素电脑屏幕设计，手机打开后很可能出现：

　　页面超出屏幕;

　　字体特别小;

　　图片显示不完整;

　　按钮无法点击。

　　因此现在制作网站时，通常会采用响应式布局。

　　响应式网站会根据设备宽度自动调整页面。

　　例如电脑端一行显示4个产品，手机端可能自动变成1个或者2个。

　　使用CSS时经常会通过媒体查询控制不同屏幕尺寸的显示方式。

　　即使使用CMS模板，也应该在上线前分别测试：

　　电脑;

　　手机;

　　平板。

　　不能只在自己的电脑上看起来正常，就认为网站已经制作完成。

　　九、网站文章和产品页面应该怎么制作

　　网站真正上线以后，大量搜索流量通常不是只来自首页。

　　产品页面和文章页面同样重要。

　　产品页面不要只有一张图

　　产品详情页最好包括：

　　产品名称;

　　产品图片;

　　核心参数;

　　主要功能;

　　应用场景;

　　规格说明;

　　常见问题。

　　如果一个产品页面只有：

　　“本产品质量好，欢迎咨询。”

　　这样的内容，无论对用户还是搜索引擎来说，能够获得的信息都比较有限。

　　文章页面要围绕真实问题

　　例如一个网站建设类网站，可以围绕：

　　网站建设多少钱;

　　企业网站怎么制作;

　　网站服务器怎么选择;

　　网站为什么打不开;

　　网站SEO怎么做。

　　持续更新这些内容，可以不断扩大网站能够覆盖的搜索关键词。

　　十、制作网站时就应该考虑SEO基础

　　很多网站上线以后才想起来做SEO。

　　实际上，很多SEO问题在网站制作阶段就应该处理。

　　页面标题Title

　　每个重要页面应该有相对独立的标题。

　　例如产品页面标题可以围绕：

　　产品名称 + 型号 + 应用信息

　　而不是全站所有页面都使用同一个公司名称。

　　Description

　　Description主要用于概括页面内容。

　　虽然并不能简单理解成“填写后就能提升排名”，但清晰的描述有利于搜索结果展示和页面理解。

　　URL结构

　　网址尽量清晰。

　　例如：

　　example.com/news/123.html

　　或者：

　　example.com/product/industrial-monitor.html

　　通常比带有大量无意义参数的网址更加方便管理。

　　图片ALT

　　产品图片和文章图片可以加入合理的ALT说明。

　　不要机械堆关键词，描述图片实际内容即可。

　　十一、HTTPS怎么配置

　　现在网站一般都会使用HTTPS。

　　浏览器地址会显示：

　　https://

　　配置HTTPS需要SSL证书。

　　很多云服务器和网站管理面板都支持申请证书。

　　配置完成以后，需要注意：

　　HTTP是否自动跳转HTTPS;

　　网站图片是否仍调用HTTP资源;

　　后台是否能够正常登录;

　　原有URL是否出现重复。

　　例如正式网站确定为：

　　https://www.example.com

　　那么其他访问版本最好统一跳转过去。

　　这样既方便用户，也可以避免出现多个重复网站地址。

　　十二、网站数据库有什么作用

　　如果只是制作几个静态HTML页面，可能不需要数据库。

　　但CMS、商城、论坛等网站通常都会使用数据库。

　　数据库中会保存：

　　文章;

　　产品;

　　用户信息;

　　网站配置;

　　订单数据。

　　常见数据库包括：

　　MySQL;

　　SQLite;

　　PostgreSQL等。

　　对于新手来说，不需要一开始学习复杂SQL。

　　但至少应该知道：

　　网站程序文件和数据库是两套不同的重要数据。

　　因此做网站备份时，不能只下载网站程序。

　　还需要备份数据库。

　　否则服务器出现故障以后，即使程序文件还在，文章和后台数据也可能无法恢复。

　　十三、网站上线之前做一次完整检查

　　不要修改完首页就立即开始推广。

　　正式上线之前，可以按照下面的清单检查。

　　页面检查

　　首页能否正常打开;

　　栏目链接有没有404;

　　产品详情是否正常;

　　文章页面是否正常;

　　手机端是否错位。

　　功能检查

　　表单能否提交;

　　搜索功能是否正常;

　　电话是否正确;

　　邮箱是否正确;

　　在线咨询是否能使用。

　　SEO检查

　　Title是否重复;

　　是否存在测试页面;

　　robots.txt是否正常;

　　是否生成网站地图;

　　重要页面是否能够被访问。

　　性能检查

　　图片是否过大;

　　首页打开是否过慢;

　　服务器是否频繁报错。

　　这些小问题上线之前解决，比等用户发现之后再修改更加省事。

　　十四、网站上线后不是结束，而是运营开始

　　制作网站只是第一步。

　　一个网站长期有没有价值，主要取决于后面的维护。

　　上线以后可以持续进行：

　　发布文章;

　　添加产品;

　　完善案例;

　　更新联系方式;

　　检查死链;

　　备份数据;

　　查看访问统计。

　　如果网站主要依靠SEO获取流量，还需要长期建立关键词库。

　　例如原来只做一个关键词：

　　网站建设

　　后面可以继续扩展：

　　个人网站建设

　　企业网站建设

　　网站制作价格

　　网站设计教程

　　网站SEO优化

　　网站服务器配置

　　一篇页面对应一个相对明确的搜索需求，网站的内容规模就会逐渐扩大。

　　十五、自己制作网站需要学习哪些知识

　　如果只是想快速搭一个网站，CMS已经可以解决大部分问题。

　　如果准备深入学习网站开发，可以按照下面的顺序。

　　HTML

　　学习网页结构。

　　重点了解：

　　标题;

　　段落;

　　图片;

　　链接;

　　表格;

　　表单。

　　CSS

　　学习页面样式。

　　重点了解：

　　字体;

　　颜色;

　　间距;

　　Flex布局;

　　Grid布局;

　　响应式设计。

　　JavaScript

　　学习网页交互。

　　例如：

　　点击事件;

　　轮播;

　　弹窗;

　　数据请求。

　　后端语言

　　如果需要开发用户系统、订单系统等功能，可以继续学习：

　　PHP;

　　Python;

　　Java;

　　Node.js等。

　　没有必要一次全部学习。

　　先做一个真正能运行的网站，再根据实际需求深入某一部分，效率通常更高。

　　十六、新手制作网站常见的几个误区

　　误区一：必须会编程才能做网站

　　现在并不是这样。

　　大量普通企业网站完全可以使用成熟CMS完成。

　　会编程主要是为了更灵活地修改和开发功能。

　　误区二：模板越复杂越专业

　　复杂动画并不等于专业。

　　网站真正需要考虑的是：

　　信息是否清楚;

　　加载是否快速;

　　用户是否方便操作。

　　误区三：上线以后就会有人访问

　　网站上线并不会自动产生流量。

　　还需要通过：

　　SEO;

　　广告推广;

　　社交媒体;

　　品牌宣传

　　把用户带到网站。

　　误区四：文章越多排名越好

　　文章数量本身不是最终目的。

　　如果大量页面高度重复，没有解决实际问题，即使文章很多，也未必能够形成有效搜索流量。

　　十七、制作网站大概需要多少钱

　　如果自己学习制作网站，基础成本主要包括：

　　域名费用;

　　服务器费用;

　　SSL证书;

　　模板或者程序费用。

　　开源程序本身可能免费，因此入门成本并不一定很高。

　　如果找建站公司制作，价格主要取决于：

　　页面数量;

　　设计要求;

　　功能复杂度;

　　是否定制程序;

　　是否提供内容整理。

　　几页简单展示网站和带会员、支付、订单管理的网站，开发成本显然不是一个级别。

　　所以询价之前最好先整理功能需求。

　　十八、一个简单的网站制作路线

　　如果完全没有建站经验，可以按照这个顺序实践一次：

　　**第1步：**确定网站主题和栏目。

　　**第2步：**注册一个域名。

　　**第3步：**购买基础服务器。

　　**第4步：**配置网站运行环境。

　　**第5步：**安装CMS程序。

　　**第6步：**创建栏目和后台账号。

　　**第7步：**选择或者制作响应式模板。

　　**第8步：**完成首页、产品页和文章页。

　　**第9步：**上传正式内容。

　　**第10步：**绑定域名并配置HTTPS。

　　**第11步：**检查手机端、404和页面速度。

　　**第12步：**正式上线并持续更新。

　　做完这一遍以后，域名、服务器、程序、模板和SEO之间是什么关系，就会变得非常清楚。

　　常见问题

　　1. 制作网站教程适合完全没有基础的人学习吗?

　　可以。零基础用户可以先使用CMS搭建网站，在实际操作过程中理解域名、服务器、数据库和网站程序，再逐渐学习前端代码。

　　2. 自己制作一个网站需要多久?

　　简单展示网站如果资料准备完整，使用成熟程序可以较快完成。定制页面、商城或复杂功能网站则需要更长时间，具体取决于页面数量和开发内容。

　　3. 做网站一定需要服务器吗?

　　公开访问的网站需要有存放网站文件的网络空间，可以是云服务器、虚拟主机或其他托管环境。本地电脑制作的页面只有放到可公网访问的服务器后，其他用户才能正常访问。

　　4. 网站制作好以后怎样让百度找到?

　　需要保证网站可以正常抓取，建立清晰的页面结构，持续发布有实际价值的内容，并根据需要提交站点地图、维护内部链接。搜索收录和排名通常需要一个逐步积累的过程。

　　5. 新手适合自己写代码还是使用CMS?

　　如果主要目标是快速建立企业网站、博客或内容站，可以先使用CMS。如果目标是学习网站开发技术，则可以从HTML、CSS和JavaScript开始，逐渐自己编写页面和功能。