很多没做过网页设计的朋友，刚一开始，都要说，我要建网站，要建立一个个人网站，我应该怎么学？

我们这里要告诉大家，学习网页设计要从基础开始，不能跳着走，一开始，需要先学习HTM静态页面，然后在学习动态页面，以及数据库，不要刻意的在乎怎么去学，你就想这我要自己给自己做个个人网站，该做效果图的时候就用ps去做，从怎么画一个按钮开始，图做好了要切成网页吧？在学怎么用div和css去布局，从写一个<a>标记开始练起，网页布局完了还不够炫吧，在加写flash，js特效等等，前台都搞定了你要感兴趣在学学程序开发。我说了这么多就是想告诉你，不要学某个技术的时候先给自己画个大饼，往往你做的计划都得不到实施的，眼高手低是现在年轻人的通病，所以我觉得你得从每个小东东做起哦，一边学，一边做这样学到的东西很扎实的，希望对你有用。

一、样式与结构分离

尽量使用<link rel="stylesheet" href="style.css" type="text/css" />的形式导入外部样式表，而不是直接将样式写在标签上或写在head里。

二、语义化的html结构

1. 使用正确的标签
   例如你想表示标题，就应该使用heading(h1~h6)标签而不是span标签。
2. 正确命名class和id
   

三、不要使用Photoshop等软件的导出为html+图像功能

1. 首先你看不懂那坨代码
2. 其次表格布局已经out了
3. 最后它使用起来效率太低了

四、其他

1. <br/>标签只能用于p标签内。
2. 表格除了tr、td标签，或许你还知道th，但是还有thead、tbody、tfoot、caption。
3. 一个页面的标题标签通常只用到h4，如果你能用到h5甚至h6，那你的网页太复杂了！
4. 无论多少个连续的空格都被视为一个空格，打空格请用 
5. 除了ul无序列表，ol有序列表，还有dl定义列表。

五、请遵循W3C制定的网页标准

1. 每个标签都应该有开放标签和闭合标签
2. 空标签必须以在右尖括号前加“ /”
3. 所有标签内的属性都必须用引号""括起来
4. 所有标签及属性必须使用小写
5. 必须给img标签加上alt属性
6. 不要使用font、center等废弃的标签

错误：

<center>
    <font size="5">我是标题</font>
    <P>下面是一张<EM>图片</P>哦</EM>
    <img src=abc.jpg>
</center>

正确：

<div style="text-align:center">
    <h1>我是标题</h1>
    <p>下面是一张<em>图片</em>哦</p>
    <img src="abc.jpg" alt="这里写图片说明" />
</div>

六、如何开始学习网页制作、首先需要了解什么是HTML、CSS、W3C等

找份稍微复杂点的word文档，用HTML语言将它编写出来
不用考虑除标签外的一切因素
做这步是为了学习如何选择并使用正确的符合语义的标签

一、分析要建立的网站。主要是分析网站建立的内容，所需要的时间和对于网站的一些设想等等。这个阶段主要是一些文件工作，是最基础的环节；

二、制定目标。目标的制定要基于资金预算和预期达到的效果。目标过于宏伟则不切实际，过于保守则达不到预期效果。因此两者在开始一切工作之前都应该明确。

三、关键词和竞争对手分析。这个过程应该选取可实行的、转化最高的关键词，同时要分析竞争对手的关键词选择和目标客户的搜索偏好。这三者应该有机结合。转化率高的词可能用多个，但是不一定每个都做主推，目标客户的搜索偏好直到决定作用，同时规避明显强于自己的竞争对手；

四、制定SEO优化计划。关键词选好之后，立刻着手制定SEO计划，组建计划执行团队。制定报表机制，检控SEO成果。这些都应该在着手实施前有详细的预案；

五、网站优化。前期准备工作就绪，现在开始实战。这一步主要针对网站自身优化。优化所有元数据、优化网站代码、建立站点地图等，如果需要可进一步对版权信息进行优化。这一步有很多工作要做，无法一一列举。

六、拓展社交网络。社交网络深入每个人的生活，这是当今SEO优化技术和过去最大的不同。在新浪微博、人人网、Twitter、Facebook、微信等社交媒体上开通账号，注重品牌建立。同时，制作相关视频，对于企业来说眼见为实，视频图文并茂更有说服力。在社交网络上更被接受。

七、外链建设。这时候需要增加网站的外链了（如果你人手够多可以同时进行）。外链建设一定要遵守搜索引擎规则，对于一个有长远眼光的网站来说急功近利的做法不可取。外链建设有很多工作要做，本文不能一一列举。

八、跟踪效果。SEO优化实施之后跟踪效果是必要的，建立月报制度可以总结优化过程中的得失，把握方向。同时根据跟踪反馈修改在第四步中制定的相应计划

以上八步仅仅构建了一个新站SEO优化的构架，并没有涉及到任何技术，特别是像如果选词，如果建设外链都有大量技巧性的工作要做。