网页制作经验谈
#1 一、主页制作六大步骤
1.确定站点内容
一个吸引人的站点必须有自己独特的内容，是别人所不具备的，这是因为网上有着太多的相似、重复，而重复也造成了网络资源的浪费。如果你在某方面（比如制作图像、邮票等）有着较高的造诣，那么你制作这一题材的网站肯定是游刃有余，能充分发挥自己的长处。
2.选定制网工具
古人云：“工欲善其事，必先利其器”。制作个人主页，必须有称手的“兵刃”。就我个人而言，主页制作我推荐：Dreamweaver3.0，它功能强劲，冗余代码少，绝对比FrontPage好用；动画制作推荐：Fireworks3.0、GIF Movie Gear 、Animagic、Flash4.0，Fireworks和Dreamweaver搭配使用创造网络相册功能对于制作大批量的图像缩略图的桌面壁纸站来说，可以达到事半功倍的效果。另外GIF Movie Gear 和Animagic是制作和优化GIF动画的利器，各有各的特色，GIF Movie Gear的操作性更胜一筹，而Animagic的多种淡入淡出等效果颇具特色。但是切忌不能一味地为追求小容量图像而将图像色彩从16M色减至128色，如果减得太多，在插入图像后，你会发现图像变得让人惨不忍睹（^_^有点夸张了）。而Flash制作动态主页的强大功能众所周知，用它制作的主页是网上一道亮丽的风景，它将是主页的潮流导向。图像处理推荐：Photoshop，它强大的多种滤镜效果使处理图形更加方便快捷，是制作主页的站长必备之物。上传软件推荐：CuteFTP，在试用多种上传软件后，数它的功能最强大。
3.勾画版面
制作主页不要急于动手，先行考虑好主页分几块栏目，每个栏目下又有几个分栏目和主页的基本色调。建议先在纸上勾画出大致的轮廓，将内容逐一安排好，合理化安排十分重要，一个看上去乱糟糟的主页没有人愿意去第二次。如果一时无从下手，可以先看看别人制作的主页，学习别人的页面布局、用色、创意、内容的组织与架构，毕竟制作精良的站点还是比较多的。
4.上传发布
主页制作完成后，就可以用CuteFTP上传至服务器。一般管理员会事先用E－mail告知你的用户名、密码以及上传主页的服务器名。在CuteFTP的站点管理器中点击添加站点，在站点标签中填入提供主页空间的站点名称，如果你有多个镜像站，这样做很容易区分开各站点。在主机地址中填入FTP主机地址，地址前不须加http://。用户ID填入用户名，再填入密码点击确定即完成站点添加，在站点管理器中选中站点，点击连接就可以上传了。
5.申请域名
提供文件存放的目录一般是这样的http://＊＊＊/＊＊＊/＊＊＊/＊＊＊/，这就造成了首页地址名冗长，既不醒目，又不能给来访者留下深刻的印象。所以申请一个域名就显得很重要，它主要是提供一个地址转向功能，免费域名可以在网上申请。如果你的主页采用了框架结构，那么在地址栏显示的一直是你的免费域名。例：http://202.101.236.106/grzy/srlmj/index.htm，申请域名后成为http://happy2000.web600.com。
6.登录搜索引擎
如果说登录搜索引擎前你的站点是默默无闻，那么登录后就会广为人知了，它可以提高你的主页访问量。将主页加入搜索引擎就是指在各大搜索引擎上登记自己的站点，让别人可以搜索到你的站点。
#1 二、主页制作常见问题
1.比例到文档。
在Dreamweaver中插入图像时，在选择图像源文件中一定要选择比例到文档，而不能选择比例到根目录。如果你选择了比例到根目录，在IE中预览时，当前页面中可以正常显示出图像，而当你切换到另一页面时，你会发现图像不能正常显示出来。这是新手比较容易犯的问题。
2.固定字号
浏览器的字体大小设置有五项－－最大、大、中、小、最小，假如你按中号字排版，在别人大号字浏览器下可能就不太美观。在<head>和</head>之间加入下面的CSS语句即可固定字体大小，丝毫不受浏览器影响。
<style>
<!－－
p {font－size:9pt};
td {font－size:9pt};
li {font－size:9pt};
select {font－size:9pt};
－－>
<style>
其中，表示font－size:9pt大小固定为9磅（一般都是这个值）， Netscape的浏览器不支持li和select的固定。
但要注意的是，如果你给一些字体另外选定了大小，大号字的浏览器将按它的大小显示，就达不到固定字号的目的。
3.细线立体的表格
有的网友用改变只有一个像素的透明GIF图像的表格背景颜色来达到细线表格的目的，实现起来很麻烦。其实在Dreamweaver中通过设定表格的属性很容易实现。步骤如下：
①建立一个三行一列的表格并选定它。
②将边距和间距设为0；边框设为1。
③将亮边框设为＃666666，暗边框设为＃FFFFFF，背景设为＃FFCC66。
通过设置亮边框和暗边框颜色使细线表格看上去具有立体效果，可访问http://happy2000.web600.com观看大量采用细线表格的例子。
4.缩进首行文字
在行首只须按“Ctrl＋Shift＋Space”两次就可达到缩进首行两个文字的效果。
5.回到页首
选定▲top，在属性窗口，链接处填入＃，目标处选择_top即可。
6.图片加文字提示
选定图片，在属性窗口的文字处填入提示文字即可。
7.在新窗口打开链接
选定文字或图片，在属性窗口的目标处选择_black即可。
在Dreamweaver中，一切是那么的方便，所见即所得的制作方式省去了我们许多宝贵的时间。