Dreamweaver制作网页经典问题 ★★★
1> 在DW中，如何输入一个空格呢？
输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。
DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了，方法是：打开中文输入法（以人工智能ABC为例），按Shift+Space切换到全角状态，现在应该没问题了。
此外，你还可以通过许多“变通”的方法达到录入空格的目的，比如常用的是：
直接在源代码中加入代表空格的HTML代码“ ”；输入一定长度的文字对象后，然后调整文字的颜色与当前的背景颜色相同等等，不过注意的是后者在一些浏览器中可能显示上有点问题。
2> 如何在浏览器地址栏前添加自定义的小图标？
你是不是记得有时在浏览网易网站的首页时，在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。
其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。
这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“＜head>＜/head>”之间添加如下代码：
＜Link Rel="SHORTCUT ICON" href="http://图片的地址（注意与刚才的目录对应）">
其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！
3> 为什么，我本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？
这应该是个很值得大家注意的问题，也就是说，在全屏状态下浏览网页内容时，一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时，问题就慢慢出现了。网页内容会把当前窗口作为显示范围，依次下挫。举个例子，和在记事本中有“自动换行”和“没换行”的差别是完全一样的。
解决这个问题，我们必须从网页的布局说起，一般情况下，网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。
你可能已经注意到了，在表格的高宽设定选择上提供了两种不同的类型，百分比和像素。其中百分比的使用将会产生前面说到的那个毛病，将其全部更正为Pixels单位的实际大小就可以了。
4> 如何改变网页显示时，最顶部的提示信息？
浏览网页时，顶部的提示信息往往代表了网页内容的关键所在，有助于访问者提前了解网页内容。在DW4前，没有在功能上直接提供该操作，我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。
直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。
5> 怎么样，才能为图片添加指定颜色的边框？
对于没有边框的图片而言，直接插入到网页中，在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。
不过在DW中就显得容易多了，因为这里有一个“Border”属性，可以让你直接设置边框的宽度。
宽度设好了，你一定会问，颜色呢？面板上并没有提供颜色的选择呀！呵呵，其实这里有一个技巧问题，用鼠标选择图片对象，注意不是点击选中，而是拖动选择。象设定文字颜色一样进行就可以了。
6> 如何添加图片及链接文字的提示信息？
在我们浏览网页时，当鼠标停留在图片对象或链接上时，在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。
下面先看看图片提示信息的添加，选中图片对象，在属性面板里你会发现有个“Alt”输入框。默认情况下，该输入框是空白的。在这里录入需要的提示内容就可以了。
那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能，因此我们需要通过添加HTML代码来实现。
在＜a href=“” >中添加“title”属性。title=提示内容即可。
7> 如何把自己的ZIP或其他类型的文件供别人下载?
在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很"神秘"的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载.
这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.
8> 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
大家都知道,在IE浏览器的功能设置中，有一个可以*设置窗口内容字体大小的功能，这样由于不同访问者的习惯问题，呈现在他们面前的网页有时也会不同。
比如你可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时显示效果上就出问题了。
那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过CSS样式表对字体进行强制性控制就可以实现这个要求了。
9> 以新窗口的形式打开目标链接？
以新窗口打开，顾名思义，也就是在不覆盖当前窗口的前提下，另外打开一个浏览器窗口。你可以直接在连接代码中＜a href="" >加入“Target=_blank”。
如果你的HTML比较差的话，在DW属性面板上同样提供了这个设置，当你在Link输入框中键入WWW网址时，后面的Target下拉框同时也被激活了。
选择最上的“blank”就可以了。
10> 如何让网页载入时，象许多商业网站那样，弹出一个广告窗口
这在不少大型商业网站中，是时常见到的。在DW中可以轻松通过Behavior行为实现。
既然是载入时，我们可以把整个网页内容视为事件对象。在DW编辑窗口中鼠标点击左下角的“＜body>”标签，这时你能注意到全部网页内容已经选中了。
单击“快速启动板”中的“Behavior”按钮，进入行为面板，选择“Open Browse Window”项，这时你还可以对窗口样式进行自定义，比如大小，工具按钮的保留等等。另外还有一点就是别忘了对应的事件是“Onload”.
11> 我的快速启动板中没有"Timelines"，怎么办？
DW从升级到4版本后，在快速启动板中增添了几个新的项目，比如Assets等等。这时原来在上面的Timelins（时间线）按钮被挤了下去。
当然如果你急于现在就使用它的话，仍然可以通过菜单“Windows”-“Timelines”找到。不过毕竟不如放在启动板中方便，这时我们能通过设置把它添加进来！
“Edit”-“Preference”进入窗口，在左边的项目列表中选择“panels”（面板），单击上面的“+”号按钮，从下拉列表中选择“Timelines”。这时时间线已经自动添加到当前的“Show in Launcher”列表内容里，OK。更改后的“Launcher”面板
同时你还可以根据自己的需要*的选择面板中出现的按钮选项，以提高工作效率。
12> 作一个网页让它可以每隔5分钟自动刷新一次，如何实现？
上网浏览时，我们经常会遇到一些网页。在隔一段时间没有响应时，它会自动刷新一次。除了可以起到提醒访问者的目的外，当新的刷新地址不是当前URL时，实现的就是自动跳转的功能。
无论是重复刷新，还是自动跳转。在网页设计中，都是相当实用的操作。下面我们来介绍下它们的制作方法。
选择DW“Object”面板的“Head”部分，注意默认情况下，显示的是Common的“内容”。
单击上面的“Refresh”按钮，其中“Delay”输入框中键入刷新延迟的时间（单位：秒），“Action”为刷新指定的目标URL。因为现在是刷新当前页面，直接选单选项“Refresh This Document”即可。
13> 如何定义网页的关键字（Keyname）？
当用户使用搜索引擎search合适内容的网页时，关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并把他们按关键字进行记录，以方便用户查询。
你当然想让你的网页出现在搜索引擎的查询返回列表中了，这时关键字的定义就尤为重要了。
同样在“Head”面板部分，单击“Keywords”按钮，录入需要逐个定义的关键字即可，注意每个关键字以“；”号隔开，数目没有限制。
14> 如何在编辑窗口中，隐藏一些不必要的标签？
当用户在网页中插入了太多的不可见元素时，在编辑窗口的最上面就会显示一排相应的标示标签，用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果，但多了以后，往往使网页内容不得不错位，从而一定程度上妨碍网页视觉上的调整，那么怎么样才能把这些东东去掉呢？
进入“Preperence”面板，列表中选择“Invisibel Elements”，勾掉你不想显示的项目前的“对号”即可，比如Scripts等
15>安排不支持“框架”的浏览器的显示内容？
我们知道，目前的浏览器类型很多，因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢？”。框架就是一个例子！
不过避免开这点，很简单，你只需要在源代码中加入下面的内容就可以了。
＜ BODY>＜noframes> ---本网页中包含有框架结构，如果您不能正常显示的话，请下载新的浏览器版本或更换主流浏览器--- ＜ /noframes>＜/ BODY>
16> 如何避免别人把你的网页放在框架中？
一些居心不良的人，经常偷着窃取别人的劳动成果，比如把别人精心制作的网页以子页的形式放到自己的框架中。
那么怎样避免自己的网页内容被“盗用”呢？
你只需要在网页源代码的＜head>＜/head>之间加入以下代码内容：
＜script language=“javascript”>＜!--
if (self!=top)
-->＜ /script>
17> 怎样加入注释内容？
注释内容，顾名思义只是作为说明内容出现的，因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示，以更方便快捷的找到。
进入“Object”面板的“Invisibel”部分（即不可见元素），选择插入“Comment”按钮，
在“Comment”中键入必要的信息。这时如果你返回到源代码中，会看到这些操作添加的不过是下面格式的一段代码：
＜！--这是需要填写的注释内容-->
18> 水平线，为什么不能设置颜色？
在DW中，当通过菜单“Insert”-“Horizonal Rule”插入水平线时，在属性面板中你会发现并没有提供关于水平线颜色的设置，因为最早NC中不支持标签＜hr>（水平线的HTML代码）的COLOR属性，所以DW也没有关于它的设置。
看来需要的话，我们只能直接进入源文件更改了。
＜hr color="对应颜色的代码">
19> 如何设置可以关闭当前窗口的功能？
这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“javascript:window.close(); return false;”。
完整的代码为：＜a href=“/”onclick=“javascript:window.close(); return false;”>关闭窗口＜ /a>
当然你也可以将文字“关闭窗口”换成其他的对象，比如图片，按钮等等！
20> 定时自动关闭的窗口又是怎样的呢？
上面提到了个关闭窗口的功能，那么现在的自动关闭又是怎么实现的呢？
在源代码＜body>后加入下面的代码：
＜ script LANGUAGE=“javascript”> ＜!--
setTimeout('window.close();', 10000);
--> ＜ /script>
其中的set Timeout是一个用来设定延迟时间的函数，这里10000表示10秒钟
21> 如何更改浏览器中鼠标的"形状"?
一般情况下，鼠标在浏览器中以“箭头”的样式出现，那么我们能不能把它更改为自己喜欢的其他样式类型呢？
改变鼠标形状在DW中是通过“CSS样式表”来实现的。
菜单“文字（Text）”-“CSS样式表（CSS style）”-“Edit style sheet”，弹出样式表的编辑窗口，也可以单击快速启动板中的CSS style按钮找到，单击“New”按钮，选择默认的“Make custom style”，同时在下面的Define中使该样式只应用到当前网页文档，“This document only”。
在“样式定义”窗口的左边列表项中选择“Extensing”（扩展项），相应右边设置
在“Cursor”（鼠标）中，下拉选择合适的形状即可，确定后返回，按F12在浏览器中观察效果，不满意的话，还可以对样式进行修改。
22>如何去除掉链接文字下面的下划线？
在我们完成链接制作后，链接文字内容往往被自动在下面添加一条下划线，用来标示该内容包含超级链接。当一个网页中链接比较多时，就显得有些杂乱的感觉了，其实我们可以很方便的把它去掉。
同样进入“Edit style sheet”窗口，单击“New”确立新样式，这里的Type（类型）中，需要选择的是“Redefine HTML Tag”，同时在具体的标记Tag中选中代表超级链接的“a”，单击OK。
编辑该样式，左边列表中选“Type”，勾取“Decoration”（修饰）中的“None”复选框，这时所有网页中的链接文字下划线都被清除掉了。
23> 怎样让鼠标在链接文字上方“悬停”时，产生变色，变形等效果？
访问网站时，我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了，所谓的“鼠标悬停响应”表现在链接文字上，就包括改变颜色，修饰效果（下划线，中划线）等多种选择。
由于这种效果很好的起到了对目标内容的强调作用，因此无论是个人网站还是一些大的商业网站（如新浪，搜狐，网易等）都有应用。
在上个问题中，你已经知道了去除掉链接下划线的方法，这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。
同样进入“Edit style sheet”窗口，单击“New”确立新样式，不同的是现在的Type类型中选择最后的一项-“Use CSS selector”，“Selector”选单中选择“a:hover” OK，进入编辑样式窗口，设定“Type”项中的文字颜色为“红色”，当然你还可以添加鼠标悬停时出现下划线的效果。
24>如何让网页的背景图片不跟随内容滚动？
背景图片是很多网页设计者经常添加的东西，当网页内容超出一屏时，拉动滚动条背景图片会与内容相对静止的一起滚动，那么能否锁定背景不跟随滚动呢？当然可以进入“Edit style sheet”窗口，单击“New”确立新样式，在TYpe中选择“Redefine HTML Tag”，同时Tag选单选中“Body”，在左边列表中选择“Background”。 设定“Attachment”（附件）为“fixed”。其中scroll代表默认使用的滚动显示。
25> 背景音乐你一定知道吧，怎么添加呢？
在微软的网页工具-Frontpage中，有关于背景音乐的设置功能，那么DW显然没有作到这点，因此要使用的话，只能在源代码中手动添加了。
在使用前，提醒大家一点，使用背景音乐一定要注意网页文件的大小，不能顾此失彼。
代码如下：
＜ EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
其中src指定音乐文件的位置，autostart为音乐文件上传后的动作，true表示自动开始播放，false不播放（默认值）。
27> 如何自动加入网页更改后的日期？
只需要在源文件＜body>＜/body>之间添加如下代码即可。
＜ Script Language=“javascript”>＜!--
document.write(“Last Updated:”+document.lastModified);
-->＜ /Script>
在浏览器中的显示样式为：“Last Updated：
28> 怎样控制弹出POPUP信息？
有时，当我们点击链接时，会出现一些着重性说明的提示信息，也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时，就可以应用POPUP信息解释一下。
在网页中合适位置输入链接文字，选中，在属性面板中制作链接。在仍保持选中状态的前提下，单击快速启动板中的“Behavior”按钮，
点击左上的“+”号，从列表中选中“Popun message”，在随后的窗口中输入需要提示的信息，
设定该动作的鼠标事件（Events）为点击（onclick）。在浏览器中预览效果如下。
29> 隐藏浏览器中状态栏的URL地址信息的方法？
浏览网页，当鼠标停留在链接上方时，在下面的状态栏中会自动显示该链接目标地址，考虑到安全方面的问题，有时我们需要把它重置为“零”，即设为空白。
现在只需要在链接代码中作些手脚就可以实现了，
＜a href=http://www.webjx.com onMouseOver="window.status='none';return true">网页教学网＜/a>
30>如何改变状态栏里的提示文字？
默认情况下，当网页被载入时，在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢？
在DW“Behavior”行为板中，单击“+”号选择“Set Text Set”下的“Text Of Status Bar”选项，在“Set Text of Status Bar”窗口中输入类似“欢迎你光临本网站--网管留言”等Message信息。
31> 如何建立电子邮件的表单处理方式?
表单应该是网页交互功能中必不可少的元素，表单的功能缘于信息的交互，因此表单的处理往往涉及到网络高级编程语言的使用，你或许说，哇！我不会编程呀！没关系，其实对于一些简单的表单内容处理靠电子邮件也可以实现。
先看下面的代码：
＜form name="content" method="post" action="需要使用的处理程序" >＜/form>
上面是一个典型的表单的HTML源代码，其中METHOD决定采用方式，包括POST和GET两种。ACTION也就是咱们上面说的处理程序，一般可通过ASP/PHP/CGI实现。
那么用电子邮件怎么实现呢？action=mailto:XXX@163.com，这样当点击提交按钮后，就会弹出一个提示窗口，单击“确定”表单内容会发送到指定的邮箱中。
32> 怎样制作规范的电子邮件链接？
所谓的“电子邮件链接”即是当我们点击它时，浏览器会自动调用默认使用的邮件客户端
输入“有问题MAIL ME”字样，鼠标拖拉选中，切换到属性面板，在LINK输入框中键入如下命令：
Mailto：XXX@163.com？Subject=网友来信&bc=其他电子邮件地址&bcc=其他电子邮件地址。其中Mailto为邮件链接的协议，Subject 为邮件的标题，bc是同时抄送的邮件地址，bcc代表的也就是暗送了。
33> 如何制作“空链接”？
空链接也就是，没有链接对象的链接，在空链接中，目标URL是用“#”来表示的。也就是说制作链接时，只要在属性板的LINK输入框中录入#标记，它就是个空链接了。
空链接的出现涉及到多方面的因素，比如一些没有定期完成的页面，又为了保持页面显示上的一致（链接样式与普通文字样式的不同），就可以使用它了。
34> 点击空链接时，页面往往重置到页首端，如何处理？
在浏览器里，当我们点击空链接时，它会自动将当前页面重置到首端，从而影响用户正常的阅读内容，我们当然希望它能保持不动了。
这时，你能够用代码“javascript:void(null)”代替原来的“#”标记，回头看看，这个问题已经解决了。
35> 如何定制可*在页面内跳转的链接？
如果你经常在网上订阅一些免费的电子杂志，一定对这种“标签链接”不陌生了，通过一个类似目录的列表，可方便的跳转到页面内的任何部分，无疑它的使用是专门为“超长内容”网页设计的。
先确定链接指向的位置，即屏幕跳转后停留的位置。进入“Object”面板的“Invisibles”部分，选中目标文本，单击“Insert Named Anchor”按钮，在“Anchor Name”中键入标签名称，OK，这时在文本下面会自动出现红色虚线以区别开普通的文本内容，注意它们在浏览器中不会出现。
然后就可以制作链接了，在属性板的LINK输入框录入“#nchor Name（刚才的名字）”。当然如果你想指向另外一页中的某个位置，也是可以的，把这个小尾巴放过去就行了。
36>同时在一个图片上，作很多个链接，怎么办？
这个问题也就是我们平常说的“图片热点”（Image HOT）了，当然在DW里还有另外一个名字叫“图象热区域”。
选中图片，这时在属性面板左下的位置，有一个“Map”工具栏，其右边是三个用来圈定不同区域的按钮，以其中的矩形工具为例，选中后，鼠标停留在图片上会以一种“+”的形状显示出来，代表可以左右拖拉，完成后依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。
37> 怎样制作可以响应鼠标事件的翻转图片？
在许多网页中，我们经常会看到一些栏目标题，当鼠标滑过时，能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的，也就是所谓的“翻转图片”效果。
当然首先你要提前准备两张大小完全一样的图片，以确保翻转时不会有什么视觉上的不适，单击“Object”面板上的“Rollover Image” 弹出“翻转图片设置”窗口，分别单击“Browse”按ト范ā疠riginal image”和“Rollover image”的地址，注意一定要选中下面的“Preload Rollover image”复选框，否则在鼠标滑过的瞬间，会产生一定的下载延迟而影响效果。
38> 如何制作“漫天飞舞”的图片？
在许多大型商业网站的首页中，你经常会看到不少来回飘来飘去的广告图片，点击后可以链接到指定的地址，在DW中这点是通过Timelines来实现的。
首先在网页中插入目标图片，同时选中它，单击快速启动板中的“Timelins”按钮进入“时间线”窗口，在时间轴1frame的位置鼠标右击，选择“Add Object”,这时时间轴上会出现一兰色色条（默认1-15frame），将镜头停在15frame处，同时移动页面内图片到运动的终点位置。
现在一个简单的运动动画已经完成了，你可以通过在中间添加keyframe的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。
39> 怎样制作在页面中“静态悬浮”的图片？
所谓的“静态悬浮”也就是图片总是试图停留在网页中的某个位置，因此在视觉上有种跟着页面“走”的感觉，象悬浮着一样。
该效果的实现是通过javascript来完成的，一般要求有一定的编程能力。好在DW提供了制作该效果的固定插件，因此就显得简单多了。
首先你必须先下载stav插件,将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到DW安装目录Configuration/Objects/Common下。
重新启动DW,在Object(对象)面板中,你会看到最底部已经多了SI项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容（这里为图片）即可。
40> 如何使文字和图片内容共处？
我们都知道，在DW中，图片对象往往是独占一行的，那么文字内容只能在与其平行的一行的位置上，怎么样才可以让文字围绕着图片显示呢？
选中图片，在属性面板的右上方你能看到一个“Align”的属性选单，选择“Left”，这时你会发现文字已经均匀的排列在图片的右边了。
41> 实现多个窗口的连接?
面板设计一直是DW的一大特色，到了DW4版本，所用到的面板已经相当多了，那么我们如何才能更高效的利用它呢？ “窗口连接”就是一种方便大家自定义的技术功能，简单的说，就是可以根据需要将两个或更多个面板放到一个窗口中来。 鼠标点击拖动一个面板的Tab栏到两一个面板上，当你看到一个黑色边框时，松开鼠标，这时两个面板已经合二为一了。
42> 如何制作一条宽度为1的细线？
在DW中，尽管水平线是以“Line”形式出现的，但在制作细线时，它表现的并不尽如人意，主要是过粗，没有需要的细腻感！
那么我们可以采取变通的方法以表格的应用来实现。
在网页中插入一个1行1列的表格，将表格的“cellpadding”“cellspacing”都设置为“0”，同时将单元格的“bgcolor”设定为红色，当然你也可以使用其他的颜色来代替，“Height”设定高度为1。
还有最关键的一步，查看源代码，将＜ td>＜ /td>中的“ ”去掉即可。
43>如何制作一个边框为1的方格？
很明显，我们现在还是要通过表格的设置来完成。
或许你会说，这还不简单嘛！建立一个1行1列的表格，然后将它的“Border”值设为1不就可以了。实际上，用这种方法制作的表格根本不是所说的边框为1的方格，而是要“粗”的多！
同样先插入一个1行1列的表格，将表格的“border”、“cellpadding”设置为“0”，“cellspacing”设置为“1”。设定表格的“bgcolor”为红色（即为边框的颜色），同时设定单元格的“bgcolor”为白色（即同背景色），OK了。
44> 怎样设置根据不同的浏览器，返回不同的页面？
浏览器不同，它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。
当用户用不同类型或版本的浏览器打开时，可以返回不同的页面，以保证用户的正常浏览。 单击快速启动板中的“Behavior”按钮，点“+”号，在下拉列表中选择“Check Browse”。
45> 网页中可以随便拖动的对象是怎么建立的？
访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多，比如，一张广告图片挡住了你想浏览的内容，你完全可以用鼠标选中把它扔到一边去！
制作这种效果是通过图层的“Drag Layer”行为实现的，单击Behavior面板中“+”号，选择“Drag Layer”，当然之前你必要保证目标图层处于选中状态，进行简单设置后就OK了。
本文来自: PQ秀秀网(http://www.pqshow.com) 详细出处参考：http://www.pqshow.com/design/Dreamweaver/200808/5180.html
网页设计十要十不要
十要：
第一：要认真规划和分析。这是网页设计灵魂工作。创建站点之前，要明确你的网站主要针对哪些访问者，为哪些用户服务，要把握准主页题材
第二：网页要易读。这就意味着，你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起你的网页来很费劲。这个原则也意味着，你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。
第三：网站导航要清晰。所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。
第四：网页风格要统一。其实，这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。很多缺乏编辑、出版背景的网友，很容易忽视这点，特别是网页一多，更容易忘。
第五：要给用户选择的权利。应当充分考虑他们的需求，网页要允许那些大款或在公司上网的人欣赏复杂的Flash或VRML,也要允许那些囊中羞涩的自费上网者选择简单的HTML或纯文本格式。一个奇怪的现象是，尽管很多人都知道在网站上放一份纯文本版的重要性，但很少有人这样做。
第六：网页要有交互性，也称之为互动性，是网站设计至关重要的一环。 网络给我们提供了前所未有的交流条件，我们就没有理由不让用户发表意见。我认为，在每一页加上留言簿和E-mail链接，是对一个网站最基本的要求。
第七：要充分发挥ALT标签的作用。这看似简单的技术，几乎是衡量一个网站制作是否认真的基本标准。这样做可以在图片未显示出来时，访问者就可以知道这幅图是完成什么功能，或是完成什么链接，能起来一种加快网页浏览速度的作用。
第八：要定期核实超级链接的正确性。对于那些页面中有链接其它站点内容的网页，更要定时、全面核实，否则你会失去很多经常访问你站点的“老客户”的。
第九：要尝试使用不同环境下的浏览器检验您的网页。用尽可能多的环境下的浏览器检验您的网页，或者让朋友们在不同的机器上读读您的网页。最起码要保证ＰＣ下的ＩＥ和Ｎｅｔｓｃａｐｅ，以及Ｕｎｉｘ下的Ｎｅｔｓｃａｐｅ能满意显示您的网页。
第十：要及时更新和维护。网站建设起来，只是一个新的起点，你更要细心照料， 并不断更新，以保持其常有的新鲜，若不能及时更新，也最好在主页上发布信息，告诉你的朋友，我要离开一段时间，未能及时给你回复，希望见谅。否则形同“死站”， 让人以为你对他的信不屑一顾，更不会和你继续往来了。
十不要：
一不要使用巨幅的或过多的图形。目前网客上网的一个最主要目的就是寻找信息，速度越快越好，“赏心悦目”决不是您网页的主要设计目标。一些必须的照片或图画可制成单独的链接以分流主页的大小。记住∶过多的图形意味着访问者必须多次连接Ｓｅｒｖｅｒ，严重影响网络速度。
二不要使用闪烁的图形或文字。闪烁的图形和文字容易引起流览者的注意，被广告商们普遍应用。正因如此，也引起了广大网客极端反感，多数人反应闪烁的图形和文字不仅刺激眼睛，让人不舒服，而且也分散人的注意力，非常影响阅读。另外，闪烁的图形也会极大地降低网络速度。
三不要每页的内容过多。必要的分类与分页不仅有助于阅读，也能有效减低每一页的读取时间，易受网客欢迎。一般的网客在一个网页只会停留极短的时间，若您的一个网页有几页长，您就该考虑分成几个链接，争取把最主要的内容放在首页。
四不要出现错别字、病句。这条禁忌似乎人人知道，但就是有很多很多站点有这些毛病。原因主要是做这些站点的人，大多是技术出身，以为网站就是展示技术能力的场所，实际上，网站迄今为止的基本功用应该是信息传播，应该比照媒体、出版的专业规范来，应该由专业编辑来处理。任何事情总有利弊两面，互联网技术的普及可以让每个人可以*地创办自己的“媒体”，同时也给互联网世界增添了无数水准低下、制作粗劣的东西。
五不要使用自动的强迫性ｐｏｐˉｕｐ窗口。许多站长爱在网页中加入一些ｓｃｒｉｐｔ，以使进入（或退出）该网页的浏览器自动产生另一窗口，这是一种极让人反感的作法，多数网客讨厌*执行这种命令。若是当网客主动进入赞助商的网页时，另外产生的窗口则能普遍被人接受。
六不要过多装饰。网页设计者们常常喜欢使用各种漂亮的小“摆设”来装饰网页，但过多的装饰不仅影响网络速度，更容易引起读者华而不实的感觉。网客们越来越注重的是内容而不是华丽。所以除非您想展示您的审美观，不要为了华美而忽视速度。
七不要轻易使用最新的网页功能。不要为了个人兴趣而去使用某些浏览器的最新的功能，这不仅可能让许多访问者在读您的网页时遇到Ｂｕｇ，也为您将来的维护增添麻烦。目前您的网页最好能面向IE3.0和Netscape3.0，这样您的网页会和几乎所有的网客的浏览器兼容。
八不要尝试使用使用ＪＡＶＡ或ＪＡＶＡＳｃｒｉｐｔ。ＪＡＶＡ的调用一般比文字慢许多，而它对于以信息为主的网页来说用途极小。另外，许多网客为了加快网络速度都会将流览器上的ＪＡＶＡ关闭（ｄｉｓａｂｌｅ），您的费心设计很可能是费力不讨好，所以尽量不要尝试使用ＪＡＶＡ。
九不要挂“建设中”的臭牌子。相信有一定网龄的读者都有过这样的经历：有的站点介绍说得像朵花儿似的，逗得你忍不住想进去看看，主页也很漂亮，有的甚至次级页面也很像回事儿，等你一层层跟到底层页面，对方却告诉你：“对不起，本页/栏目/站点正在建设中，请稍后再来”。碰到这种不负责任的站点，你说，谁能不顿生一股无名火？
十不要轻易改变Internet地址。若要改变地址，也一定要在旧地址上留下更新通知。另外，您的网页所在的Server若是经常当机，则极易引起网客的流失，一定要尽量避免。 解决这种问题的最佳方法是申请免费域名，这样即使你的某一个Server当机，便可以起用其他，但Internet地址不变
本文来自: PQ秀秀网(http://www.pqshow.com) 详细出处参考：http://www.pqshow.com/design/Dreamweaver/200807/4072.html
主页制作的五十个秘诀
一、内容
1、让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答他们的参与，如每周抽奖或给予下载一些东西的机会。
2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取，怎样获取，以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。
3、签上自己的名字，并展示得到的荣誉——但不要在这里弄上一个长长的签名。少许的自我宣传可能是中肯的，尤其是当你想让自己的网页具有个人特色时，但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页，该页也是弃权、版权声明及类似说明的合适地方。
4、不要包括一些一般化的Web参考信息和人人都有的已不再是热点的连接。连接到Alta Vista和Yahoo可能就已足够了，否则你的外部连接应该是具有特殊意义和读者还没有遇到过的地方。
5、要是有以评论或读者意见的形式取得的肯定性的反馈，可考虑把它包括在主页之内——也许在开头的某个地方，或者作为到荣誉页的一个连接。如果做得恰到好处，可以鼓励新的访问者并使他们放心。相反，要是做得不合适，就会被认为是自我吹嘘，而真正的内容反而处于次要地位。
6、忘掉已学会的在纸上写作的大多数习惯。基于文字、面向纸张的写作所面临的任务是精心安排的叙述，在提供知识、愉悦心情或说服别人的过程当中要能保持读者的兴趣；但是文字并不是大多数Web版面的主要组成部分——即便是页面上的文字比其他元素多，也常常是其他组成部分(图像、超媒体连接)被认为比单纯的文字更重要。
7、结构至关重要。网页可能会看起来是二维的，但不应如此理解。印刷页面的原有结构在Web已不复存在；写作者得着重于文件以可见的方式表现出来的结构，因为它可能已具有更微妙的交流功能。
8、Web的读者不会去读每一个词，他们的阅读方式更近似于快速阅读而不是象读呆板的树式文件那样的逐行阅读。通过计算机屏幕阅读并不是件格外舒服的事情，因此读者希望最好能尽快得到结果。
9、在Web页面创作中读者实际上是一个配合者。除了要注意在任何类型的写作中都要考虑的词汇、语调和其他事项外，网页作者还要意识和具体考虑到读者的身体运动——按鼠标键、滚动页面、写作邮件——也是交流过程的一部分。
二、页面设计
10、有了一个HTML编辑器和几兆服务器空间并不能说马上就可以设计网页了。在开始编写文字、寻找图像和进行HTML标记之前应该先把基本的网页结构组织号。如果没什么要说的，就什么也不要说。要是开始的时候在脑子里没有一个相当明确的结构，那几乎肯定会以一团糟而告终。开始时谨慎一些，然后不停地学习,不停地改进。卸载一些你喜欢的页面，核对HTML源文件，看它是怎样写的，把它全部或部分粘贴到一个试验文件进行检验。整页地拷贝别人的东西是剽窃行为，但是向别人学习则是研究过程。
11、人们第一次进入你的主页时，他们通常不是在寻找值得阅读的地方，他们可能正在寻找可供选择的东西，以超文本术语说即是可用鼠标点取的词句、图像、按钮等等，接下来是阅读文字，选定一个可选项，按鼠标键，下页出现后又重复此过程。这里的技巧是确定阅读时按键的适当比率。提供的可选项要是太少，访问者会觉得没意思，要是太多又会吓倒别人。
12、要是页面包含的内容信息量大，在开始设计页面之前就要先确定好读者对象。对新手或新的访问者来说用一种固定的文件结构并在开始的时候给予说明是有意义的。例如，关于内容的说明表格或某种类似结构。如果你要满足知识或经验不在同一个层次的读者，提供限制性的线索可以让某些读者跳过基本内容直达目标。提供连接时要考虑到各个层次的读者。
13、不要让读者不知所措。不必非要用声音和图像充斥网页，也不要把文件做得太长以至于在装载文件时让读者等得脚后跟发凉，因此使用图像时要谨慎：大的图像显然会降低页面建立的速度，但许多需要顺序装载的小图像也会如此。
三、布局
14、别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。
15、利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影象地图指引主要连接，使你的页面能吸引人和容易阅读。
16、不要在每一页使用风格不同的图标。
17、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。
18、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣，甚至很专业，但是装饰背景很容易使文字变得不可辨读。要把背景做得好，光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像，对比度要较低才不至于过于分散读者的注意力。
19、在 IMG 行加 ALT 标记。假设标题图像显示为 The Offal Eaters' HomePage，你可以在括号内加上一个 ALT 标记，ALT="The Offal Eaters' HomePage"，直接把它加在 IMG SRC=/upimg/allimg/080429/1202180.jpg之后。这样就会让使用基于文本的流览器的读者除了看到 [IMAGE] 以外还能看到别的一些东西，使用图形流览器的读者在图像未能成功载入之时也会看到一些东西，而你也能让自己的HTML文件相当整洁。
20、也可以在分隔条上使用ALT标记，这样就使得使用基于文本的流览器的读者能看到一些更有趣的东西，而不只是一条直线。
21、不要把重要的内容放到页尾——有些读者可能不会往下看那么远。
22、不要让什么东西看起来象是一个按钮却不起按钮的作用。
四、HTML格式
23、应避免使用交叉标记。不同的浏览器对交叉标记的反映会不同。
24、使用交织 GIF 和 Jpeg 。因为交织图像是分级显示出来的——首先以很低的分辨率显示，然后逐步提高分辨率，直至最后达到正常显示——这种方式有时候会使较大的图像看起来好象装载得快一些(实际上并非如此，但这是一种有益的错觉)。这样也便于读者在图像装载的过程中看到它的模样，如果他们不喜欢或不想看的话就有机会中断传输或转向别的地方。
25、另一种增加可得带宽的巧妙方法是在HTML底稿中使用 Lowsrc 命令。比如说有一张400×600像素的1600万色扫描图，所占空间约为35K。使用 Paint Shop Pro 这一类的工具对原图
重新取样，比如说高度为100像素(也许为了达到你自己的要求你得进行调整才能找到最合适的大小，但可以从高度除以4开始)，Paint Shop Pro 会自动计算新画面的宽度。保存新画面，它的大小现在应为6K或更小。然后在HTML文件中可以这样写上：
Lowsrc命令指示浏览器在真正的画面载入以前先装载低分辨率的图像，这样就让读者清楚将会出现什么样的画面。(为确保浏览器能即时以合适的大小显示图像，高度和宽度很重要)。
26、当然，可以用 Lowsrc 提取你想要的任何图像。一条双色的“请等待下传”的信息可能只占几百字节，同时由于图像是存在浏览器的缓存区，因此可用“请等待”信息代替所有画面。当图像平静地消失于背景之中的时候，读者可以悠闲地浏览你的网页。
27、可以在一个 HTML 元素内嵌入一个连接，如：
<H1><A HREF="Destina-tion.html">Myheading</A></H1>
但不能反其道而行之，把一个标题或其他HTML元素嵌入一个连接。下面这样的结构是正式的 HTML 规定禁止的，并可能在大多数最新的浏览器下不见效果：
<A HREF="Destination.html"><H1>Myheading</H1></A>
五、长文件
28、当页面为单个长文件时要小心。它的传输时间明显要比较短的页面的传输时间长，即使通信速率为 28.8Kbps 的读者也可能会失去耐心。阅读大的文件时页面滚动也很困难。大的文件和较慢的装载速度可能会使人沮丧，再也不会返回到你的网点。
29、如果你觉得文件大小很重要，不便改变，就要考虑读者将会怎样使用网页。努力确保读者浏览长文件时浏览器滚动条小的移动不会在页面上产生大的跳跃。作为一条经验规则，按一次滚动条页面移动的范围要少于一页，这样就还看得见上一个窗口的部分内容。任何比这更大的移动都会让人迷失方向。
30、要不然就把一个长文件分成几个子文件，在主页给予连接。不过要记住子页可能会成为死页——有时候命中率要低于10%。做得聪明一点，给读者一个很好的理由装入子页或给他们一个很好的理由浏览它。
31、如果页面很多，在主页给出一个内容列表或目录显然是个好办法。不要非得作成那种常规的、令人厌烦的、死板的树形布局，把它做得有趣一些，让读者有理由进入连接，帮助他们了解他们可能看不出来的内容。
32、要是你必须把所有的内容都放在一个文件里面，使用一个内容列表，从表的项目可直接跳到各部分的开头。或者做得更好，提供一个独立的文本文件用于下传——去掉所有的格式符——使下传的时间减到最少。
六、连接
33、通常的顺序文本写作与在线文件写作之间的一个主要区别是在线文件的读者可能在文件的任何一点进入该文件。尽管你已做了一个漂亮的首页作为入口，其他人可能会对你的杰作内的具体指针或子页给出连接。向这些新的访问者提供一些关于他们在什么地方以及为什么在这里的线索是有意义的。
34、从头至尾都要使用导航图标，尤其是要用“返回到首页”连接。可以在每部分都做这样做。比如在每页的顶端(或底部)都有一小串图标，第一个回到首页，第二个回到章，第三个回到节。
35、在页面上应该有一些连接帮助访问者来回跳转。总是以相同的格式把这些连接放到所有页面上，这样读者就总能知道到哪儿去找到它们以及怎样使用它们。
36、一般来说应该使用相对连接，因为：(1) 这样容易把一组文件移到另一个地方(相对路径名仍然有效)，(2) 输入量较少。在同一页的连接项当然应该使用相对地址，因为使用绝对地址后可能会每选择一个连接都要把该页重新装载一次。
37、连接到不直接相关的文件时使用绝对路径。这样以后要是把源文件移到另外的目录下就不需更改连接了。
38、确保可选择的连接清楚直观——用标题或明显相关的图像来表明它有什么内容。特别要避免“请按这里”，任何要“按这里”的人都会慎重考虑，它是不是正好就在“这里”，并且连接无误。不要让连接的名称与连接的 URL 相同，这样会使读者要作的工作增加。
39、Mail to 连接中应把 e-mail 地址作为连接名称。例如，可能有一个人名和一个 e-mail 地址，人名连接到他的主页，e-mail 地址连接到 mailto。新闻组连接应当直接用组名。
40、核对 href ，不要在页内出现任何没有出路的连接，也不要让连接落掉。
七、通则
41、实际上，网页要么处于建设之中要么就是死的——如果你不更新它，并且它不是纯粹的历史资料，它马上就会变旧。“最后一次更新”记录是一个好办法。且不说别的，如果你的页面变化太少，你很快就会在读者评论中得到讽刺意见。
42、鼓励读者通过填表或发邮件反馈意见。但要准备处理随之而来的事务——要尽快地回E-mail，增加连接，修改输入错误等等。给通过 E-mail 进行评论的人回感谢信。
43、在页内告诉读者如果他们在自己的主页内设置一个指向你的连接你不会介意，并表明你也同样会设置一个指向他的主页的连接。每个人都希望有人访问自己的网页，而这种相互支持会鼓励对见解类似的网点的访问。
44、联机时间是昂贵的，而访问者的注意时间之短是众所周知的。想办法告诉读者下传要用的时间——告诉他们要出现的图像的大小或下传一个文本文件或二进制文件要用多久的时间。为把联机时间减到最少，指出你会给出FTP地点或提供到其他页的连接，读者会欣赏你的这种做法。
45、利用 Digital 的优秀检索工具 Alta Vista 找出谁已建立了指向你的Web的连接。在高级检索方式下，输入：
link:http://my.site.com/ANDNOTurl:http://my.site.com/
在简单查询中也可同样做到，输入：
+link:http://my.site.com/-url:http://my.site.com/
46、Web上的大多数写作都相当糟糕。由于多数网页都是空话连篇，自我吹嘘，编写粗糙，编辑审核也不存在，好的写作就很突出了。
47、不要忘记为你的主页加一个描述性的标题，当某个人把它保存在自己的热点目录后能知道这里是什么内容。
八、设备独立
48、HTML不包括文件显示时用到的字体、段落形式及空白信息。这正是它的意义所在，无论在什么平台上，包括文字终端，你的文件都能成功地显示出来。由此产生出最低命令标准。因此要了解不同的浏览器用不同的空白和字体。
49、假设你的页面要用某个特定的浏览器阅读时要当心。要是没有鼠标器，让别人“按这里”是不会有效的，如果你的读者使用 Internet Explorer 或Spry Mosaic，Netscape2.0 的插件就不会有效，除非你能保证读者有 Netscape 或 Internet Explorer 兼容的浏览器，否则重新调整过的图像可能会以预想不到的大小显示出来，表格也会很难看(或根本看不见)。在少数浏览器上，你根本不能看Jpeg图像。
50、不会有很多读者不能处理16位的图像，但是要注意，如果用16位(64K色)或24位(1670万色)的调色板制作精巧的背景，你可能会发现使用较老的设备的人只能跳过去。用8位图看彩色背景时会降为可怕的图形。带视卡但 RAM 少于
本文来自: PQ秀秀网(http://www.pqshow.com) 详细出处参考：http://www.pqshow.com/design/Dreamweaver/200805/3876.html
网页设计流程 以及 网站制作流程
对于一个新手想拥有自己的网站来说，怎么样去做是一个问题。当然，你可以到新浪博客或者其他什么地方申请一个免费的个人主页，这是最方便实际的解决方法。
但是，这怎么是我们崇尚DIY精神的表现呢？我们为什么不能自己制作出一个优秀的网站呢？下面我就网页设计以及网站制作的流程做一个小小的总结。
我是搞网站制作的，也是靠这个吃饭的。但是为了支持各位学习技术，我不介意把自己吃饭的家伙掏出来给大家看，希望大家喜欢。否则，我可就太冤枉了~```
网页设计流程
一、策划。
这两个字看似没有什么意义，表面上来看，的确是如此的。但是，你想拥有一个什么样的网站？你的主色调，你的内容，等等等等，都需要一个策划，否则你打开制作工具，你根本不知道要做什么。就象你或者你的GF要做饭，材料什么都有，菜买回来了，可你不知道要吃什么，还为吃白菜或者吃芹菜而闹不明白。你会很为难。对于新手来说，可以参考借鉴别人的作品，多看看一些你喜欢的网页，然后去模仿，慢慢的就能做出自己的东西了。一个策划做好了，就什么都好说了。
二、设计图纸
你可以先在草稿上先画一画，但那样的话，这个步骤应该归结于第一步。这里说的设计图纸是在PS或者FW中把你想做的网站用图片的形式画出来。我不清楚是否在各位看观中是否有准备去应聘网页美工等工作的。但就我自己的公司在我们附近的一所大学里招聘的情况来看。实在是不怎么理想。因为这些应聘网页美工的同学居然不知道不明白网页是先用PS或者FW画出来的。最后我录用了附近中专的一个学生。倒不是他在学校里学到了什么，是自学的，做得还不错。由此可见，学生在学校里学到的东西实在是太皮毛了~~~~（跑题了是吧~~~~~ ）~~~~~这一个步骤呢就是说~~~~~先把自己的想要的网页用PS画出来。PS的灵活多变以及超级强大的功能，完全可以画出绚烂的网页出来。
现在来说呢，我给大家提供几个数字，就是网页设计图纸的宽度。如果你的网页是准备留有对联广告的位置，也就是像稀饭主站的那种样式来说呢，你的网页的宽度一般为 768 像素。也有760像素770像素780像素。这看个人的设计习惯来的。但一般来说呢，768像素是最符合规范的，因为768正好是屏幕的高度。如果你是想设计满屏的网页，就像这个论坛吧。宽度一般为1000左右。有人说是1007，的确，在WINDOWS 标准界面下这个宽度能全部显示而不必在下面拉啊拉的。但是如果是XP风格的话，就要左右拉了因此宽度设置为1000差不多。也有设计为998了。这根据个人经验而来，大家可以根据自己的实际判断来说。总之就这左右。告诉嘛~~~~~你想设置多高就多高吧。如果是首页的话呢，最好是能全部显示出来。由于各个浏览器的不同——像多窗口浏览器有一个标签栏，就算是IE，常用图标也有大小之分。因此告诉是多少，你就自己掌握吧。
三、切割网页
切割网页这工作还是交给PS或者FW来制作。也就是使用他们的切片工具。个人认为FW更适合用来切割图片。太专业了。而且很容易上手。PS当然也有这个功能。不过说来寒酸，我到现在也没搞明白那是怎么切割的~~~~~就看别人切割了，自己就是不会~~~~~（没办法，本人电脑知识全部自学，PS、FW、DMX等等等等，因此有些问题搞不明白还是情有可原的吧~~~~ ）
切割网页就是把图片切割成若干个小图片，其中宽度高度什么的都得自己去掌握去学习，我考虑写一个教程。不过时间不是很充裕，看情况。
四、DMX制作网页
终于到这一步了，大家是不是很明白啊？不会用DMX就不能说是会制作网页知道不？现在一般的大学生和职业学校的学生都应该掌握了这个吧。顺便说一下，网页就是表格加图片加FLASH。自己慢慢体会吧。
=============================================
这里只说了个流程，我看情况能不能有时间写出详细的教程。大家自己有基础的可以先做做。这个流程中没有说到CSS样式的设置和其他的规格一些方面。这些就看自己的发挥了。CSS可以用人家现成的，自己修改修改就可以了。
网站制作流程
如果你是想制作一个静态的网站。那么掌握网页制作流程就差不多了，这一章只要学习网站规划就可以。但大多数人不会愿意制作静态的网站，因为管理实在是太麻烦了，因此，网站必然是动态的。呵呵。
一、整体规划
好像又是没有意义的一个词，但是就根本来说实在是太有意义了。网站的规划分为下面几个部分
1、动态程序语言的选择。
大家可以先了解一个语言，ASP ，PHP ，JSP ，CGJ ，.NET 等等等等。就现在来说，一般的小型网站都是使用 ASP + ACC数据库形式来制作，也是互联网上最广泛的方法。 .NET 是新兴的一种语言，应该是ASP的升级版本。互联网有这种趋势，就是 .NET 语言制作网站。 而 PHP + MYSQL 这种形式也广泛流行，象稀饭论坛就是这种形式。我在这里简单说几句而已，没有基础的可以百度一下详细资料。
一般来说，个人网站的形式 为 asp+ acc数据库 和 php + mysql数据库。
2、网站栏目功能规划。
你的网站有哪些栏目，你的网站实现什么功能。很现实的问题，你得好好策划策划哦！！
3、根目录策划。
你的网站实际上就是一堆文件的集合，怎么样去规划这些文件，就是目录的安排。好的网站的目录很清晰，让人一目了然。你自己的你看着办吧。我这里点水而过，详细资料请百度。
二、数据库规划
你已经选择了程序和数据库了对吧，我们现在要做的就是规划数据库了。大家没有什么意见吧~~~~~呵呵。数据库里面放什么东西，怎么样去放，详细资料请百度。
三、编写网站后台
前面已经说了，你要策划网站内容以及功能。写网站是先写后台滴！！目前有很多程序员还没有想到这一点，头大。把后台和数据库全部弄出来了，前台就是显示还有什么问题吗？
四、编写网站前台
网页设计已经在主题帖里面说明了，现在就该是那里设计的也就是网页的前台。网页已经有了，使用程序把内容显示出来应该没有什么问题吧？？
五、测试，修改
没有一个程序弄好了就是没有漏洞没有错误的，测试和修改是必不可少的。经过你的N多测试，我想网站应该没有什么问题了吧？？
六、发布。
如果你的网页仅仅是给自己的朋友看看，当做学习，你可以用自己的电脑配置成服务器，这样的软件是多之又多，大家百度一下吧~~~~呵呵~~~~~ASP+ ACC数据库形式的当然就是配置IIS就可以了，呵呵。
如果你的网站准备长期给大家看~~~~想做一名小小的站长，那么你可以考虑购买虚拟空间和域名。当然，现在有很多人选择免费空间和免费域名~~~~~我当年也是这样做的。不过现在的免费空间实在是不咋滴~~~~~大家如果准备把网站做好的话，还是购买收费空间和*域名吧~~~~~（写了这么多做个广告大家不介意吧？我这边有空间域名提供哦！呵呵，都是很不错的空间域名。要买的话，找我啦~~~~~）
如果你的网站非常受欢迎，或者你的网站内容非常多，虚拟空间已经不能够满足你了，那你租赁服务器或者托管服务器也是比较恰当的。本人身为网络公司，自然和国内多家IDC商家有着紧密联系， 嗯哼~~~啊~~~大家明白了吧~~~~
哇！你的网站实在太强了！！一台服务器已经不能满足你了耶~~~~~考虑服务器集群不？？？？网站做到这一步~~~~也是日进斗金啦~~~~`
如果你想做网站，如果你想成为专业站长~~~~~多多的去体验一下吧！！！(转)