你的网站会是什么样子？

你的网站会是什么样子？讨论在编写代码之前您必须为您的网站做的规划和设计工作，包括“我的网站提供什么信息？”、“我想要什么字体和颜色？”和“我的网站是做什么的？”

第一件事：计划
在做任何事情之前，你需要一些想法。你的网站应该做些什么？一个网站基本上可以做任何事情，但是，对于你的第一次尝试，你应该保持简单。我们将从创建一个带有标题、图像和几个段落的简单网页开始。

首先，您需要回答以下问题：

你的网站是关于什么的？你喜欢狗，纽约，还是帕克曼？
你提出了什么关于这个问题的信息？写一个标题和几个段落，想想你想在页面上显示的图片。
你的网站是什么样子的，简单的高级术语？背景颜色是什么？什么样的字体是合适的：正式的，卡通的，大胆的，响亮的，微妙的？
注：复杂的项目需要详细的指导方针，包括颜色、字体、页面项目之间的间距、适当的写作风格等等。这有时称为设计指南、设计系统或品牌手册，您可以在火狐光子设计系统.

勾勒出你的设计
接下来，抓起笔和纸，大致勾勒出你想让你的网站看上去的样子。对于你的第一个简单的网页，没有什么可以勾画出来，但你应该养成现在这样做的习惯。这真的很有帮助-你不必是梵高！

注即使在真实的、复杂的网站上，设计团队通常从纸上的粗略草图开始，然后使用图形编辑器或网络技术构建数字模型。

Web团队通常包括一个平面设计师和一个用户体验(UX)设计师。平面设计师把网站的视觉效果组合在一起。UX设计者在解决用户将如何体验和与网站互动方面有一个更抽象的角色。

选择你的资产
此时，开始整理最终将出现在网页上的内容是很好的。

文本
你仍然应该有你的段落和标题从早些时候。把这些放在旁边。

主题色彩
若要选择颜色，请转到选色器找一种你喜欢的颜色。当你点击一个颜色，你会看到一个奇怪的六个字符的代码，如#660066。这就是所谓的十六进制码(十六进制的缩写)，代表你的颜色。把代码复制到安全的地方。

影象
若要选择图像，请转到谷歌图片寻找合适的东西。

当您找到您想要的图像时，单击该图像以获得它的放大视图。
右击图像(ctrl+单击mac)，选择把图像保存为.。选择一个安全的地方来保存你的形象。或者，从浏览器的地址栏中复制图像的Web地址，供以后使用。

请注意，网络上的大多数图片，包括谷歌图片，都是受版权保护的。为了减少侵犯版权的可能性，你可以使用谷歌的许可过滤器。单击工具按钮，然后对生成的使用权下面显示的选项。您应该选择一个选项，例如标有可重用性.

字型
若要选择字体：

去谷歌字体然后向下滚动直到你找到一个你喜欢的。您还可以使用右侧的控件进一步过滤结果。
点击你想要的字体旁边的“加号”图标。
点击“家庭选择” 按钮在页面底部的面板(“”取决于您选择了多少字体)。
在弹出框中，您可以看到并复制Google提供给您的代码行到文本编辑器中以供以后使用。