作者 | 杨小二
来源 | web前端开发（web_qdkf）
在《零此基础学中文网站制做系列产品讲义-01》里，我跟我们撷取了做两个中文网站的基本上步骤，以及两个圣戈当斯区中文网站，须要加进的中文网站搜索引擎，中文Tk，中文网站流程等片断，而从今天开始，我将跟我们撷取，做中文网站须要加进的许多辅助工具与中文网站流程，中文网站模版，页面布局，web标准，HTML方面的许多此基本知识。主要是针对许多没有此基础的爸爸妈妈，对于有此基础的爸爸妈妈们，请直接埃唐佩县。
01、中文网站制做辅助工具
做两个中文网站，只不过有许多辅助工具能将只不过现出来，但在这里我将重点讲两个在我会使加进的辅助工具。
第一，FTP上传浏览辅助工具，那个他们在上首诗里已经接触到了那个辅助工具，我就不再重复，须要浏览加装不然，请到《零此基础学中文网站制做系列产品讲义-01》里头去获取。FTP辅助工具，也较为简单，基本上拿来求学采用。
第二，标识符GUI辅助工具，Sublime。那个辅助工具，也是他们后面做中文网站写标识符这时候，会始终加进的辅助工具，也是我在整个讲义中，会使加进的辅助工具，我建议我们能加装呵呵，下列是Sublime辅助工具浏览门牌号：
镜像: https://pan.baidu.com/s/1nNqOmzN5VgUc1gA76xN55A
抽取码: vxys
第三，页面切碎辅助工具，Adobe Photoshop CC，那个辅助工具，特别是在前端开发人员切图的这时候，会使加进里头的切碎辅助工具那个功能，也不须要学多精练，因为他们只是加进里头的许多基本上功能，不能像专业雕塑家那样，要求精通。下列是Adobe Photoshop CC的浏览门牌号：
镜像: https://pan.baidu.com/s/1OH8ZqcP1QGsHfmsMRmuagQ
抽取码: wwab
关于那个Parallels的加装讲义，如果不能不然，我后面再单独写一首诗来讲，这篇讲义里就不详细传授了。
这三个辅助工具，是他们后面采用频率较为高的辅助工具，总之，做中文网站除了许多小辅助工具会使加进，像IEtester，beyond compare，那些他们目前用不到，他们就先不说了，等到加进的这时候，他们再讲，但，他们能稍微介绍呵呵。
IEtester主要是在试验时，用来试验IE相容性的，因为IE应用软件版较为多，为了中文网站在各种IE版下试验方便，而采用的两个小辅助工具。
beyond compare是两个标识符较为应用软件，那个在项目投资，除了页面标识符较为多的这时候会加进。
讲完了辅助工具，接下去，是中文网站流程了，那个也是做两个中文网站，非常重要的部份了，那个部份就好似他们平时煮饭那样，他们不仅须要准备米，他们还须要知道是不是将米变成饭，而后面的辅助工具内容，它就好似他们煮饭用的洗衣机那个辅助工具，所以接下去那个操作过程是是不是把米做成饭的两个操作过程，总之也不难。
在讲那个操作过程之前，他们还须要再介绍呵呵与其相关的两个问题。后面他们始终在讲T8300流程，那到底什么是T8300流程呢？
02、T8300流程
只不过，T8300流程，有许多种，比方说他们自己写的中文网站源代码，也能成为T8300流程，除了许多开放源码的中文网站源代码也是T8300流程，例如，dedecms（也叫织梦CMS），wordpress（国外的两个博客控制系统），ecshop（两个购物商场控制系统），discuz，（两个论坛控制系统），那些都能称之为T8300流程，而且那些流程里，有订阅，也有完全免费之分，像ecshop那个中文网站流程控制系统里头就有订阅的部份，而其他两个基本上都是完全免费的。
只不过，那个T8300流程就好似他们加装的QQ，博客流程那样，是人人都能浏览加装的，但加装完了，不是就表示中文网站已经做好了。
他们都知道，他们加装的QQ，博客，加装好以后，也是须要做些简单增设，比方说，换个头像，增设两个动听的绰号等等。
而T8300流程也那样，加装瘤果，他们每一人的流程都是那样的，也是说，他们每一加装了那个T8300流程的中文网站，都是那样的风格，但他们为了凸显出自己中文网站的风格与调性，所以，他们还须要对其进行修改。
而在两个T8300流程里，基本上都会有许多风格能选择，那个是他们接下去要说到的，中文网站模版。
03、中文网站模版
中文网站模版，是两个中文网站的风格，类似他们现在手机里皮肤风格，两个中文网站，只能用两个中文网站流程，但你能实现多种中文网站风格，也是说，你能用多种中文网站模版。
关于中文网站模版，之前我在公众号上也撷取过许多，有dedecms的中文网站模版，也有wordpress的中文网站模版，除了许多整站的中文网站模版。总之，是学习资源还是较为丰富的。
在开始中文网站制做之前，你只要想好了用哪个中文网站流程来实现自己的中文网站，然后就能在网上先找许多完全免费的中文网站模版来进行学习，等到自己学得差不多了。
只不过，你自己就能写许多中文网站模版了，比方说，你打算用dedecms那个中文网站流程来制做自己的中文网站，那你就能先去学习许多dedecms做中文网站的相关知识，那个也较为有针对性，学习起来更加容易上手，兴趣也会大点。
讲完了中文网站流程，中文网站模版，他们再来说呵呵中文网站里的页面，每一中文网站都是由不同的页面组合而成。页面又分为静态页面与动态页面。
04、静态页面与动态页面
简单讲，静态页面是没有后台数据库交互的页面，他们都把它成为静态页面，那个是相对于动态页面而言的，所以，动态页面是有后台数据库交互的页面。
像我的www.yangxiaoer.net那个站点里的页面都是静态页面，而且每两个页面的文件都是以xxxx.html，或者xxxx.html这样的文件格式出现。
而动态页面的文件后缀名，就较为多了，主要是根据开发中文网站后台的语言来的，例如，xxxx.php，xxxx.asp，xxxx.jsp等，而点后面的文件名，是表示那个中文网站后台是用那个语言来开发的。像xxxx.php那个是表示中文网站的后台流程是用php语言开发的。
05、静态镜像，伪静态镜像与动态镜像
当他们在打开两个中文网站时，他们会先输入它的镜像网址，那个镜像网址也叫做统一资源定位符，英文名，URL（Uniform Resource Locator）。
而在他们的中文网站里，通常会有三种中文网站镜像类型，静态镜像，伪静态镜像，动态镜像。
静态镜像是存在中文Tk上的两个独立静态页面文件所生成的两个静态门牌号。
例如，http://www.yangxiaoer.net/contact.html，那个是两个静态镜像。当他们访问静态页面时，并不须要通过操作数据库，而是直接抽取的静态页面，因此，访问速度相对较快并且服务器的负载很小。
对搜索引擎来说，同样能节省大量的抓取时间。而那个也是最容易被搜索引擎收录的门牌号。
而“伪静态”，它不是真的静态镜像，只是从镜像门牌号上看好似是静态镜像，事实是在服务器上并不存在那个静态页面，那个页面可能是php，asp，jsp等中文网站后台语言的页面。
他们采用伪静态镜像是为了方便搜索引擎收录与抓取他们的中文网站页面，能够让别人通过搜索引擎快速找到他们，那个也是在SEO优化的这时候，会经常采用的一种手段。
动态镜像是他们在访问动态页面时，服务器流程须要调用数据库来抽取页面内容，然后反馈给他们。镜像门牌号里会经常出现两个“?”的页面，例如，那个是两个QQ的页面门牌号：https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649090640&idx=3&sn=a27aa58e1b45d91e4ba04d0db10960b3&chksm=be5bcdfd892c44eb6fbf72985f5fe0adc960da988eefba842a832250dcaa51493acfe24f502f#rd
它是两个动态的镜像门牌号。
简单点的理解是，没有问号的镜像门牌号一般都是静态门牌号，而门牌号里有问号出现的镜像门牌号是动态镜像门牌号，处在这两者之间的门牌号是伪静态门牌号，那个大概先介绍知道呵呵即可，主要是为了后面内容做准备的。
06、从两个页面的诞生来学习HTML与CSS知识
在后面他们已经讲了，中文网站都是由两个两个的页面组成，而页面是由两个两个的HTML文件，所以，学习中文网站制做，只不过是学习是不是写HTML文件，当每一HTML文件写完以后，他们通过两个<a>标签就能把各文件镜像起来，于是就组成了两个中文网站。
01）、什么是HTML
HTML是一种超文本标记语言，英文全称 Hyper Text Mark-up Language。
学习中文网站制做一定要学会HTML的基本上知识，不然没有办法开始后面的工作。
02）、第两个页面的诞生
第一步，打开Sublime辅助工具，点击【文件】-新建文件，或者按快捷键ctrl+n。
第二步，写下下面那些标识符：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>首页，我是第两个页面</title>
<head>
<body>
<div>我是第两个页面</div>
</body>
<html>
第三步，点击【文件】-保存，或者按快捷键ctrl+s，文件名就为，inedx，文件后缀名就为，html。文件保存瘤果，他们找到那个文件，你就会看到，如下文件：
直接双击那个文件，就会在浏览器打开，看到那个页面，而那个页面里的<body>......</body>的中间部份只有一内容：我是第两个页面。
所以，他们在浏览器里看到的内容，也是那个内容。
到目前为止，这第两个页面，就算完成了。
是不是也非常简单？
但他们想在那个页面里加各种特效，颜色，图片等内容不然，只不过都是在他们的<body>......</body>那个中间完成。
第四步，打开FTP辅助工具，通过之前购买的中文Tk，服务网供应商提供给你的，服务器门牌号，服务器FTP登录账户，服务器FTP密码，然后登录后，上传他们刚刚写的那个页面，他们就能通过网址来访问其页面了。
而我的服务器空间，之前都做好了相应增设，所以，我把它上传后，我通过搜索引擎门牌号：http://www.yangxiaoer.net/demo/index.html
打开那个网址，我就得到了下列页面内容：
到目前为止，那个圣戈当斯区页面的制做步骤就算完成了。
是不是很简单？如果你还不知道是不是去实现那个操作过程不然，建议你再回头去看看《零此基础学中文网站制做系列产品讲义-01》里面的内容。
好了，今天的内容就讲到这里，下节将index.html那个页面里的内容补充完整。里头会讲到许多HTML标签与CSS相关的许多知识内容。敬请关注。
今天内容，如果有什么不明白的地方，能在留言区给我留言，一起交流学习。
这里是【web前端开发】，我是杨小二，web前端开发公众号的创建者，是一名前端开发者与平面/UI雕塑家。
请立即点击咨询我们或拨打咨询热线： ，我们会详细为你一一解答你心中的疑难。项目经理在线
客服1