[分享] 主页新手入门 -- 制作个人主页的窍门

边城玫女

我学的专业与计算机有很大关系，特别是网络，通信
今天竟然要交《多媒体论文》于是，没有办法，只好制作网页啦

===========================================

　　　　　　主页新手入门（一） -- 制作个人主页的窍门

　　1.开始着手策划制作主页首先面临的问题便是我要制作什么内容，选择什么样的选材。一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。


　　2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。　　


　　3.开始制作主页时请您千万不要急着许多页面一起制作。许多新手会及不可待的将收集到的各种资料填入各个页面。转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy成N个页,再将相应的内容填充。这样制作的主页,速度快,整体性强。

　　4.每个页面不要使用超过太多的java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受.java会使您的网页速度减慢。

　　5.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的。所有的图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以"分割"成小图片。合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示。

　　6.为您的图片加注解。图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击。

边城玫女

　　　　　　　　主页新手入门（二） -- 制作个人主页的心得

　　网页的制作是一个痛苦的过程，对于一个新手，既想节约时间，又希望能够在网络上证明自己，做出好的网页，的确是比较困难的一件事。其间会走不少的弯路，碰许多的钉子，或许到访的朋友许多都有这种体会。

　　主页制作建议采用比较顺手的工具，如Dreamweaver、Frontpage等。推荐使用Dreamweaver。它的所见即所得的制作方式比较适合初学者。制作中可以把HTML方式（“查看”菜单下的“代码”选项）与直接设计相结合，注意应用表格的功能。至于一些小技巧，可等主页成形后再应用。不过对于初学者，“平平淡淡才是真”。
　　
　　对于主页制作新手来说，分析其它网站的设计结构是个很不错的学习方法。例如你访问到一个认为不错的网页。在网页显示完毕后使用浏览器的“文件”下的“另存为”将那个网页保存在本地电脑里。然后用主页制作工具将其打开。这样你就可以很清楚地看到此网页的设计结构，通过分析和学习你一定能从中得到提高。

　　制作主页首先要从制作首页（即你的主页中的第一个页面，也叫索引页）开始。西陆主页空间的默认首页的文件名是 index.html 。所以你需要将制作的首页文件命名为此文件名。首页应结构清晰，易于导航。网站结构象人的骨骼，构筑起网站的整体框架，虽然表现形式各异，但让人迷失终归不好，尤其是内容丰富的网站更应注意。

　　以下是制作主页时需要注意的几个问题：

　　１.所有的文件名不要使用中文名。否则上传到网上后由于系统无法识别所以会无法显示。
　　２.请注意区分大小写字母。建议全部使用小写字母。
　　３.网页中尽量不要使用太多的图片及调用程序。这会严重拖慢访问主页的速度。

　　主页制作完毕后，您可以通过许多方式宣传您的主页。例如直接向网友推荐、在各种论坛中宣传、与一些主页交换友情链接或把自己的主页加入一些搜索引擎等等。

边城玫女

　　 　　　　　　　　　*另外*
　　　　　　　　　　　　　　

　　1.首先主题选择不要落俗! 现在许多的个人主页就象"大锅饭".题材包罗万象,内容雷同
无味.人人都是"软件速递""音乐宝库""主页教程"等等.让我一看就赶紧"back",我可是花钱上
网的噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎，另外提醒您的一
点就是,最好不要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空间提供商
都不接受含此类信息的站点.

　　2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，
总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就
作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。

　　3.开始制作请您千万不要急着许多页面一起制作.许多新手会及不可待的将收集到的各种
资料填入各个页面.转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发
现一页一页改的好辛苦! 建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方
式统统设计周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy成N个页
,再将相应的内容"填空".这样制作的主页,速度快,整体性强.如果您能结合borders的使用,可
以天天轻松改变站点的风格.

　　4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评论和见解,会使大
家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程
.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!

边城玫女

表格使用的常见问题及解决方法
　　C、表格单元格之间互相干扰引起的变形

　　这种变形情况通常是在工具里制作主页时没有空隙，而在浏览时却发现莫名其妙地多出一些空隙，而又不知原因在哪，很是令人讨厌。

　　本人也经常遇到类似的情况，解决办法一是先看表格设置有没有上面所谈的两种情况，如没有，可能就是在划分表格时，同一行的单元格之间相互牵制所出现的问题。

　　我们知道，同一行的表格单元在诸如DreamWeaver 或FrontPage中经常频繁地被拆分，所以，同一行的单元格与另一个单元格的宽与高不一致，这时，你就要注意两个单元格属性：colspan、rowspan。colspan表示的是横向扩展，而rowspan则表示的是纵向扩展，这个扩展的意思即当前表格单元相邻的横向与竖向的表格单元数，也可这样理解为表格单元的高或宽是相邻几个表格单元的高或宽的相加和，如下图。

　　　　

　　这个单元格横向所占用的宽度是3个表格单元的宽度(这里取最大值)，即colspan=3；而竖向的高度是三个表格单元高度的总和，即rowspan=3。

　　那么我们说的这种变形就和这个设置有关，如果改变相邻单元格的高或宽与个数时，图中所指的单元格也会发生相应的变化，相互制约，调整起来很麻烦，这非我们所希望的，我本人提倡，如果表格比较复杂，最好采取嵌表格的形式，这样，可以少一些单元格之间相互干扰情况，而使单元格之间相对独立。 　　出现变形有情况还很多，我们就不一一陈述，我建议你在划分表格时，除了一些必要的高、宽设置外，将其它的高、宽设置全部删掉，一则减少了冗余代码，另则，也免除一些摸不着头脑的错误。

　　　2、图片显示的问题

　　有时候我们明明在单元格中插入了背景图片，而且在Dreamweaver的视窗里也可以看到，但是一预览背景图片就不显示了。遇到这种请情况，不要着急，检查一下你的代码是否正确，我们来看下面的表格：








表格代码：
＜table width="300" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000"＞
＜tr background="hzz01_050213.gif"＞
＜td height="19"＞ ＜/td＞
＜td height="19"＞ ＜/td＞
＜/tr＞
＜/table＞

　　不错，上面的背景图确实有(background="hzz01_050213.gif")，但由于放错了地方，所以就显示不出来了，请把背景属性放在＜td＞标记里面，然后再预览一次，怎么样，这次出来了吧！




表格代码：
＜table width="300" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000"＞
＜tr＞
＜td height="19" background="hzz01_050213.gif"＞ ＜/td＞
＜td height="19" background="hzz01_050213.gif"＞ ＜/td＞
＜/tr＞
＜/table＞



　　3、表格布满页面的问题
我们在很多地方看到为了使页面适应不同的分辨率，通常将表格的大小按百分比设置。刚开始学做网页的时候，我已经把表格的宽度设置为100%，但在浏览器上还是不能满屏显示，四周总有一圈空白，我曾对此感到迷惑不解，后来在论坛请教才知道这不是表格的错。如果你用Dreamweaver制作网页，这个问题很好解决，选择菜单Modify --＞ Page Properties,在弹出的对话框里设置Left、Top为0就ok了！

　　4、任意大小的表格

　　用拖动鼠标的方法改变表格的大小时，你会发现当表格的高度为10时就不能拖动了，或者你在属性面板里将表格的高度定义为5个象素,但是在浏览器中显示的并不是高为5个象素的表格，是不是不能制作这样的表格呢？当然不是，这个问题我们在细线表格的制作方法中已经涉及到了，设置完表格的高度后，还需要把单元格中的“ ”去掉，见下例：





　　5、被撑大的表格

　　有的网友在问已经定义了表格的大小，但为什么会在输入内容后，表格变大了呢？这个问题应该不算是问题，表格的大小不仅与自身的属性有关，还要受表格里的内容的影响。譬如设置了表格的尺寸为120*80,然后在表格里插入一个150*100的图象，很明显按表格的尺寸根本“装”不下这个图片，所以当在浏览器中查看时会发现表格变大了(此时，在属性面板里表格的大小依然显示的是120*80，所以会让新手感到奇怪。实际上在插入图片时表格的尺寸已经发生了改变，不过由于软件的局限性没显示出来罢了)，如果你确实需要表格不随插入的图片而改变的话，简单的办法就是把图片作为背景，不过，这图片看起来可不怎么样了。

　　总结

　　表格的使用中我们还会碰到许多这样那样的问题，这些问题对许多高手看来不算什么、但足以让新手迷惑不解。有问题没关系，大家可以多去一些比较好的设计技术论坛讨论，多看多观察，多思考、动手实践，只要肯学，一样会成为网页制作的高手。

边城玫女

　　　　　　　　学做网页有秘诀的。
1。先上网看看别人网页的布局，多是什么样子的，这样对自己做网页有个大致的想法。
2。学着用点DREAMWEAR之类的软件，编写一些简单的网页。这样就学会了最少的应用。
3。自己运用软件编写简单网页，遇到想做做不到的，上网看看人家的源程序，然后自己想想
步骤。
4。自己学点FLASH，PHOTOSHOP，等软件，使自己网页锦上添花。
5。加一些网页特效，JAVA脚本，VB脚本等。
6。学习CSS表单，让你的网页布局更合理，效果更生动。
7。学习SQL等数据库，去明白后台数据是怎样存储的。
8。学习ASP编程，连接数据库，好了，你已经是网页制作高手了，因为你有创意，有技术，
还明白布局和编程了，呵呵，自己动手吧，勤奋加天分了。
有机会去做网站的地方看看服务器是怎么工作的，我是没那个希望了，唉

边城玫女

很难想象现在有多少个人主页，也很难想象有多少人渴望拥有自己的主面——上网，就如同一头扎进了个人主页的海洋——多得数也数不清！

1、条理清晰

设计主页并不很难：和所有平面设计作品一样，别让观众看得头晕眼花！也就是说，必须有自己需要传达的主要信息，让人能在很短的时间内明了主页的主要内容。

主页的作用好比书的封面、产品的包装，是为了吸引观众观看里面的内容。因此，主页的设应该清晰明了、让人一目了然，千万别让画面上存在太多不必要的细节，使画面过于复杂。页面应上清楚列出所提供的产品或服务、以及主页内容等要点。和所有平面作品一样，页面给人的第一印象极为重要，如果不能在第一时间内吸引住观众，那么他很难会停下来深入观看其中的内容。

2、为客人多考虑

一旦观众打开你的主页链接，他就成为你的客人了，当然，你这主页也不能太失礼嘛：现今大部分客人都用调制解调器上网，因此他们一般都要花较长的时间等待网页下载。这时的感觉就叫……就叫望眼欲穿！因此主页别太大（越大则下载速度越慢）。通常，文本的传送都较快，而图像则相对慢些，并且图像愈大、颜色愈深，传送页面的时间愈长。如果载入的时间超过二十秒，你的客人可能会生气，甚至拂袖而去。

不要只追求效果，速度也很重要。颜色最好不超过十二种，页顶图像最好保持在10KB以下。别用太大的图像，一两幅短小精悍的图像即可。在进行网页制作时一定要考虑网页的传送速度，最好先试试在稍差的条件下的传送速度。

另外、不要把客人的计算机想象得太高档，有可能他的显示器根本够不着你的要求，或者他根本没有某些先进的测览软件，并且很多客人喜欢不下载图片，所以你应该想象主页运行在这些情况下的效果，并作出相应的措施。

为客人考虑多一点，他会很乐意的再次成为你的客人的。

3、页面构成精致

抛开主页的内容不谈，要在第一时间吸引观众，页面设计好坏是重要因素，网络最大的优势在于其多媒体能力，所以一定要善于利用这些优势。合理的版面设计、精致的构成、醒目的图像、新颖的画面、美观的字体都能让人过目不忘。

图画是文字的补充，可以弥补文字的不足，但却不能够完全取代文字。因此图像的内容应结合文字内容，切忌虚饰浮夸，应该“在美丽的外表内，拥有相当的内涵”。

为了追求速度，很多观众会将浏览软件设定为略去图像。因此，制作主页时，必须考虑到页面缺少图像后的页面效果，必要时可将图像表达的信息或联接其他页面的指示用文字重复表达1次。 完成制作后，一定要用纯文本模式测试，确保其构成仍然精致，并且信息传达完整。

4、别让观众太幸苦

别让观众费太多力气来寻找他需要的内容。

个人主页通常不具备导航页面，所以主页也就担负起导航的重任了，主页上应该能指出主要的链接，基于清晰明确和速度的考虑，链接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。如果你所提供的信息不应埋藏在重重叠叠的链接后面。太多的链接会浪费观众太多的时间，让人讨厌。因此，最好能让观众在很短的时间内找到你所提供的主要信息。

页面别太长，观众不会介意轻微的拖动滑块，但你可不能因此就将页面做得太长。

随时提供一个必要的返回链接。观众不会象你一样熟悉你的主页，如果他走到一个地方后，竟不知道怎样走出来了，这时，他只能选择“关闭”。太概，关闭后就不会再打开了。

5、经常更新内容

世界是变化的，世界的发展的……（屁话！）

你不会想让观众将你主页上的内容记下来吧？况且，他们根本不乐意将一个内容重复好几遍，如果你的主页从不改变，他们很快会厌倦，直接后果就是……访问量下降！

你可以定期改变主页上的图像或更改主页的式样。可以经常经常更换主页提供的是信息。也可以将提供一个存放新信息的页面。

经常更新内容，访问量才会长常保持。

6、千万别失信。

我上网，极怕填表格，填完表格后，又怕等，等一些时间，又怕对方无法实现……

其实，无论现实生活中，还是网络的虚拟生活中，人们都极讨厌经常失信的人。如果你失信，他可能不会找你麻烦，却不会再光临你的主页。

不要骗观众，就好象某主页上信誓旦旦的表示什么时候推出什么什么，结果害我跑去一看，居然什么也没有，还说什么由于什么什么原故，因此不能什么什么……气得我差点吐血，从此，永别！

如果不是确有必要，最好别说什么近期推出之类的话，这一类话观众一般不爱听，如果不能够准确给定时间，最好别提这事。

所以，做不到，就不要轻易承诺。

边城玫女

十八点注意

1：注意修改网页标题属性

在浏览某些个人主页时，经常看到标题栏上写着“新网页……”，使网页内容不明了，这也是制作网页的初学者经常犯的错误。

可以修改网页属性对话框中的常规标签的标题一项或HTML语言中的<title>标签内的内容。

2：注意相对路径和绝对路径

我的网页传上去了，但有些链接却打不开，这也是初学者常遇到的问题。

这就是相对路径与绝对路径的问题，打开源文件，看看有没有类似file:///C:/……之类的语句，将其改为相对路径即可。为了避免这种情况的出现，可以将所有用到的文件放到同一目录中，再进行超级链接，并可随时查看对应HTML中的<img>或<a>标签中的scr或href中的路径。

3：文件最好不以中文起名，不以数字开头，并且都用小写字母，文件名应起得有意义。

这是因为在不同的操作系统下，对文件名的要求不一样，一般都不支持中文，且像UNIX这样的操作系统对大小写很敏感，所以为了防止出错，还是以小写字母起名为好。

4：在有框架的页上做超级链接时应特别注意链接的目标在哪个窗口打开。

可以在超级链接属性的目标框架一项中修改，也可以修改HTML语言中的target的值。

5：在做大量相同模式可相似的网页时，可以利用模板。也可以将相似的页多复制几份，以后只修改内容。

用这种方法可以节省大量的时间。并且使网页做出来后风格统一。

6：网站上传时应随时保持有最新的文件，最好将最新的文件归并入一个目录，以免将旧文件上传上去。

7：尽量不用表格嵌套，最多嵌套一层。将大表格转化为若干小表格。整个网页的内容不要放到一个大表格中。

这是因为浏览器在显示网页时，必须先弄清表格的结构，然后再显示，表格嵌套过多或表格结构过于复杂，都会影响网页的显示速度。

8：图片在网页中显示的面积应大于等于图片自身的面积。

一图顶千文，图片的体积比较大，为了使网页传输得更快，可以插入一个小图片，然后在编辑器中将其拉大（当然应尽量保持不失真）。记住，在编辑器中改变图像的大小是不会改变图像的真实大小的。

9：当图片外有表格时应保持表格属性中的高度和宽度大于图片显示的高度和宽度（特别是宽度）。

这是因为浏览器读出表格结构后，将画出表格。当浏览器发现表格的大小放不下图像时，将重绘一遍表格，使显示的时间增加。这也是我们有时看到浏览器不时重绘屏幕的原因。

10：表格中文字图像混排时，应以像素值确定表格的宽度。

这是保证在不同窗口大小时版面不错乱的最好方法。

11：表格中仅有文字且在自动折行时不会破坏版面时，应以百分比确定表格的宽度。

这样可以不出现横着的滚动条，不会造成阅读困难。

12：适当考虑因浏览器的兼容性和分辨率、字体大小的不同而引起的版面错乱。

最好以IE4、800＊600、字体大小中或较小为主。以IE3、640＊480为辅。不必考虑1024＊768或更高分辨率的情况。

13：尽量不用宋体之外的其它字体。如需要，可以做成低颜色数的图片。

当我们用的字体在浏览者的机器上没有安装时，浏览器将调用默认字体。所以我们有时用了一些很好看的字体，但传到网上后却达不到原来的效果。

14：用样式表（CSS）时应保证将样式表去掉后不会引起不可忍受的浏览效果。

因为CSS的某些特性少数浏览器不支持，应少用慎用。

举一个简单的例子，用样式表可以将一个字放到无限大，而在HTML中一个字最大是七号。假若我用样式表将一个字放到满屏那么大，一但浏览器不支持，那么这个字将回到七号字大小（甚至更小）。这时版面将发生大的变化，有可能就无法看了。

15：尽量不用JavaApplent。

不仅速度慢，而且常会有class not found的错误，给你的网页上留下一块银色区域。若里面还有一个重要链接，可就……

16：字体大小应以修改字体属性（点右键，从快捷菜单中选字体属性）中的字号（从1号——7号）为主。不要用快捷工具栏中A^按钮来修改文字大小。这是为了使产生的HMTL代码清楚简练。修改字号大小时，HTML中改的是<font size = “?”>。若用快捷按钮则是产生<big>标签。

17：能用HTML实现的不用CSS实现。

这也是为了防止浏览器不支持CSS的最佳方法。

18：修改HTML时善用搜索功能。

可以成倍地提高效率，以免你眼睛看痛了还找不到标签。