西安玖佰网络 - 建站知识库

2023年你不得不看的网站优化技巧

900c@163.com (西安做网站) — Sat, 18 Feb 2023 11:52:42 +0800

高质量的内容是所有成功的关键。试着改进你的内容，让它与你的观众有关。内容还应改进相关的关键字和链接。改进的用户体验和跨多个平台的出现将帮助您获得理想的覆盖面积。作为专业的网站建设和运营商，我们推荐以下五种方法，以最大限度地提高您网站的内容竞争力：

1. 内容分门别类

在讨论内容时，人们倾向于想到文章和博客文章，但互联网有各种有影响力的文本平台。在现代竞争环境中，你不能仅仅依靠文章和文本。您需要视频、图像、音频和优化的内容进行语音搜索。

其他平台可以处理多种格式，包括文档、音频、图像和视频。你应该制作与观众相关的视频和其他材料。

2. 精准直击用户

不是所有的流量都有价值;只有瞄准了正确的受众，你才能最大化内容。在创建内容时，您应该清楚地定义受众，以便围绕他们的需求构建信息。

最大化内容包括优化相关的关键词、标题、信息、媒体和资源。你应该为特定的问题或需求提供有用的信息。

3. 重新梳理内容

重新梳理包括调整内容以适应新的平台或目标。您可以为不同的频道重新定义内容。可以在社交媒体网站上制作成音频或视频剪辑。您还可以将音频转录为文章和时事通讯。如果你有一篇很棒的文章，你可以在来年更新和重新利用它。

您不需要为您的业务使用的每个平台创建新的材料。重新定位可以让你更快地工作，并在所有平台上保持较高的用户粘性。开发新文本的目标是获得最大的参与度和一些转化率。一旦你有了高质量的内容，你就可以重新利用它来适应所有的平台。你可以将一个完整小时的视频分解成社交平台上的短片段，或者为你的网站创建一篇内容丰富的文章。

4.优化用户体验

你可能有优秀的内容，但只有在用户体验良好的情况下才会有帮助。人们更喜欢他们可以轻松阅读和参与的高质量内容。与组织有序的短段落相比，冗长的文本块很碍眼。整合图像、链接、视频和其他元素也可以改善用户体验。一个简单的，令人难忘的用户体验有助于保持访问者在你的平台上。如果界面杂乱且难以导航，网站将失去访问者。

5.保持定期更新

一个合理的内容策略可以带来更好的排名，更多的印象和线索，以及更好的收益。谷歌遵循EAT(专家，权威，信任)模型来评估一个网站的价值。搜索引擎也有很多推荐和服务条款。事情一直在变化，所以百度和其他引擎提供定期更新。

如何从无到有设计一款字体？

900c@163.com (西安做网站) — Fri, 31 Aug 2018 14:34:55 +0800

对于很多刚接触字体设计的同学经常会遇到一种情况那就是想法高大上，结果很悲伤，为什么会造成这样的结果？归根结底是对字体设计本身了解还不够细致就照葫芦画瓢直接上，为了避免这种尴尬的结果，我们应该在开始着手做字体之前要做好各项准备工作，不断去浏览优秀的字体设计从中寻找设计的感觉，确定感觉后建立网格系统，开始逐步设计字体。我在做字体设计的时候会把握几个步骤「建网格」——「选字体」——「拆字体」——「绘笔画」——「绑骨架」——「粗与细」——「取与舍」——「磨细节」——「去感受」。

下面我们就以大家最常见的矩阵字体为例来给大家分享如何制作字体。

1. 建网格

建立网格系统，万丈高楼平地起，要做一款扎实的字体离不开网格系统的规范。

2. 拆字体

以「燃」为例——选取一个默认字体，按照字体结构对笔画进行拆分。

3. 绘笔画

将拆分出的笔画用横线和竖线在网格系统里进行笔画重绘，此时不要做细节，撇、捺和点根据自身走向和结构特点也归属为横竖线。

4. 绑骨架

拆分绘制的字体笔画就是字体的骨骼，笔画间的连接处可以理解成是人体的关节，关节的意义在于保证字体稳固的同时又灵活多变，字体的笔画可以根据视觉需要围绕关节在一定范围内做活动，也可调整长短比例。

5. 粗与细

笔画的粗细与硬度由你想要的字体气质来决定，细笔画与曲笔画柔美气质，粗笔画与直笔画沉稳大气，虽说设计是一种感觉，但是这种感觉对于初学者来说很难把控，所以跟大家共享一下常用的几种笔画的粗细，在1000PX*1000PX画板里采用6px,10px和20px为基础笔画粗细，根据想要的业务气质选取即可。

6. 解与构

常见的字体结构有「上下结构」「上中下结构」「左右结构」「左中右结构」「半包围结构」和「全包围结构」。其中「上下结构」中着重强调占比较小的那部分笔画，进而达到字体本身的平衡，例如「感」字着重设计心字；「上中下结构」中一般会在不影响识别性的前提下去掉中间部分横行笔画，进而达到字体本身的平衡，例如「享」字着重设计口字；左中右结构中在不影响识别性的前提下会简化左边部分笔画，进而达到字体本身的平衡，例如「燃」字着重设计火字。

7. 取与舍

笔画变粗后整个字体笔画间的空间比例会受到一定影响，因此为了字体的美观度和透气性我们会对字体结构进行一些取舍和整合。

8. 磨细节

为了让字体看起来更加舒适，我们将字体的拐角做圆，做圆角的同时也要根据网格系统来调整圆的度数。

9. 去感受

打磨整体字体，继续刻画细节。

注意：在一组字里，每个单字的结构都存在差异，适当调整字体内部的比例，形成感官上舒适的笔势，对保持视觉上大小一致很重要。汉字字体类型繁多，但是如果我们用几何法则来划分字体类型其实大致可以归纳为三种：方形，圆形和三角形，从面积上来看方形和圆形的面积最大，三角形次之，所以我们为了保持字重大小的一致性需要调整他们之间的大小比例，做到大小均匀，笔画一致，结构严谨和间隙适中。

为了拉出字体的气质，一般会把字体做的稍微偏瘦长一些。

字体设计的手段是多种多样的，每个设计师都有自己擅长的切入点，最后的结果是自己想要的就好。上述的分享希望能给字体设计初学者一点帮助，也欢迎各位同行大神交流切磋。

现代流行网站设计的6大要素

900c@163.com (西安玖佰网络) — Mon, 27 Aug 2018 10:18:29 +0800

现代流行网站设计的6大要素，每个领域都有其发展趋势。有些东西变得流行起来，而有些东西则变得无足轻重。同样的规则也适用于现代的网站设计，传统的规则和趋势是不断变化的。如果经典的样式使你的网站时尚和易于识别，反潮流将使它过时和没有吸引力。与许多其他领域一样，现代网页设计应该在经典元素和趋势之间取得平衡，这些元素基于设计基础，并带有一些吸引人的、多变的元素。

1、清晰大图

现代网站设计从高分辨率的定性图片开始，它应该是大气的和感人的。最好使用公司、办公室、工作、菜肴、风景或其他独家内容的独特、专业的图片。最好的选择是请专业摄影师，并创建必要的图像。

数字图像帮助访问者更好地理解一个品牌的理念、风格和故事。它引起了人们的注意，并经常引起“哇”的效果。对一些人来说，审美爱好者来说，这是他们逗留更长时间、更多地了解企业或品牌的原因。创意是这一趋势的最好朋友，并帮助使网站真正特别。

让它朗朗上口，但保持反应灵敏

自2016年以来，人们一直在积极使用手机来获取信息、购物、安排行程等等。通常使用3G或LTE技术，这并不总是稳定的取决于位置和移动轨迹。如果一个人没有得到他们期望的回应，用户会立即离开网站，所以每一秒都是很重要的。

通过让任何数字内容都具有响应性，网页设计师提高了吸引潜在客户注意的机会。换句话说，任何数字材料，尤其是图像、gif或视频，都必须根据屏幕分辨率的不同而改变大小。

2、开放空间

每个生物都热爱空间，无论是公寓、咖啡馆、床、飞机座位还是网站。越来越多的用户购买第二或第三个显示器，移动设备变得越来越重要，显示器倾向于节省每一寸空间，它面临着同一页上有更广泛的信息范围的证据。

例如，当所有格式和其他内容都被忽略时，Safari提供了一个方便的选项“纯文本”。每一个现代网页设计师的任务就是让用户忘记这个功能，由于内容中有额外的空间，这使得它具有吸引力和可理解性。

为什么今天额外的空间很重要?

现代世界信息泛滥，如今，人们觉得简单易懂的东西都很有吸引力，它为内容带来了额外的空白色或空的背景是极简主义的现代网站设计的最初元素，它有助于直接关注可读的文本和页面上的因素。换句话说，每一行、阴影、纹理或其他方面都会让访问者超载，现代设计是平滑和直接的。不仅主页应该是这样的，每个选项卡和导航菜单也应该是这样。

3、简约的设计

网页设计必须满足现代受众的需求，一个普通用户在大多数情况下是没有耐心的，不会阅读网站上的所有内容。因此，做一个简约的设计是至关重要的。如果他们在几分钟内找不到他们要找的东西，他们就会在别处看到。换句话说，每一条信息都应该尽可能的容易获取。

极简主义的设计是一种哲学，让用户在一个单一的屏幕上，没有其他的混乱，他们需要什么。现代用户需要有选择性的网络图形和更多的视频而不是文本，它应该是文本和图形元素的和谐混合。不要超载——简单易懂。

细节的设计

有一些技巧很简单，但并不总是显而易见，使用对比色和阴影可以提高对内容的吸收。特别注意颜色，如有需要，请咨询潘通。成功的和流行的色彩方案可以做营销工作的营销人员，另一个关键问题是排版。确保它是可读的，间距是平衡的，有足够的段落和列表。设计元素必须具有功能性，如果某个元素没有函数性的使用，那么它就应该被删除。

4、简单而有用的页脚

每一条信息都应该是可访问的和直接的，CSS模板不包括你的品牌特质。信息页脚是最初的web元素之一，它会产生积极或消极的印象。换句话说，用户通过在页脚中找到的信息来决定是否信任该品牌。以下是主要内容:

品牌故事

使用条款

隐私政策

从属节目(如适用)

常见问题解答

联系信息

这是每个页脚应该包括的最小值。

根据品牌的个人规格，页脚链接可以调整。任何显示品牌名称及其可靠性的特定数据都必须在此处指定。信息应该是可访问的，不要让访问者到处寻找你的联系方式。简单的设计、可理解的格式以及其他视觉元素也适用于页脚，这是你值得尊重和信任的地方。

5、行动呼吁

现代网站设计哲学认为，与信息的时尚表现相结合，让访问者理解为什么他们需要品牌提供的东西是很重要的。在每一页的末尾，回答一个直截了当的问题:“我为什么要读这篇文章?”“让用户了解什么产品或服务是代表什么以及在什么条件下。”如果是网上商店，不要隐藏价格，尽量让他们可见。如果是旅行社，既要写信息，也要写实用信息。必须承认，每个选项卡、文章、视频、动画和视觉元素都有一个目的，用户必须清楚这一点。

强烈和明显的

网页设计的新趋势规定了新的规则，号召行动必须大胆而直接。没有隐藏的意图，没有隐晦的引用或其他令人费解的内容，这些内容不仅具有破坏性，而且往往难以捉摸，实话实说。人们没有时间去思考文本是关于什么的，也没有时间去从抽象的视频或logo设计中找到意义。让它易于辨认的最好方法是让它简单、易懂、时尚、直接。说出最初的意图是最好的策略，现代观众尊重并追求透明、简单和诚实。

6、自适应设计和隐藏按钮

大自然和周围的世界提供了大量的网页设计灵感，每个元素都有一个实用的目的，每一个现代网站设计的一个重要方面就是它的适应性。今天，人们每天都花很多时间在移动设备旁边。没有一个自适应版本的网站是一个关键的错误，我们想把所有东西都放在口袋里。

“好吧，等我回到我的笔记本电脑前，我会再来看看它”的想法并不总是奏效。如果信息在移动设备上无法访问，它可能会永远丢失。一些公司用相同的元素创建了桌面和移动版本的网站，考虑到反应的速度，这是有道理的。手机屏幕上不需要任何视频或高分辨率的照片，因为手机屏幕上通常会显示每Mb的数据。

速度是成功的关键因素

现代风格包括各种隐藏元素，比如透明背景上的按钮。它并不总是很方便，因为用户试图点击每一个可能是按钮的单词和短语。最方便的选择是用另一种颜色书写可点击的内容，它有助于摆脱不必要的经典按钮纹理边界线，使风格更轻一般。每一个细节都很重要，主要的想法是摆脱所有分散注意力的东西，包括弹出窗口，并留下所有重要的东西。速度是在移动设备上显示的每一个现代网站设计的关键元素，今天的用户是不耐烦和要求。

总结

我们生活在信息革命的中间，每一个字都被认为是一种新的数据。人们阅读长篇文章的可能性越来越小，看注册表或联系信息在一堆横幅和墙壁文本。速度、简洁、空间和极简主义是每个现代网页设计工作室的关键词。现代听觉喜欢审美的愉悦，美丽而现代的色彩，纯文本，自由而清晰，反应迅速。流畅的性能是每一页的关键要素，另一个重要问题是适应性。用户花了一天的大部分时间在口袋“黑镜”旁边浏览社交网络，浏览新的信息来源。

简单和快速是人们需要的，我们很珍惜花在网上的时间，因为在网上，信息是免费的、可以访问的，这意味着比过去少了很多价值。设计师倾向于通过媒体内容、动画、网页元素等来传达创意。用户获得他们想要的东西的速度越快，通过现代的网站设计，品牌转化的水平就越高。

网页设计中内容布局和页面结构要点解析

900c@163.com (西安玖佰网络) — Mon, 13 Aug 2018 10:16:35 +0800

1 内容策略

内容策略最重要的一点就是聚焦在页面目标上。理解页面的目标，并根据目标安排内容。

下面是一些提高用户对内容理解的实用技巧：

防止信息超载。信息超载是一个严重的问题。用户觉得有太多信息需消化，从而无法下决定或采取行动。有一些简单的方法能最小化信息超载。一个常用的方法就是分块——将内容分成几个模块，帮助用户更好的理解和处理。结账单就是最好的例子。每次最多显示五到七个输入字段，将结帐单拆分到多个页面，必要时才逐步公开字段。

避免行话和行业术语。页面上出现的每个未知术语或短语都会增加用户的认知负荷。一个安全的方式就是为所有读者编辑内容，并选择所有用户都清楚易懂的词。

最大限度地减少长内容。根据信息过载的观点，如果网站不是以信息消费为主，尽量避免长文本块。例如，如果您需要提供有关服务或产品的详细信息，请尝试逐步展开详细信息。将文本块写的短一些，更方便理解。根据罗伯特·盖宁(Robert Gunning)的“How to Take the Fog Out of Business Writing”这本书，为了舒适的阅读，大多数的句子应该是 20 个字以内。

避免所有字母采用大写。全部大写的文本(也就是所有字母都是大写的文本)对于字符量较少的文本是可以的，比如缩略词和图标;但是，请避免在字符量比较大的地方使用(例如段落，表格标签，错误，通知)。正如Miles Tinker在“Legibility of Print”一书中提到的，全部大写会降低阅读速度。另外，大多数读者会觉得全部大写的文本不能快速清晰的理解。

全部采用大写，用户比较难以理解。

2 页面结构

一个结构合理的页面清楚地显示了每个用户界面元素位于布局中的位置。虽然没有一个适合所有页面的规则，但是有一些指导性原则可以帮助你创建一个坚固的结构：

使结构可预测。使您的设计符合用户期望。可以参考同类网站来找出在页面上需要哪些元素以及位置。使用目标用户熟悉的模式。

使用布局网格。布局网格将页面划分为几块主要区域，并根据大小和位置定义区域之间的关系。在网格的帮助下，能更轻松地将不同部分组合在一起，形成一个有凝聚力的页面。

网格和布局是设计的一部分，且能适应不同屏幕尺寸的设计场景。Adobe XD的布局网格使设计人员能够针对不同的屏幕尺寸实现一致设计及管理网格中元素之间的比例。

使用低保真线框模拟，避免界面杂乱不清晰。混乱会增加理解的难度——每添加一个按钮，图像或文本都会使页面更加复杂。在用真实元素构建页面之前，先创建一个线框图，分析它，然后去掉那些不是绝对必要的东西。

如何给网站正确吸引外链方法是什么？

900c@163.com (西安玖佰网络) — Mon, 13 Aug 2018 10:12:34 +0800

做SEO的都知道，最好的链接是吸引来的，不是”发”出来的。网站能吸引链接，说到底靠的是内容。内容的形式可以是各种各样的：

好玩的或者有用的视频

有价值的博客帖子，就像SEO每天一贴这种

好玩的测试题，看看朋友圈热烈转发那些

行业常用工具，像chinaz、爱站的SEO工具

常用资源大列表

从数据分析出各种有意思的结论

深入分析热点新闻、行业知识

能引起论战、口水的争议话题

推荐给朋友自己能获得好处

别的地方找不到的资源，电影?图片?

等等等等

在具备了有价值内容的基础上，建设外链的套路通常是这样的：

寻找主题相关、权重不错的潜在链接对象

基于自己的内容，想出吸引链接对象的卖点或痛点，或者说，给对方一个链接到自己网站的理由

通过某种方式让链接对象知道自己内容的存在

等链接对象上钩

这个过程真心不复杂，简单明了，直指目标，运用娴熟的话，成功率不错。但很多人不屑于去做。

当然，其中的每一步都有各种实现方法，有一些细节要考虑。比如，让对方知道你和你的内容的存在，可以是：

直接给对方发封邮件

加微信、加QQ

在对方博客、论坛写评论

线下聚会、行业会议

先链接到对方网站

不管用什么方式让对方注意到自己的存在，主要的目标是让对方知道你，就够了，除了特殊情况,一般不用提链接的事，而是等对方自己上钩。我收到友情链接请求之类的，都是直接忽略。

网站设计要从感性出发紧跟设计发展趋势

900c@163.com (西安玖佰网络) — Mon, 06 Aug 2018 09:59:50 +0800

网站设计要从感性出发紧跟设计发展趋势：如果你一直在观察网页设计行业，你会发现它的变化确实非常快。设计趋势已经过去，并且今年已经变得流行。到年底，它可能根本看不到。多年来仍有一些设计技术在不断改变。始终需要跟上设计趋势，敏锐观察和持续关注。

感性网站设计

在准物理设计走向极端之后，平面设计接管了整个设计风格。早期的平面设计具有足够的现代设计特征，但用户不足以感知实现，这也产生了我们所说的平面风格2.0和材料设计。使用样式来描述设计中的这些演变是我们现在熟悉的一种方式，但从另一个角度查看这些变化实际上更直观。由于平面设计，设计元素从未与现实世界疏远。我们对世界的看法已经建立了一个感知系统。设计元素的变化总是基于更好的感知。

虽然准物理设计没有回归，但设计元素的演变过程中的可感知性它已经逐渐变得更好，更容易理解和接触。

自定义网站字体

伴随着不对称布局而来的是个性化的字体设计。对于特定的需求，自然适合，遵循特定风格的个性化字体设计和非常规排版。大型个性化字体不仅可以传达信息，还可以作为重要的视觉元素存在，甚至可以成为视觉焦点。

协调网页中不同字体的协调是越来越多网页设计师试图做的事情。为了视觉设计，有时需要匹配足够强烈对比的字体。

随着新的Web字体技术的出现，Web字体的兼容性和可能性变得更加强大。彩色字体甚至存在个性化和定制。非seriflin字体统治下的时代即将过去。

手机网站建设的四大注意事项

900c@163.com (西安玖佰网络) — Wed, 25 Jul 2018 09:06:33 +0800

　　手机网站作为时下越来越流行的一种方式，逐渐受到年轻人和部分企业负责人的喜爱。但制作手机网站一定要注意几点，否则容易造成网站不易打开等问题，影响网站的正常使用效果。

　　手机网站建设注意事项一：确定建设目的。手机网站在制作前，应先确定好网站建设的目的，是自己娱乐还是宣传产品或者宣传企业形象还是促进企业商机，只有确定好网站建设的目的才能设计手机网站的风格等细节。

　　手机网站建设注意事项二：提前做好网站访客情况调查。制作手机网站手机网站建设注意事项，最重要的就是满足手机族群的需求，而手机族群所使用的不同装备，或多或少的会影响网站设计。因此，在建设手机网站前，一定要提前做好访客情况的调查，这对于建设手机网站会有十分有利的帮助。

　　手机网站建设注意事项三：手机网站有视觉冲击。有些人在制作手机网站时，手机网站建设注意事项往往会考虑到容易打开等因素，将网站设计的比较简单，这样很容易造成手机页面比较单调，内容枯燥，引不起人们阅读兴趣，往往造成手机网站访客少的情况。

　　手机网站建设注意事项四：回馈式的网页设计。回馈式的网页设计曾有段时间被应用的过于广泛，该形式因能够根据要求进行调整，可达到最佳效能表现的优势被受手机网站制作这的喜爱，但需要提醒的是，手机网站的制作切莫单一化，以免影响手机网站的效果。

中小企业建网站常见问题分析

900c@163.com (西安玖佰网络) — Wed, 25 Jul 2018 09:03:55 +0800

中小企业在建网站时通常存在着引擎优化意识差、网站更新内容不足、品牌营销意识差的缺点，那么，如何解决这些问题呢？

首先，中小企业应建立搜索引擎的优化意识，这是提高网站推广能力的重要手段。由于搜索引擎曾经在一段时间内被忽略，这也使得中小企业的此类意识消失。中小企业应及时的对本网站的搜索引擎进行优化，并做出诊断措施，必要时可以进行改版。如果失去了此方面的排名优势，那网站还需要耗费更多的精力来进行推广。

织梦58网

其次，要及时对网站的内容进行更新。虽然网站更新已不是什么新鲜的话题，对于用户而言也没有太大的吸引力，但也需要企业网站能够做到及时、定期。如果中小企业网站不及时更新，那就不会受到搜索引擎的青睐，久而久之就会被搜索引擎所遗忘。

最后，中小企业不要忽视对网站可信度的建设，而可信度的指标所涉及到的也是多方面的内容，如导航的方面性、用户体验等。只有可信度提高了，网站在搜索引擎中的可信度才会提升。

西安做网站建设前的准备工作总结

900c@163.com (西安玖佰网络) — Fri, 29 Jun 2018 09:37:37 +0800

网站设是近几年兴起的一种推销商品的方式，并且这种方式取得了非常好的结果。现在有很多企业都建设属于自己的网站，这样就可以树立企业的品牌，并且还可以进行更好的销售工作。但西安做网站建设并没有想象中那么简单，在正式进行网站建设之前你必须要了解一下相关的知识。

第一、收集资料

这是第一步，在正式建设网站之前要进行资料的收集工作，这样可以避免在建设的过程中出现资料不全的现象，并且还可以为网站建设节省更多的时间。

第二、规划设计

做任何事都必须要有计划，这样才会有一个好的结果，所以在网站建设之前要有一个详细的规划，这样可以知道要做什么，并且还可以避免在建设过程中出现手忙脚乱的情况，那么都需要做哪些规划呢？

1、标志的设计。首先就是要为网站确定一个标志，记住这个标志一定要能够突出网站的主题，如果有能力，最好可以有新意。

2、网站的主题。网站的主题是最重要的，因为主题关系到网站的各项工作，如果网站没有一个明确的主题，那么这个网站就是一盘散沙。

3、网站的功能。不同的网站有不同的功能，可以根据网站的性质和网站的主题来确定功能。

第三、网站优化

网站优化和网站建设一样重要，没有经过优化的网站是不可能被接受的，所以要做好网站的优化。优化的内容有很多，包括关键字的优化，栏目页的优化，导航的优化，网页的优化等等。

第四、资金预算

做网站是需要花钱的，所以一定要做好资金预算，对一些可能发生的情况也要做好预算。如果企业的资金情况不允许，那么可以适当的减少一些网站建设的步骤，但是高质量是必然要求。

网站建设是一项需要耐心的工作，所以建设者一定要有十足的耐心，并且尽量准备好充足的资金，毕竟主机服务器之类东西的价格都是比较贵的，既然想要建设网站就一定要保证质量。

关于网站制作结束后需要做的工作总结

900c@163.com (西安玖佰网络) — Fri, 29 Jun 2018 09:34:43 +0800

当你完成一个网站设计的时候你是开心的，因为你的设计作品被客户认同了。可是在设计完成后你需要整理它，把你的成果放到该放的地方，方便以后修改时能更快捷，方便其他人修改时简单明了。下面有5个整理技巧，希望对你有所帮助。

1、清理你的图层

如果你在任何图形应用程序中做了大量的设计工作，无论是草图、Photoshop、Affinity Designer还是一些随机的线框图应用，你都希望确保这些东西易于理解。当你快速迭代时，很容易得到一长串没有名称的层列表，或者由于你认为以前的方法看起来不太正确而被隐藏起来。确保每个层都被命名，并且没有不需要的层或元素。将对象组织成组、层组和文件夹。

2、清理你的代码

当你进行迭代和实验时，HTML、CSS和JavaScript也可以很快地加起来。也许你最后从一个不需要的元素中保留了一些HTML。也许你为那个元素写了样式，却忘了把它们放在里面。当你不注意的时候，随机的类名肯定会堆积起来。

仔细检查一下代码，以确保不会在其中留下任何无关的内容。如果你有很多CSS可以通过，你可以尝试一个像JitBit这样的工具来帮助你找到你没有使用的CSS。

3、清理你的文件

获取选择的文件管理器并进行排序。也许你下载了一个像Bootstrap这样的框架，或者像jQuery这样的库，然后才意识到你不需要它们来完成这个项目。也许你做了一些实验的文件，但是那些实验已经结束了。

坦率地说，文件管理是我一直推迟到以后的任务之一，因为它很烦人，但即便如此，它也需要完成。你必须删除那些多余的文件，在服务器上放置未使用的文件是一种糟糕的做法，当你或多或少忘记了如何将所有东西组合在一起时，你不希望尝试猜测在三年内哪些文件实际上是重要的。

4、考虑你的存储选项

在存储过去的工作时，硬盘上有一堆随机命名的文件夹并不能解决问题，你需要一个系统。至少，你可以从将完成的项目与当前的项目分开开始。然后，开始寻找备份文件的方法。无论你是使用本地外部驱动器还是第三方服务，一个好的备份解决方案都可以防止丢失，并在需要时释放本地驱动器上的一些空间。

这一点特别重要，因为客户端总是丢失文件。有时他们会雇佣别人来改变事情，他们会把事情搞砸。有时数据在服务器崩溃中丢失。在紧要关头拯救客户网站的人是与客户保持良好关系的好方法。

5、文档

现在我们进入“收拾你的东西102”。除非你的项目是人类已知的最简单的HTML/CSS模板，否则它可以帮助你写下一些事情：

由客户端定义的项目的原始目标

你做设计决策的原因

你使用了哪些CSS技巧

代码的哪些部分看起来是有效的，只要你不敢碰它们

你使用了哪些库和框架，以及它们的版本号

也可以将客户给你的任何资源包括在内，比如风格指南、情绪板和他们提供的任何内容。你永远不知道什么时候你需要回去查阅这些资料，把所有的资料放在一个地方会让你更容易重新开始一个旧的项目。

最后

不要低估你的能力，忘记哪个文件包含最新的设计，或者为什么CSS样式会覆盖另一个样式。一旦你开始下一个项目，所有这些精神组织就会消失。