掌握网站建设切割表规范

需要掌握哪些技能 有很多人写网页，但不是每个人都是一个优秀的前端工程师。要成为一名优秀的前端工程师，您必须优化网站的用户体验，包括Web设计和实现。

作为UI设计人员，当您完成草稿并开发对接时，您需要标记设计草稿并剪切地图，并将标签剪切文件提供给开发。这是犯错误的时候。你怎么削减尺寸？

网页剪切如何工作？什么是专业的网站图表规范？

在网站建设制作中，我们经常听到最终稿，我们会剪切地图，然后切割的工作是什么，让我们的专业前端工程师告诉你。

切割图是网站生产过程中的术语。这是前端工程师必备的基本技能。切割表是将设计文档转换为HTML的过程。

在网站建设制作过程中，网页剪切是指将精心设计的PSD文档转换为html的工作。使用DIV + CSS以网页的形式表达设计文档，网页的切入点指的是设计。根据布局要求，Photoshop的切片工具将文档中的图片与文档分开，静态页面使用DIV + CSS创建。

规范1，文件规范。

1，将html，css，js，images存档到系统开发目录。

2. Html文件以英文名称命名，后缀为.htm。同时，相应的接口放在同一目录中。如果名称是中文，则需要将同一文件重命名为htm。用于后端添加和功能查找。

3，CSS，js命名也是如此。

如何命名id和class？

这个名字可以根据你的喜好命名，所以有些人会使用英文，拼音或几个字母。虽然可以这么说，但是会让你和其他人在后期修改网站。找到一个标签非常麻烦。我的个人名字是基于级别的。这是一个例子：

例如，头部我使用了名称头部，然后头部可以分为两部分：存储徽标并存储导航栏。我将使用head_1和head_2来表示这两个部分，然后存储徽标的部分可以分为左侧和右侧。徽标面是广告或搜索栏。我将其命名为：head_1_left和head_1_right。这种css代码有时我们不需要转向html页面进行修改，直接根据样式的名称可以看出。

其次，合理使用标签有助于网站包含和SEO优化

我们来举个例子吧。有时在新闻内容部分的html中，很多人会直接在div的中间写文本，然后控制这个div的样式：＆lt; div＆gt;新闻内容＆lt;/div＆gt;虽然这是完全可以实现的，但在搜索引擎眼中，这不是文本内容而是代码，因此我们记得在编写时使用p标记，因为应该编写上述新闻内容。是：＆lt; div＆gt;＆lt; p＆gt;新闻内容＆lt;/p＆gt;＆lt;/div＆gt;一方面，当我们合理地使用标签时，我们可以感觉到您正在用心去做这个网页的布局。更重要的是使这个网站以后的优化更有效。让我们总结一下你想要添加的标签：

H1：网页的主题，只有一个可以出现在页面中。权重仅次于网站标题，因此请尝试将网站建设的主关键字放入其中。如果关键字包在像本文标题这样的句子中，我们可以按如下方式编写：

＆lt; p＆gt;谈论彭健本人到＆lt;/p＆gt;

＆lt; h1＆gt;网页布局＆lt;/h1＆gt;

＆lt; p＆gt;＆lt;/p＆gt;时需要注意的一些事项。

H2-h3：在网页中使用h3就足够了。 h4-h6将不再使用。这两个标签需要合理排列，h2表示页面中的列，h3表示此列中的子节或文章。

p：p标签是段落标签，我们也可以说它是内容标签。此标记内的内容是真实内容。

Alt：搜索引擎不看图片。我们必须向他解释图片代表什么，所以我们要注意向每张图片解释一下。

标题：此标记用于标记，很少被人使用。但是我们必须考虑到搜索引擎的优化，所以我们必须注意搜索引擎的简单而准确的描述，例如，文章的标题是“当彭健自己排版时要注意的事项” 网站”。然后我们的代码应该写成

＆lt; a title=“网页布局注意事项”href=“'＆gt;谈论彭健在网站建设排版＆lt;/a＆gt;时应注意的一些事情。

用最准确和简短的描述写下标题的含义。

Nane：很少有人注意到这个标签。这个名称标签可以说是一个直接与搜索引擎对话的标签。他也用在一个，他告诉搜索引擎这个超链接里面是什么。就像上面的标题我们可以写：

＆lt; a name=“网页布局注意事项”title=“网页布局注意事项”href=“'＆gt;谈谈彭健在编写网站＆lt;/a＆gt;时应注意的一些事项。

强：这是一个重要的标签。这看起来与b标签相同。许多在不知道代码的情况下做seo的人都知道每篇文章都必须加粗重要的关键字，但他们总是认为这个粗体是b标签。事实上，这个大胆是一个强大的标签。我们可以将这个标签添加到我们网页的重要关键词中，然后像普通词一样在css中设置它，它不会影响正常浏览，但实际上他已经优化了。

上面的一些摘要是作者自己对页面布局的逐步总结。当我们成为一名网络前端工程师时，您可以简单地理解代码，但是当我们想成为一名使用网站建设的前端工程师时，我们还必须考虑到程序员看到您排版的感觉。并且网站对搜索引擎优化很困难。