瓢程页面编写思路（需要代码联系我）

页面编写思路

网页页面编写需要清晰的思路，这样才能事半功倍。如果没有计划没有思路的去编写，走一步看一步的话，往往会浪费更多的时间。以下仅是个人的几点思路，希望能给你带来帮助，如有误请留言提醒，我会及时更改，谢谢！

1，建文件夹

在编写网页页面时，先建立文件夹用于存储不同的资源，文件名简单明了。这样就能将不同的资源储存到相应的位置，在编写过程中寻找资源会提升速度，也方便找到，会减少很多的麻烦。如果没有建立相应的文件夹，而是将所有的东西都放在一起的话。在编写的过程中，到了后期，寻找一个资源就会变得很麻烦，从而浪费很多的时间。因此第1步先建立文件夹，用于储存不同的资源，方便分类，寻找。

2.资源分类

在编写页面前将所有的资源寻找到，然后进行分类，放入相应的文件夹内。 将连续使用的资源重新命名，并且重新命名的名字是连着的。如logo1，logo2，logo3。这样在连续使用一系列资源的时候，就能减少很多的时间不用去查看资源的资源名称是啥。

3.分析布局结构

分析布局的结构，简单的用草图画一下，然后简单的在脑子里想想各各块之间的组成结构，暂时不用想得太细致。如果想得太细致的话，有可能在你准备动手的时候脑袋就有点晕了，到时候可能会出现问题。

4.建立文件

建立html文件和css文件。然后分别保存到相应的文件夹内。 Css引入方式建议使用外链样式。即建立一个css文件，将所有的css样式都保存到里面，行内样式和内嵌样式都太占位置了，写完一个页面会导致页面内的代码特别冗长，代码可读性比较差！在建立文件时命名时建议使用英文名，然后名字尽量简单明了。

5.编写html文件整体布局

就是用css盒子将整个页面分成不同的块，在使用标签时建议先使用类标签，新疆整体的布局弄好之后，然后再编写css文件。如果你编写html文件后编写css文件。可能会造成有些名字会重复，编写html后css可能会导致有些问题发现不到最后快好了才发现，需要改的就很多了，所以先将html写好之后再去写css样式。

6.编写css文件css样式

因为最开始编写的时候都是很大一个盒子，所以每写好一个css样式表，然后尽量都换行，产生距离。因为一个网页它由很多部分组成，其他部分可能有些部分是不变的，这个时候就可以复制粘贴。如果你将每一部分隔得太近，到时候可读性差，不容易找到。

7.细化编写html文件hecss文件

将每一个盒子逐步细化，就像拆礼物一样，从外面包装一层一层的往里面编写，将每成的东西的html编写之后，就写css样式。然后在浏览器去观看是否错误，如果有些东西不太容易看，可以将背景或者是边框标出来，这样就可以容易看到。将议程确定没错之后，然后逐步的往里面写。写完了这个盒子，然后写下一个盒子。

8.注意细化编码出现的问题

1. 符号问题：汉字符号和英文符号是不一样的。
2. 标签问题：标签分为单标签和双标签，双标签的时候记得写结束。
3. 盒子问题：注意盒子的包含和漂浮等。
4. 命名问题：命名尽量遵循css命名的方法。这样方便阅读，也有利于后期的维护。
5. css样式 问题：注意css样式优先级问题。
6. 元素问题：区分内联元素和块儿元素。
7. …问题:…等等# 系列文章目录

---

---

9.部分页面展示