如何使用网页模版快速制作一个网页？

网站的搭建需要页面、域名和云服务器，这一篇教程是第一步，也就是关于页面的制作。

1. 基础知识

页面分为动态网页和静态网页，注意动态网页不是指网页有动画，而是指页面内容可以通过不改变代码实现。静态网页一般为展示类型，也可以有很多炫酷的动画。

静态页面是不能随时改动的，静态是一次性写好放在服务器上进行浏览的，如果想改动，必须在页面上修改，然后再上传服务器覆盖原来的页面，这样才能更新信息，使用者不能随时修改。

动态页面是可以随时改变内容的，有前后台之分，管理员可以在后台随时更新网站的内容，前台页面的内容也会随之更新。

这里我所说的主要是静态网页，仅仅涉及到最基础的HTML语言，动态网页一般涉及到JSP、PHP、ASP等技术，而静态网页一般会涉及到HTML、CSS、Ja Script等技术。

2. 所需工具

所涉及的工具有模版文件和编译器，其中模版是从网上选择下载的，编译器常用的有Sublime Text，编译器的作用是将代码转换成机器语言，也就是0和1。

模版需要从网上下载模版再进行修改，当然也可以自己制作，不过难度相对较高，也较耗时间。这里我选择的是muban.io

，里面可以选择喜欢的免费模版下载。

下载好后解压，文件夹里的index.html

文件就是我们要编辑的主页，选择用Sublime或Dreamweer打开即可编辑，用浏览器打开即可预览。Dreamweer是Adobe的软件，界面可以选择初学者的上下样式，更加容易上手，但对电脑性能（应该是CPU）要求较高，我手上这台MBP13 2016款几乎无法流畅使用。

3. HTML基本结构：

如上所示，整体由一组对应的<…>和</…>构成，head为标题，body为内容。

4. HTML属性：

font属性：也就是和字体相关的属性，与Word这种可视化软件不同，所有的修改都由代码实现。

例如：

与字面意思相同，face是字体，color是颜色，可以输入16进制RGB颜色或者blue等颜色名，size是文字大小。

用Find工具定位到文字的位置，直接修改即可，Sublime保存后，刷新浏览器打开的页面即可，如果是Dreamweer，则可直接点击页面上的内容编辑。

Sublime修改文字示例：

Dreamweer修改文字示例：

division属性：div内的内容为一个整体，一个区块，删除网页某一块内容以div为单位删除，点击左侧行数处三角箭头可以折叠快速删除。

例如：

删除某一区块示例：

paragraph属性：即段落属性，会自动与上下内容分开，形成一个单独的段落。

例如：

Align为对齐，center就是将段落居中对齐

超链接：

例如：

将某网页保存在文件夹下，这里我新建了一个名为article的文件夹方便管理，在引号内输入html文件的路径和名称，保存刷新后即可看到导航栏的导航内容已经发生了变化。

其中<li>为表单list，一般在导航栏比较常见。

image属性：

例如：

Img src就是image source，即图片来源，一般图片放在images文件夹里，width即宽度，可以用百分比或者数值调整。

HTML的换行和空格：

HTML中文字的回车不能直接读取，一般用<br>即breakline换行，断开两行内容

例如：

一般情况下，空格可以直接读取，若不能直接读取，也可以使用&nbsp，即空格。

例如：

效果展示：

我的个人主页：（最近可能无法访问，备案结束即可正常访问）

以上就是网页模板怎么用的详细内容，小编的个人网站就是在muban.io免费下载的，这是个很不错的模板网站，里边的模板都是响应式的，能够适配各种设备，且页面精美。

muban.io的模板是其中更改操作最简单的，小白不用担心下载模板不懂html知识，不知道怎么改啦！操作简单归简单，但生成的网页又非常漂亮，想要自己当站长的朋友快去muban.io看看吧

标签：

相关文章： 外贸业务，未来可期，职业蓝海  行者SEO，SEO实战专家集结地  网站定制价格，一问便知！  揭阳SEO核心步骤，打造优化典范，企业腾飞秘诀何在？,广东省网站推广排名软件  如何高效在闲鱼与用户沟通？  Hexo搭建个人博客新体验  SEO优化，助力网站提升在线影响力，如何实现可持续发展？,咨询网站建设多少钱  多元化渠道，精准触达用户  CSDN搞钱，被动收益，一天300+的副业项目  武汉瞬间，优化升级快照  淘宝关键词排名速查工具  SEO是数字营销的金钥匙  轻松百度竞价，精准触达目标客户  智能办公，效率飞跃  微信小程序开发注意事项有哪些  SEO优化秘籍，流量翻倍曝光涨！  抖音上如何开启直播呢？  行业动态抢先看，您想知道的都在这里？,泉州外贸网站推广  娄底SEO，高效优化专家  西网先锋科技有限公司  东莞网站建设，匠心独运！  “心动瞬间，表白即达！”  剧情娱乐影视新闻资讯网站模板  SEO排名优化费用解析，投资回报一网打尽  《网页速成宝典：30招轻松入门》  响应式新能源化工研究院网站模板  阿里云域名查询，如何快速找到心仪域名？,建筑网站推广查询平台  轻松创作，圆梦笔尖  资阳SEO公司，助你网站排名飙升，如何快速提升？,全网营销推广产品价格  浙江省教育考试院报名入口，如何快速进入？,186seo电视版  白豆腐富含蛋白质，能增强免疫力吗？,河南个人网站建设  市场营销，就业广，多领域发展  新算法、大数据或人工智能将挑战SEO  宿州SEO公司哪家强？如何辨别靠谱度？,大理关键词优化排名  AI写作神器，全网爆款首选！  零售电商是什么意思  关键词优化胜过百度竞价？  如何轻松拍下闲鱼商品？  新媒体行业现状和发展趋势  武汉：长江之滨，九省通衢，历史文化名城  澳大利亚员工“下班离线”新规引争议  网站设计核心：探索创新，你如何平衡美学与功能？,晋中网站建设招标公告  百度指数官网直达  域名查询助手  闲鱼全新低价，正品靠谱吗？  衡阳SEO，快速提升网站排名  网络推广公司招兼职，你敢挑战高薪吗？,微营销运营推广方案ppt模板  哪些服务适用于小程序？  解码SEO精髓，高效驾驭百度优化之道  京东白条怎么领取呢？