CSS文件先控制？还是先写好HTML文件再进行CSS控制？网上的答案各不相同：先写HTML后写CSS；先写CSS后写HTML；两者同时写。那么标准的准则是先写HTML打好基础，然后再写CSS进行表现的控制！

如果你编写代码，有人说先写HTML，写完后HTML就无法修改，对于初学者，多数情况下还是建议同时编写，具体步骤如下：

一、先要建好站点和目录，我们需要建好文件夹CSS和IMAGES,要知道这两个是最其本的，然后再新建一个HTML文件和一个style.css空的样式表，将HTML页与这个外部样式表相链接。

平时，我们在打开一个网页的时候，首先呈现在我们面前的便是网页布局，只有好的布局才可以让我们继续浏览下去，所以我们应该多多了解网页布局的一些分类。

1、封面型:此种类型一般出现在网站的主页上面，由一些精美的图片和一些小动画组成的，放上几个简单的链接，这种类型大多数出现在企业和个人网站上，处理的得当，给人以赏心悦目的感觉。

2、变化型:这种类型是很多类型的结合与变化，它是一种复合型的分类。

3、拐角型:拐角型一般上面是横幅标题，接下来的左侧是一部分链接，这部分比较窄，右列显示的很宽，是正文的部分。这种类型大部分是上面是标题及广告，左边是一部分链接，或者滚动的信息。

由于科技的发展，用来设计网页的工具越来越多，学习网站设计业变得轻松简单了很多。对于初学者来说，他们经过短暂的学习也可以建设属于自己的网站。但是他们也会发现，自己在建设网站的时候思绪会比较乱，不知道一切该从何下手。对此我认为，网站设计是具有一定的步骤和技巧的，那么按怎样的步骤才能让网站设计者设计出自己满意的网页呢？

我认为，网站设计者在设计自己的网页之前，首先得确定网站的主题。一个网站一定要有明确的主题，网站设计者在设计之前一定要明确自己建设这个网站要包含什么内容。对于个人网站来说，由于能力、精力、物力的限制，我们不可能把网站的内容弄得特别全面，所以要想给用户留下更加深刻的印象，那就应该先确定自己网站的主题，然后把这个主题做深、做透，并且要做出自己的特色。

网站设计师非常清楚，在网页制作之前应该进行一系列的准备工作，比如准备素材、确定主题等等。那么在网页制作期间，以及网页制作完成以后，又有些什么需要注意的问题呢？对于这个问题我有以下的一些看法，仅供网站设计者进行参考。
在做好网页制作前所必须的一些准备之后，网站设计者就可以开始着手制作自己的网站了，这一点是无可置疑的。虽然说在学习网站制作时所要学习的知识点不多，但这却也是一个非常复杂，需要网站设计者们非常细心地去完成的一项工作。在设计时要根据网站制作前既定的网站的规划一步一步把各种内容添加进去。对此我的建议是由大到小，先把大致的框架给制作出来，然后再细心地填补，耐心地修改。在网页制作过程中还应该学会灵活的运用模板，因为这些既定的模板可以大幅度地提高制作的效率。

一下是我自己在工作中总结的一些关于网页制作时的技巧，希望对大家有所帮助。
第一，网站设计者应该学会巧妙地运用表格的定位功能。表格可以帮助我们自由地控制文本以及图像在网页上出现时的位置，可以让整个网页看上去更加紧凑更加统一。所以我们应该充分利用表格的这个定位功能，将所有的文字和图片按照一定的顺序进行准确而合理的编排和布局。至于表格的框度，最好是选用绝对定位的方法，而不是采用百分比，因为绝对定位可以让网页在不同的显示分辨率下显示的效果都相同。目前，网站设计者最好是把页面设定在广大浏览者都使用的800×600的分辨率下，如有特殊，也应该做适当的说明。但是表格内容的下载是比较耗时的，这也就会使得浏览者产生不耐烦的心情。在面对这种现象的时候，一些优秀的网站设计者还是采用表格来定位，不过他们在设计的时候大多是一行一行的来设计的，并且表格里也存有表格嵌套，只不过他们在使用表格进行网页元素布局的时候，会尽可能的去避免使用整个表格的情形。

在我们进行网页设计的时候，偶尔会碰到一些特殊的需求，对于这些需求，如果我们不知道方法的话，就有可能因此而困扰半天。但是事实上，要想实现这些需求是十分简单的，下面我将简单地介绍网页编辑常用的一些特殊方法。

在进行网页文本的编排时，我们也许会遇到只想让其中的一行字符居中，但是在设计让这一行字符居中时，其它行的字符也跟着居中的问题。其实，这个现象发生的原因是在Dreamweaver MX中执行居中或居右操作的时候，计算机默认的区域是P、H1－H6、Div等的格式标识符，那么如果没有使用标识符把相应的语句隔开的话，整段文字就会被Dreamweaver MX给居中处理了。对于这个问题的解决方法就是，使用<P>……</P>将自己想要居中的那些文本与其它的文本隔开。

好多朋友想要接触网站设计这个行业，那么在入行之前我们需呀了解一下最基本的概念，一下是小编为大家总结的内容，希望对大家有所帮助。

一、超链接：我们在浏览网页的时候如果用鼠标点击超链接，它就会很快跳到所指定的位置。一个超链接可以是文字也可以是图片的形式，如果使用的是文字，则在超链接的文字是彩色的且带有下划线。

二、URL：URL就是所谓的统一资源定位器，用于指定各个网页在Internet上面的地址，因此又可以称之为网址。URL对于网页设计是相当重要的。

三、网页：网页是网站的主要组成部分，网页里面有文字、图片、多媒体信息等，网站设计者可以将不同的信息进行归类整理。网页是一个单一体，作为网站的一个元素。

合理的布局可以容纳更多的信息量，也可以突出重点。所以在网站设计中网页布局是整个页面效果的决定因素。就好像是大楼的基石，没有好的 基石就不会有坚固的楼房一样。所以我们就来看看网站设计的网页布局技巧是什么吧。

网站设计的专业人士说，网页的的整体布局是网页的底层建筑，也是网页设计师的经验丰富的体现。先说网站建设的首页吧，首页上面要留出广告的位置，但是千万不要太多不然会让主题分散。一般设置一个顶部的广告就可以了，或者放到网页中间的位置，但是最好不要超过3个位置，理由就是分散的主题在客户浏览的时候会很介意，心里会嘀咕那么多的广告是不是会带有病毒，是不是“垃圾”等等，很多的负面的感觉会让客户不会在网页上面停留太久。所以在网页上面放广告任何位置放都有价值，问题是不能让客户的精力都被广告所影响，而是要留意到我们设计的网页上。

色彩的搭配在生活中在网页的设计中都是有很广泛的应用，所以很多网站设计的初学者想知道进行网页设计如何搭配色彩亮度?有哪些常用的色彩搭配技巧。下面我们就来看看专家给大家介绍的吧。

色彩搭配是网页设计的基础，合理的正确的使用色彩的亮度搭配网页可以让网页变得更加的生动、更有不凡的效果。一般的色彩的明度对比指的是色彩与色彩之间不同的明暗程度的差别而形成的对比，有彩色差的明度对比及非彩色差的明度对比这样的两种分类。其实非彩色差的明度对比就是让网页形成视觉效果优美的黑色、白色、灰色的效果，而有彩色差的明度对比就是要在视觉拉大色彩层次和空间，让色彩层次和空间的影响变大。例如大家都知道柠檬黄的明度是色彩中较高的，蓝紫色的明度是较低，我们可以将柠檬黄和蓝紫色参杂在一起来表现主题。当然也可以用属中明度的橙色和绿色，属中低明度的红色与蓝色来搭配。

有那种颜色更能让人激情燃烧?当然是红色了。因而在网站的设计中总是会看到红色的身影，那么网页设中红色系如何配色呢?如何让亮眼的红色在网页中独有魅力呢?我们一起来看看有多年的网站设计经验的专家来讲解吧。

网站设计中很少会看到单一的使用红色为主色调的网站。很多的时候红色被用于辅助色以达到陪衬的目的，或是用于点睛处让效果更醒目。而高亮度的红色与灰色、黑色等亮度不高的彩色搭配会给人即现代又饱含激情的感觉。所以更多的红色都用于突出表现的地方，因为鲜亮的红色极易的俘获了人们的目光。

正因为红色是火的颜色，于是就代表着能量和热情、忠诚和坚贞，革命和激情、牺牲和感召等等。而饱和度、亮度很高的红色就更给人温暖的、炙热的、热烈的、正义的、正直的、活泼的、勇敢的、喜庆的、幸福的等等一系列的美好的感觉。相对的饱和度、亮度不很高的红色如褐色，给人的感觉是深沉、固执、内敛的感觉。饱和度低，亮度高的粉色，经常用来象征圆满、健康、温和、愉快、甜蜜、优美、稚气等可爱的事物。