网页制作魔法宝典
1． 在制作网页前，你首先要为你的网站取一个好听好记充满个性的名字，一个好的网站名称和域名往往会给访问者留下深刻的印象。一定要取一个与你网站的主题、内容相关，或者很个性化的名字。如果你申请的免费主页空间的网址很长，那你可以去申请一个转向域名。还要准备好你的“武器”比如说有：Frontpage、Dreamweaver、Flash、Firework、Photoshop等，当然还有很多。然后，你就必须规划好你的网站蓝图，可以先在纸上画好你的主页，再在电脑上进行设计。另外，你还要设计一个美观大方的LOGO，一定要结合你的网站主题，最后，值得一提的是：网站文档目录一定要事先规划好，别图一时的轻松，否则以后会给你带来许多不必要的麻烦，其次，文件的命名也要根据其内容来命名，比如说是一只鸟的图片，就可以依照你的习惯命名为Bird或者Xiaoniao、切记不要用aaa、bbb之类的来命名哟！
2．网页设计制作的三个基本原则：内容有特点，页面设计精美，浏览访问速度快。内容嘛，当然要有特色，要能充分show出自己的个性。一个设计精美的网站可以让访问者流连往返，精雕细刻到每个小图标。另外，别以为网络上是“共产主义”，你抄我抄大家抄，茫茫网海，更何况还有那么多的大型商业网站。如果有自己的原创文章（哪怕是口水话），相信也比那些“拿来”就用的内容好呀；页面设计精美，自然没得说，网络嘛，自然要有声有色；至于速度，就不用多说了，对于那些还使用MODEN上网的人（包括我在内……）尤为重要，这毕竟还是中国大部分网民的上网方式，因此如果网页下载速度特别慢的话，那就……你设计的再精美的网页也没人看啦（你瞧，用宽带的那人多骄傲，不就是宽带嘛，速度快点嘛，我也装……借点RMB吧！……）
3．在主页上，一定要有导航栏，一来可以让访问者了解你网站的主要内容，二来方便大家直接访问他们所需要的内容。但是，主页上的导航一般应只限于重要的版块栏目，别什么栏目的超级链接都分担在主页的头上，原因嘛，你清楚，我这里就不多说了。
4．一个成功的网页，一般都包含有很多其它的元素，例如表格、图片、背景、音乐、动画、动态文字告示，不过，一定要牢记不要在同一页面使用过多的这些元素，因为这样很容易使访问者产生一种厌烦感，整个网页“乱七八糟”的。更重要的是，影响了速度。
5．链接一般分为文字链接和图片链接，在制作超级链接时，最好采用相对超级链接，这对于文件或文件夹的移动起到了很大的方便。因为在本地硬盘上做好了的网站，是要上传到主页空间服务器上的，另外，如果不是起链接作用的图片，一定不要制作成按钮的样式，同样的道理，如果是文字，若没有链接作用的，也不要用“下划线”来修饰，否则对于访问者来说，是一个误导。
6．一般的个人网站都有“友情链接”的栏目，不过最好链接到与你内容相关相类似的网站，例如你是一个以文学为主的网站，但在网站的友情链接中，是一些体育、保健之类的链接，那就是显得不伦不类了。
7．网页中的文字，一般不要太大或者太小（比如说9号字就比较合适），也不要轻易用上颜色、背景、粗体、斜体之类的，尤其不要盲目使用下划线（刚才已经说明了原因），除非是标题等比较重要的文字。另外还要说明的一点就是，很多人在制作网页时使用很多种字体，这样一来，网页上由于字体太多而显得“视觉混乱”，最重要的是，有些不常用的字体，由于浏览者的电脑上并没有安装，很可以出现乱码或者仅以普通的“宋体”字显示，真是得不偿失。
8．在制作网页时，一般都要使用图片、动画、Flash之类非常影响下载速度的内容，因此我在这里提醒大家，一定要少用，对于与网页内容很有关系的图片，可以采用GIF或者JPEG的格式的图像，要不然我可没耐心等，比你好的网站多着哩。
9．网页的每一处设计，都要和访问者操作起来是否方便充分考虑，别左上边一个超链接，而右下方又一个超链接，因此要充分体现“人性化”的设计理念。
10．对于长篇文章的网页，如果网页实在很长的话，可考虑使用“自动滚屏”这个特效，要实现这个功能其实很简单，比如在一些网页制作特效代码之类的软件里就有。不过，还要在网页的醒目位置说明有这一功能，要不然访问者都快要看完了，还不知道哩。但是我还是希望大家在制作较长的网页时，最好分成几个页面，要不然就增加书签。
11．学会合理的运用色彩，可以增强网页所要表达的主题，展示你的个性。每一种颜色，都有独自的内涵，看看下表，你就明白了：
黑色：严肃、文雅、庄重、悲哀 茶色：老练、深沉、冷静
白色：纯洁、神圣、和平、高雅 黄色：轻快、活泼、兴奋
绿色：青春、宁静、活力、娴静 橙色：光明、闷满、活力
紫色：高贵、威严、忧郁、虚荣 蓝色：智慧、安静、寒冷
红色：活泼、醒目、喜庆、热情 灰色：安静、柔和、神秘
12．网页上的图像最好增加ALT文字，尤其是那些带链接的图片，若图像未显示前，或者根本就没有显示的情况下，还能知道这图片大概的内容或者所链接到的网页的名称。其方法很简单，例如：<img src="图象文件" alt="图象说明的关键词语">，你只需在相应的位置加入关键词语就可以啦。
13．如果一个网页中实在要加很多的图片，那就可以考虑用提前下载图片的方法，即用浏览者在浏览前一页的时间来提前下载下一页的图片，以提高浏览的速度。只需在网页的HTML语句的<body> </body>中加上：<img src="文件的路径/文件名" width="0" height="0">
14．网页使用背景音乐，可以提高访问者对网站的好感，但是如果每一页都加上背景音乐的话，浏览者会毫不留情的关掉，因为在网络中，时间就是金钱……另外值得注意的一点就是：背景音乐的主旋律一定要与网站的主题相吻合，打个比方说：一个以儿童天地为主题的网站，背景音乐就应该使用轻快，活泼，能体现童真童趣之类的音乐。
15．每一个网页的标题栏上，都应该写上与网页相对应的文字，这是很多初学者都容易忽略的地方。这对于浏览者来说，提供了很大的方便。其实，通过特效代码，可以将标题栏上的文字做成动态的效果，比如说常见的有跑马灯效果、文字射击效果，你还可以加上今天的日期。让你的网页处处显酷。
16．另外，在每一页下方加上公司或个人名称，版权信息，电子邮件信箱或联络电话、传真等，如果用相关的小图片取代 “E-mail”等文字的话，那就再好不过了，这样能起到画龙点睛的作用，最好在首页加上网页最后更新的日期。另外在每一页加上“关闭窗口”、“返回主页”也是必不可少的，使浏览者在你的网站里穿梭自如。
17．mailto是制作网页的一个常用语句，当访问者点击这个链接时，就会自动打开系统默认的电子邮件客户端软件，如OE、Foxmail等。并且已经自动填写上了收件人的地址，其它的内容就必须访问者自行填上。如果能自动把主题、抄送、暗送，甚至内容都填上的话，能给访问者带来很多方便。（其实在FrontPage XP）中就可以预先将主题设置好）。
18．如果你的网站有“软件下载”之类的栏目，在每一个软件下载链接旁边都应该加上该软件的大小、版本、发布时间，适合的操作系统及简要的文字说明。要不然，访问者在几十分钟甚至更长时间苦等后，下载下来的软件却无法使用，那就……
19．一般很多人在制作网页时，加上很多特效，什么图片跟随鼠标，时间特效啦，还有滚动文字什么的，殊不知这是以访问者的浏览时间换来的。如果连访问者都等着不想看了，你再好的制作也泡汤了。当然，在一个页面中，加上一至二个还是可以的。如果特效代码很长，那就可以使用下面的这种方法，其实这种方法还有助于提高速度：首先把JavaScript特效的源代码拷贝出来，粘贴到一个空的记事本上，再把它保存为“*.js”的文件。这样你就可以在你所需要特效的网页中，加入 <Script src=文件的路径/文件名.js> </Script> 来调用该脚本文件了。如果JS特效分为几个部分，就要分开进行编辑，并分别将它放在原来特效代码要放的位置上。这里还要申明的是，一定不要对浏览者（注册表）动手脚（我原来可是深受其害呀），不要自作主张的设为首页，或者在标题栏加上“欢迎光临……”之类的文字，反正我是很反感，想必很多网民和我一样，我是绝对不会再来第二次的！！！
20．要学会挖掘互联网上的特效代码和脚本资源。在很多个人网站都有免费的网页特效代码提供，另外还可以从一个网页的源代码中提取特效代码，在该网页上电击右键，选择“查看源文件”，JavaScript脚本都是以<script> </script>的形式出现的，那你就只需找到所需要的特效代码，复制——粘贴就OK。但有的网页是直接调用脚本文件（JS文件）的，那就可能稍微麻烦一点，有三种方法：一是将该网页保存到硬盘上（网页，全部），这时它所有的JS文件也都被down了下来；第二种是查看源文件，找到JS文件的路径，IE拷到地址栏里（有些是用的相对链接，因此要注意相对路径和绝对路径之间的转化），随后弹出“文件下载”对话框。还有一种方法是记助文件名，直接到IE缓存里去找。一般来说，JS文件很小。如果你要进行编辑，只需点击右键，选择“编辑”就可以启动记事本进行编辑了。
21．为了加强网站的动感，还可以使用“网页过渡效果”，即在进入或者离开该网页时，产生一种特殊的过渡效果，比如说百叶窗效果、擦出效果等，设置起来很简单，就自己去琢磨吧！
22．在主页中，加上“设为首页”、“加入收藏“之类的功能是必不可少的，在一定程度上可方便访问者，以提高网站的访问量，但可别还是老样子，就拿我的个人网站来说吧，将鼠标悬停于这些文字上即可弹出对话框，省去了浏览者的单击操作，当然你还可以用图片替代文字，尽量做的更新颖有趣些，自然能够吸引更多的访问者。
23．在浏览器地址栏前添加上网站的LOGO，相信大家一定见过（例如将新浪网加入收藏夹中，就会发现有一个非常漂亮的网站LOGO）。其实通过几个简单的步骤，你的个人网站也可以变得如此酷。首先制作一个16×16像素的图标（后缀为ico）并上传到网站根目录，然后在网页的<head> </head>间加入如下代码：<link rel="shortcut icon" href="http://图片地址">
24．在网站中，放上一个BBS或者留言本，也是很有用的，一来可以与浏览者交流，听取他们的建议或者意见，以提高自己网页的设计水平，改变内容以适应更多访问者的胃口、纠正错误等等，还可以给浏览者做斑竹的机会，让他也参与进你的网站，真正实现互动效果，不过，一定要即时回复网友们的留言，以提高他们对你的信任喔。如果再去网上免费申请一个虚拟社区的话（我的个人网站里就有一个），那就更好不过了。
25．对于已经有了自己网站的人，可要记住啦，一定要及时更新网站上的内容，让访问者感到你的网站随时都是“新鲜出炉”，你可以以定期或者不定期的方式更新自己网站上的内容，尤其对于那些以新闻实事为主的个人网站，你可别在你的“最近更新”里还写着“9.11”啊！
26．合理运用弹出式窗口，往往可以起到事半功倍的效果。你可以将你的最新通告、更新，欢迎访问、版权信息或者重要的内容放在这个窗口中，不过千万不要在每一个页面都设置有弹出式窗口，这样会令访问者非常反感的（到时可别怪我没提醒你呀！）
27．如果你制作好了自己的网站，可访问人数一直很少，那你就可以采用下面的几种方法喔：①当然首先告诉你自己的亲朋好友，什么同学啦、同事啦……，凡是你认识的都告诉他们你网站的网址。②到一些著名的聊天室里进行宣传，例如网易、263等，将你的网站名称、网址、主要栏目发送到聊天室里。不过，可别惹火了管理员，要不然“踢”你没商量。③现在，很多网站都提供BBS之类的在线论坛，找一个合适的分类，比如“网页制作”、“电脑网络”等，将你的网站的名称、网址、简单介绍等都“灌”进去。不过，一次肯定没有什么效果，坚持就是胜利，但也别太过火，要不然你的网站就臭名远洋（管它臭不臭的，只要“远洋”就行了）。④与网上其它一些个人网站做友情链接，虽然实际链接率一般都不高，但总比没有强吧！⑤你还可以到一些著名的搜索引擎，如Yahoo、Sohu、263等，将你的网站加入搜索引擎。⑥将自己的名片，过节送别人的贺卡上，统统写上自己的网址……（亏你想得出啊！……）。⑦还有很多很多，比如“广告交换”。
28．经过一个较长的时期，对于一个多次访问过你的网站的网友来说，哪怕是一个设计再精良的网站，也没什么新意感了，那怎么办？两个字：改版。在个人网站中，一些大虾、老鸟级的人物，对于自己发布较长的网站一般都要进行改版，重新包装，重新设计，别老是那副面孔，给访问过你网站的人一个精喜，相信这样会有更多的回头客。在新改版的网站中，一般不要沿用以前的版式，最好全部进行设计，当然，这是要付出你的心血和时间的。（为人民服务嘛，我们吃点苦又算什么……）。
……
