空间网页设计

1、qq空间与网页设计

java+asp+http

2、怎么制作QQ空间网页

个人设置在“添加图片——图片地址”下面，“验证码”上面，“有一个“更多设置”

做好第三步后，图片会出现，这时，拉动图片边框，使他显示出来，再点“自定义”第二项“模块管理”，会出现一个“网页对话框”，“互动”前的模块会有√，把“互动”以上的模块前面的√全部去掉，这样，“日志”、“留言”、“个人形象”或“收藏”就显示在大图模块的上面了。

然后点“自定义”最下面的“保存”，就可以了。

“互动”“自定义”第二项“模块管理”中

3、网页设计师|免费空间|虚拟主机|空间100M

香港免费备案主机或主机都可以买到，再加上便宜，100M以上，淘宝，你可以买到东吴互联网可以按季支付

4、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

(4)空间网页设计扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

5、什么是网页设计？

网页设计，又称web界面设计，是企业将产品、服务、理念、文化等信息传递给访问者的一种形式，和我们通常所见的平面设计是有一些不同之处的，最为主要的就是利用文字和图片之间的组合，从而达到很好的和谐与美的布局设计。
网页设计中需要达到的一个要求就是需要体现不同页面之间的联系，正确处理网页之间、网页的顺序和内容、网页内部和区域之间的关系。为了可以使得最终的效果得到良好的呈现，在布局的时候需要特别的注意是否合理和谐，美化视觉的合理性，让参观者有一个流畅的视觉体验

6、网站独立网页需要多大空间？

一般100M就够了。

7、如何自己制作网站空间呢

在网上多看看别人的网站，下载下来自己研究研究，然后在网上学习dw和ps两种软件，就可以做成自己的网站了，其实并不难的，我刚建了一个我的个人网站 www.kxgw8.cn 可以参考下，也可以跟我一起研究~~欢迎喜欢网站制作的朋友~~

8、网页设计中是否有空间

前言

由于屏幕是有限的，因此网页设计也是有限的。可以这么说，在屏幕这个小小的盒子中，每个像素都是一块不动产。

就算是菜鸟，也懂得一个页面不能加载过多的内容，但涉及到究竟应该规划多少留白，包括经验老道的设计师或许也很茫然。

留白，另一说为“负空间”，这两个词常常互换使用。它们共同所指的都是屏幕中出现的元素之间的一种关系。所谓留白不一定是要白色，或黑色。就算是图案、色彩或纹理背景都可以被称为留白。负空间是在内容外创造一个空白的环境，好让观者将注意力更加集中于内容。

这篇文章中，我们将讨论，怎样运用设计师的锦囊妙招中的超强致胜工具：留白。

留白的原因

就像已经被大家所讨论过的，负空间一开始是作为审美而不可或缺的一部分。

在网页设计中，在哪里留白显得更加重要。可以这么说，它决不仅仅处于视觉审美的需要，它得肩负更重要的角色，即在视觉审美与引导用户之间达成完美平衡。而且，如果现在有一段文字，留白还需在此基础上让文字清晰，创造具有可读性的环境。

总的来说，留白直接的影响如下。

1、眼球扫描

在网页中，两块较大内容元素之间的空间（在此称大空间），这类留白能吸引并引导用户的眼球扫描页面的方式。当运用得当，就能引导用户的视线去注意那些你想突显的元素。这在品牌标识展示或增加用户交互行为的时候最为有效。

2、清晰度

在两个较小的内容元素之间的空间（在此称小空间）诸如一个文字，或一行文字，列表，图标等，恰当的留白也能让这些元素更加易于辨认。

3、视觉审美

当你看到一张大图片，留白在视觉审美中发挥了很大的作用。举例来说，如果内容乱七八糟绝不会是一张好看的图片。

4、高品位

丰富的留白将为你的页面灌注一种精致优雅的氛围。

为了更好的理解和运用它，我们将要梳理不同类型的留白（大空间和小空间），以及运用它们的不同的方法（被动和主动）。

大空间和小空间

网页设计中，在哪里运用以及怎样运用负空间将取决于它们的角色。简言之，我们把这些角色大致分为大元素和小元素。

1、大元素的留白

大元素的留白是涉及到两个大型元素之间的留白。主要运用于：

总体内容

独立的不同元素

文本分列

Margin

Padding

图片之间的距离

译者注：这里的Margin和Padding指的是网页设计中元素标签外部范围的区域。参考下图可以帮助理解。

这类型的留白空间很大程度影响用户的视觉流，不管是潜在引导或者强势推动都可以让注意力引导到你想要他们停留的地方。但在此要强调的一个法则即是距离越大动力越强。想要打破平衡，然而，由于太多的留白违反了格式塔原则，其结果就是消弱了对象间的关系。

让我们看看下面这个网站，以此作为例子来说明留白是如何诱发用户交互行为。

Tomasz Wysocki's

大多数用户首先都会注意到页面标题，也就是“Digital art&Experiments”这句话，而在它外围的则是大面积的留白，这样就使得用户的注意力完全集中于此。

尽管页面的顶部和底部只有一侧留白，但它们也同样可以引起注意。总而言之，在此，留白的区域很好发挥了吸引注意力的作用，而设计也就似乎看上去不可思议的简洁起来。

设计师实际上是采用留白区域作为一个空白幕布，以便给观众留下惊喜，好让我们可以看到他的作品的丰富细节。一旦鼠标移动到底部导航的任一栏目时，幕布上就会出现作品的图片作为背景全屏展示。这种效果创造出类似年幼时的一种探索和发现的乐趣：无意间闯入一片空白的场所，发现了每个抽屉都藏匿着丰富多彩的视觉盛宴。

你可以试试鼠标滑过时屏幕上发生的戏剧性效果。

通过留白区域作为工具来诱导用户注意到他的作品，设计师创造出了一种新鲜奇特的体验。在第一个作品出现后，我们就很想看看他还有哪些佳作。这感觉蛮吸引的，因为你将会抑制不住地想要找到最为重要的内容。但这都要建立在一个完美的点燃你好奇的切入点基础上。

2、小元素的留白

另一方面来说，当设计师们谈到小元素留白，他们通常是指的较小的元素或是较大元素中的次级元素的留白。他们包括：

字体

行距

段落

列表

按钮

图标

小元素的留白最多被用在强调网站整体的清晰度上面，尤其是在排版的清晰度上。当你试图利用文字间的留白打破平衡，保持清晰易读的同时又能不至于太过而让它偏离了重要的内容。我在这里，仅仅是一个提议，建议将英文行距设置为1.5px最为完美。（译者按：这里的作者没有考虑中文字体的行距）

就像格式塔规律中谈到的，让距离较近的元素视觉上更为接近，这将暗示它们具有相同的功能。小元素的留白将会让用户知道按钮与链接之间的关系，而同样的留白将强化这种机制，这在用户使用过程中进一步增强认知度。

尽管留白被分为了大元素和小元素两种类型，每一种类型也有主动与被动两种用法。

被动留白与主动留白

留白的应用其实都是取决于内容。

就像此前谈到的，留白越多，内容的吸引力就越强。但是，你不会想要页面的每个元素都具有最大吸引力，更别提有限的屏幕空间了。

那就让我们看看被动和主动的留白是如何帮助负空间达到视觉平衡的。

1、被动空间

我们把被动的留白视为空的最小化。

没有足够的留白，一个网站将会变得无法阅读而失去方向，所有的精力都被用于对抗视觉的混乱。被动的留白就是用空白区域去试着让网站易于理解。

请看上面的例子，导航里的每个链接间的距离，再看看下面这行文字，行距，字间距等。你能看出什么不同寻常的吗？……答案是你一定找不出。没错！这些空间和距离都是如此微不足道，根本不会引起你的注意。这就是所谓的被动留白。

对于大元素的留白，被动空间意味着足够多的border和margin的空间去强调元素之间的不同，避免混淆。举例来说，就像导航和注册都在网页顶部，但彼此间间隔了一定的距离。

对于小元素的留白，被动空间就包括了字符，文字，段落的最大可读性，以及当出现列表或下拉框菜单时，每行文字或每个选项间的独立性。

被动空间的应用应该是自然而然的。实际上，被动留白的主要目的甚至可以说就是不被注意。当你试着营造一块被动空间，那么你要让它看起来不那么引人注意，就简简单单的视之正常为最佳。

当安置好所有的被动空间，接下来才涉及到主动的部分。

2、主动空间

werkstatt

在上面的这个网页中页面里有好几个元素：菜单栏按钮、下拉箭头、下拉提示等，然而，屏幕中占据主导地位的是中间的黑色文字，这让其他的元素都放在了周围，设计师放大了中间的留白区域，然后把最重要的信息放在这里，让用户的注意力完全集中于此。

同时，减少两行元素间的距离，这一过程也许可称得上是一种“隐藏”的方式。就像你常常在网站上见到的法律申明和版权信息一样。请看如下的例子，“FiberSensing is an HBM Brand”的展示效果很容易让人忽略。

大元素的留白通常是用于创造首要的注意力，或是将一堆重要信息分散开来。

然而，有时候小元素的留白也可以采用主动的方式，有的设计师就使用主动的空间将重要的引言或者段落等形成一段文字独立出来而吸引注意。这的确是一个强调重点内容的好办法。

极简主义

留白越多，也可以说你的页面就越趋向极简风格，你通过删减很多元素来避免凌乱。

极简风格是一种设计的哲学，可以说它不好但也不坏。它祛除了所有能带给用户视觉干扰的杂碎，而让用户关注到你所展示的重要内容。没有了噪音，剩下的精华内容就呈现在一片优雅的留白中。

极简风格在两个方面影响你的网站：现存的元素数量，高品位的氛围。

1、元素数量

你的页面存在的元素越少，那么页面剩下的元素就显得越重要。

如果页面只有一个元素，即使它蜷缩在角落里，仍然是你的用户关注的焦点。如果你的页面有成千上万的小元素，你的用户也许会随机地寻找他们的兴趣点，或者由于选择太多而放弃。

这样一种相关性，让我们深知，在你的设计中要增加留白，最简单的方式就是减少页面元素数量。但我们知道说起来容易做起来难。极简主义可以说适用于任何网站，你绝不会想要把用户不需要的也填充到网页上。然而，作为视觉审美来说，极简风未必适合所有的网站，尤其是对于内容丰富的网站来说，就不会愿意这样光秃秃的一览无余的画面。

当提到极简主义，请大家记得，我们不是仅仅在谈论审美方面，它也不是我们的目标。恰如其分达到极简风格的水平是去精简页面元素，直到不能使用。这需要在用户中进行大量测试，然后在你减少的最多时停止。

voghi

就像上面的例子中，整个页面只有两个可点击元素：菜单栏图标和下拉箭头。信息已经被极简化处理放在了屏幕右侧。元素少之又少，因而用户注意力就放在了中间的那张极富感染力的图片上，同时视线也会引导至下拉箭头。

你怎样去平衡元素的重要性完全由自己决定。有些页面就只设置一个可点击的链接，这样确保了用户去到设计师想要他们去的地方。而有的页面给了多个下拉选项供用户选择。你可以考虑去掉标语，突出内容，简化导航，当然这全取决于你的品牌和产品。

2、高品位的氛围

极简风现在变成了高品位的同义词，它能魔法般地营造出一种精细、时尚和优雅的氛围。时尚行业的网站在数字设计方面都是倾向极简的，但是对于一些零售行业的企业来说，还很少看到有类似的设计。

高品位的氛围是与留白有着直接的联系的：

重度留白：可以见到一些奢华、高端的品牌中使用。 中度留白：比较平衡但仍是有品质的。 低度留白：可见于一些廉价的、质低的、凌乱的展示效果中

amazon

你可以用亚马逊的网站和刚刚上面那个网站进行对比，亚马逊的网站内容凌乱而导航的选项繁多。两个网站都出售了高端的时尚产品，但典型时尚客户会更喜欢哪一个呢？而那些理性的喜欢追逐价廉物美的购物者又喜欢哪一种？

这些是应用在大元素和小元素的留白空间，但同样重要的是网站使用的图片。浏览那些时尚网站所用的图片，你会发现比其他普通网站使用的图片更具有艺术感。

总之，你还是需要从了解自己的客户需求开始。研究你的用户，他们的特点，然后再考虑用多少留白来展示自己的信息，让用户体验最优化。

总结

作为一种视觉艺术，设计不能忽略最重要的视觉艺术基本原则。它需要满足审美的同时也要创造出更为长远的实际价值，比如更多的互动，更人性化的交互。

对于入门的设计师来说，做网页设计只是增加一个页面的可操作元素。但是对于高级设计师，做网页设计是如何巧妙的使用留白去引导用户进行交互。

9、网页设计

怎样设计网页

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了……

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。
其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。
首先，我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。
第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。
我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。
但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。
通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。
★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：
1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）
3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。
4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）
5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）
6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）
7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。
4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下：

（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；
（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；
（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；
（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
（5）静态网页的交互性交叉，在功能方面有较大的限制。

网页制作软件的选择
u 选择一个适合自己的网页编辑工具
了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。

Frontpage

Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。

但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。

常见的版本为 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。

Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。

常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。

firework

firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。

Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。

u 制作主页

制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。

u 申请的主页空间，把你制作的主页传上去

我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。

常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。

可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。