web设计入门-初步设想网站的样子

初步设想网站的样子？

你的网站看起来会是什么样子？ *会说明你该为网站做的规划与设计，决定自己的「网站该提供哪些资讯？」、「该使用哪些字型与色彩？」，以及「网站又该达到哪些目的？」

首要：规划

做任何事之前都需要一些想法。你的网站要达到哪种目的？任何1 个网站均具备基本作用，但首先你应该保持简单。我们要先写出包含了标题、图像，以及数段文字的简单网页。

开始之前，请你先回答下列问题：

1. **你网站的主题为何？ **你喜欢猫猫狗狗？想写城市游记？或你爱打电动呢？
2. **你对某个主题所提供的资讯到哪种程度？ **写个标题加上几段文字，或是在网页上加个图片。
3. 简单的问：**你网站的外观为何？ **背景颜色？哪种字型比较合适？一般字型？卡通化的字型？又粗又大的字体？还是要纤细淡化的文字呢？

从头设计

接着就是拿纸笔，概略画出你理想的网站外观。对自己的第一个简易网页，不需考量太多要素或画得太仔细，应该先养成这个勾勒草图的习惯。不是要你变成梵谷或毕卡索，但对你以后绝对有帮助！

即便是实际的复杂网站，设计团队也都会先在纸上勾勒草图，再接着透过图档编辑器或Web 技术弄出数位版的草稿。

选择网页风格

现在开始组合你想在网页上呈现的内容。

文章

你应该已经准备好了一些文章并分好段落。

主题色彩

可透过选色工具找到你喜欢的颜色。当你点击其中一种颜色，就会看到如下图「#660066」的6 位数字，此即代表该颜色的十六进位(Hexadecimal) 色码。请另外找个地方记录此色码。

图片

可透过百度的图片搜寻找到适合的图片。

1.找到你想要的图片时，点选该图片。

2.按下「查看图片」按钮。

3.接着在图片上点击滑鼠右键(Mac 则是Ctrl + click)，选择「将图片另存新档...」，将图片储存到你熟悉的位置。或是可复制浏览器网址列中的网址，以待往后使用。

字型

选用自己喜欢的字型：

1.到百度上卷动清单，直找到你喜欢的字型。你也可以使用左边的控制功能先行筛选。

2.点击你想要的字型旁边「Add to collection」按钮。

3.点击页面底端的「使用(Use)」按钮。

4.进入下一页，卷动到区块3 与区块4，将Google 显示的程式码复制到你的文字编辑器中，储存以待稍后利用。