0 前言
建立网站需要页面、域名和云服务器。 本教程是第一步，是关于页面的制作以及如何将制作好的页面发布到云服务器。 请参考之前的文章：
对于对域名没有要求的完全新手，可以尝试最基本的建站网站，比如柱子建站、凡客建站等，只需几个简单的步骤，就可以搭建一个基本的展示页面。 优点是步骤简单，不用花钱租服务器和域名，也不需要注册。 缺点是页面自由度低，无法锻炼电脑技能。 域名可能不好看。
不过，目前腾讯、阿里巴巴、华为都有相关的云服务，而且操作也相对不复杂。 还有针对学生的特别折扣。
1. 基础知识
页面分为动态网页和静态网页。 注意，动态网页并不是指网页有动画，而是指无需更改代码即可实现页面内容。 静态网页一般都是显示类型，也可以有很多很酷的动画。
静态页面不能随时更改。 静态页面编写一次后放在服务器上供浏览。 如果要更改，必须在页面上修改，然后上传到服务器覆盖原来的页面。 只有这样，信息才能更新。 用户无法随时更新信息。 修订。
动态页面的内容可以随时更改。 有前端和后端之分。 管理员可以随时在后台更新网站内容，前端页面的内容也会相应更新。
我这里所说的主要是静态网页，只涉及最基本的HTML语言。 动态网页一般涉及JSP、PHP、ASP等技术，而静态网页一般涉及HTML、CSS、Java Script等技术。
2. 所需工具
涉及的工具包括模板文件和编译器。 模板是从 Internet 下载的。 常用的编译器是 Sublime Text。 编译器的作用就是将代码转换为机器语言，即0和1。
模板需要从网上下载，然后修改。 当然，你也可以自己制作，但相对困难且耗时。 我这里选择的是模板主页（cssmoban），在这里你可以选择下载你喜欢的免费模板。
下载后，解压。 文件夹中的index.html文件就是我们要编辑的主页。 选择使用 Sublime 或 Dreamweaver 打开进行编辑，或者使用浏览器打开进行预览。 Dreamweaver 是 Adobe 的软件。 界面可以为初学者选择上下样式，更容易使用。 但它对计算机性能（可能是CPU）要求较高。 我手里的MBP13 2016款几乎不可能流畅使用。
3. HTML的基本结构：
<HTML><head><title>标题内容</title></head><body>内容</body></HTML>
如上图，整体是由一组对应的和组成，head是标题，body是内容。
4. HTML属性：
字体属性：这是与字体相关的属性。 与Word等可视化软件不同，所有修改都是通过代码实现的。
例如：
<font face=“黑体” color=“#000000” size=“5”>文字</font>和字面意思一样模板网页建站，face是字体，color是颜色，可以输入十六进制RGB颜色或者蓝色等颜色名称，size是文字大小。
使用查找工具定位文本并直接修改。 在Sublime中保存后，刷新浏览器打开的页面。 如果是Dreamweaver，可以直接点击页面上的内容进行编辑。
Sublime修改文本示例：
Dreamweaver修改文本示例：
div属性：div内的内容是一个整体，一个块。 删除网页上的某一段内容，是以div为单位删除的。 单击该行左侧的三角箭头可快速折叠和删除。
例如：
<div>区块内容</div>删除某个块的示例：
段落属性：段落属性会自动将上下内容分开，形成一个单独的段落。
例如：
<p align=“center”>段落内容</p>Align表示对齐，center表示将段落居中对齐。
超级链接：
例如：
<a href=“XXX.html”>超链接</a>将网页保存在文件夹中。 这里我新建了一个名为article的文件夹，方便管理。 在引号内输入 html 文件的路径和名称。 保存并刷新后，可以看到导航栏的导航内容发生了变化。 。
其中就是表单列表，一般在导航栏中比较常见。
图片属性：
例如：
<img src=“XXX.jpg” width=“50%”>img src是图像源模板网页建站，即图像源。 一般情况下，图片都放在images文件夹中。 width是宽度，可以用百分比或者数值来调整。
HTML 换行符和空格：
HTML中的汉字回车无法直接读取。 一般是用
即breakline断行，断两行的内容。
例如：
第一行内容<br>第二行内容一般情况下，空格可以直接读取。 如果无法直接读取，也可以使用 ，即空格。
例如：
前半句 后半句显示结果
我的个人主页：
（最近可能无法访问，注册后即可正常访问）
微笑工作室
