[转帖]如何制作个人主页

lichaoguan

第一日 制作简单的HTML页面 也许你一直希望象别的网虫那样，建立自己的网站，展示自己的才能，交八方朋友，积累工作经验，然而却一直苦于没有时间或一直不知从何做起。其实，你在 ChinaByte 网络学院里就可以找到几乎所有你需要的建站知识，而且你会发现，建立一个网站竟然是如此简单！即使你完全不懂编程知识，甚至你刚刚学会如何上网，也能在春节放假这几天中建立起一个绝对够水准的网站，只要你有一个好想法，再稍微学点知识就够了。 　　 怎么样？咱们这就开始吧！ 　　 今天我建议你先把这里的教程下载到硬盘上，然后细细品味不迟。你可别傻到一边连着网一边学习——除非你的钱多得花不完。如果要成批下载，最好是用 Teleport Pro 或 Webzip 之类的离线浏览器，当然，直接从浏览器下载也行，不过要记得把图片同时下载下来（在 IE5.0 里面可以比较方便地下载图片和页面，在 [ 文件 ] ＝〉 [ 另存为 ] ＝〉在“保存类型”中选择“ Web 页，全部”）。 　　 好，言归正转，要制作网页首先要对 HTML 有一点基本的认识，别害怕，仅仅是一点点而已，事实上即使你连这一点点都不懂也可以做出网页来，不过作为过来人，我还是建议你稍微了解一点点，这会为你今后的进一步学习打好坚实的基础。 　　 那么请先读这两篇： 网站建设六项全能（二）——细说 HTML HTML 一点通（一）——初识网页 　　 《初识网页》一篇会让你了解 HTML 页面的最基本构成元素，如果你今后见到比较好的 HTML 页面，尽可以存下来，通过看 HTML 源代码的方式进行学习。关于更多的 HTML 语法先不必深究。 　　 现在你需要选择一种好用的“兵器”，在这里我向你推荐 Macromedia 公司的 Dreamweaver 软件，这是目前国内网虫公认的最佳页面制作工具。无论对初级网民还是专业高手，它都可以满足各位的需要。其界面非常容易使用，你不必写任何代码就可制作出原先需要 JavaScript 、 DHTML 才能实现的页面特效。此外， Dreamweaver 还可很容易地发挥该公司其它两个设计工具 Fireworks 及 Flash 的优点。 　　 此外，有些网友比较喜欢的页面制作工具还有 Frontpage （微软的产品）、 Homesite 、 Hotdog 、 Notepad （就是 Windows 的写字板）等，这些软件各有千秋，不过有的需要你熟悉 HTML 语法。 　　 在这里只给出 Dreamweaver 2 的教程，如果你安装了 Dreamweaver 3 ，也可以参考此教程，因为大多数功能是一样的。关于 Dreamweaver 3 的新功能可以先不必理会。为了尽快树立信心，建立起你自己的网站，你可以只读基础教程中的一、二、三、八几个部分，其他部分等建起基本的网站以后再读。 Dreamweaver 2 基础教程 Dreamweaver 3 新功能详解（可以先不理会） Dreamweaver 疑难解答 　　 这里的教程一般人应该很容易读懂，一下子记不住没有关系，以后只要多实践，自然就记住了，熟能生巧嘛。只要你学会比较快地制作出简单的页面，今天的任务就算完成了。 第二日 制作图片 作 者 : 冬砧 　　 昨天你已经基本学会了如何制作简单的 HTML 页面，你一定已经发觉，要想制作漂亮的页面就少不了图片的制作。今天我们就开始学习两种图像制作工具。 　　 Photoshop 一直是平面设计工具中的佼佼者，当然可以胜任网页图片的制作啦，不过有时候给人一种杀鸡焉用宰牛刀的感觉，其新推出的 5.5 版集成了 ImageReady 2.0 ，使得其制作网页图像、特效的功能大增，因而更加受到专业人士的喜爱。这两年出现了一批专门对付网页图像的制作工具，比如， Fireworks 、 ImageStyler 、 Paintshop Pro 等，这些工具让网页图片的制作更加轻松自如。你可以根据自己的喜好选择一、两种工具。 　　 这里给出 Photoshop 及 ImageStyler 的基础教程。其中 Photoshop 基础入门一文只需大概浏览一遍，记不住没关系，在使用过程中有不会的地方可以随时查阅。如果你用的是 Photoshop 5.x 版，那必需再看一下其新功能部分，有些地方与 4.x 版有很大的不同。 Photoshop 基础入门 得心应手—— Photoshop 5.0 新功能图解 Photoshop 5.5 新功能一瞥 Photoshop 5.5 的“ Save for Web ”功能 　　 如果你的机器上没有安装 Photoshop 的话，可以试一下 ImageStyler ： Web 图像制作新秀—— ImageStyler 轻松入门 　　 网络学院还将陆续推出一些图像设计软件的实用教程，不过这是后话了。今天你能制作一些简单的按钮，学会处理照片，图片的缩放，阴影效果等就可以了。在学习过程中，你可以随时将图片插入你的页面中，看看效果如何。 。

lichaoguan

第三日 了解网页设计规则 作 者 : 冬砧） 　　 如果你有制作传统印刷图像的基础，那学起网页图片制作来会很容易。但请注意：由于网络带宽、网页图片格式等条件的限制，使得网页图片的制作有自己的一套规则，现在有不少国内公司的网页均在不同程度上违反了这些规则，其页面效果实在不敢恭维。 怎样将一张图片放到网页中？ 作 者 : 西山月 　　正如你已经知道的，网页上不但可以放文本，而且可以放图片。要在网页上显示图片很简单，但是有几个地方，如果你不注意，或没有意识到的话，你的网站会被当作新手网站。 　　 1 、怎样将一张图片放到网页中？ 　　将图片放入网页，要使用 IMG （ image ，图片）标记，它最简单的格式是： < IMG SRC="images/tree.gif"> 。这里的 SRC （ source ，资源）属性，用于指定图片的名称和路径。就象 A （ anchor ，链接）标记中的 HREF 一样，在 SRC 属性中必须指明图片文件的路径，该路径可以是绝对路径，也可以是相对路径。绝对路径指图片文件完整的 URL 地址，例如： 　　 < IMG SRC="http://www.mynet.com/images/tree.gif"> 　　而相对路径是指有 IMG 标记的网页到其中图片文件的路径。例如： 　　 < IMG SRC="images/tree.gif"> 　　上面这个例子说明，图片文件“ tree.gif ”在“ images ”的目录中。为便于管理，一般网站建立者，都将图片放在一个专门的目录中，通常称为“ images ”，当然，你也可以取其他任何名字。本例中，只有当“ images ”目录在网页所在目录之下时，才能正常显示，如果网页和图片文件分别在同层次的两个不同目录中，那么标记应改为： 　　 < IMG SRC="/images/tree.gif"> 　　如果因找不到图片，或其它什么原因，图片无法显示，你会看到一个小图标，使用 Netscape 浏览器的人，还会从中看到“ broken image ”字样，而使用 IE 浏览器的，会看到“ X ”形状。遇到这种情况，一种可能是 IMG 标记中，指定的图片文件路径有误，改为绝对路径，看看能否正确显示。不过，一般还是应尽量使用相对路径，以缩短图片的装载时间。 　　为便于解读， HTML 文件中的标签和属性名称可以用大写，至于你到底用大写还是小写，这并没有多大关系。但是，对于文件名的大小写，就要特别注意了。很多网页都是在 Windows 系统上设计的，但是放这些网页文件的 Web 服务器，一般是运行于 Unix 下。 Windows 和 Unix 对文件名大小写的处理是不同的，前者没有区别，而后者却非常敏感，文件名相同，但大小写不一样，它就当成是另一个文件，所以，一定要使标记中的文件名与实际文件名的写法相同，通常我们都使用小写。

lichaoguan

第四日 网页特效与技巧 作 者 : 冬砧 　　 漂亮的网页特效有时候的确让人有耳目一新之感，然而，除 HTML 特效以外的特效往往会使下载速度明显变慢，而且常常造成浏览器异常关闭或者有在不同浏览器中不兼容的情况。所以我建议你慎用这些技巧。 活用 Table 表格——三维效果篇 活用 Table 表格——弧形边框篇 活用 Table 表格——精确定位 活用 Table 表格—— ChinaByte “编者吹风”的阴影效果 Flash4 教程基础篇 各种漂亮的 Flash 特效 在网上翻滚 第五日 申请主页空间及上传文件 作 者 : 冬砧 　　 页面做得差不多了吧？学会制作页面很容易，但要真正做好可不是一日之功，单靠春节这几天是不够的。不过，为了让你了解建站的全过程，不管你的页面做得多差，我们还是接着进行下面的工作——申请主页空间。说到这里就需要问问你自己制作主页的目的了，只是玩玩亦或把这当作一项事业来做。如果只是玩玩或练练技术，那你完全可以申请一个免费的主页空间，下面列举了一些，你可以根据自己的爱好及所在地点进行选择；如果你将制作网站当成一项事业来做或想通过网站进行产品营销，那你最好先申请一个国际或国内顶级域名，如： http://www.yourname.com http://www.yourname.com.cn http://www.yourname.net 等，这样的名字会更有利于网站的发展。关于域名注册的知识参见：《网站建设六项全能（三）——域名注册“攻略”》。 　　 对于初次制作网站的你来说，还是先申请一个免费的主页空间比较好，以免花冤枉钱。 商都个人网 茂名信息港 自由空间 263TOPCOOL 免费空间 363 免费空间 Homepage Web Provider Xoom Tripod 　　 主页申请好了，就要准备将你制作好的 HTML 页面上传到服务器上去了。我们一般都利用 FTP 来上传，也有些网站是直接通过浏览器 Web 界面来上传。常用的 FTP 软件有 Cuteftp 和 Ws-ftp ，如果还不了解其使用方法可参考以下文章： Cute FTP 快速起步 WS-FTP 快速起步 第六日 宣传你的网站 作 者 : 冬砧） 　　 你的网站基本上建起来了，但目前恐怕还只有你自己一个观众，要想让更多的人知道并喜爱还有许多技巧要学习，光靠注册到几个搜索引擎上是远远不够的。网站宣传与网站建设具有同等的重要性，需要持之以恒才可见效。下面的内容只是起到抛砖引玉的作用，要想成为其中的高手，还需要实践、实践、再实践。 网站建设六项全能（六）——有效宣传网站的技巧 让搜索引擎为你的站点“扬名” 浅谈搜索引擎 meta 标记项与导航台排位的关系 酒香也怕巷子深，广告交换显名声 当心！网上营销十大误区 第七日 了解动态编程技术 作 者 : 冬砧） 　　 也许你并不想成为网页编程大师，不过，也许有一天，你的网站需要完成频繁地更新页面、获取大量用户信息、接受订单等任务，那时你就会需要请别人或自己编一些动态程序了，这类程序能大大减轻你的工作量。学习这些内容要比学习简单的 HTML 制作复杂多了，今天你可以只是稍微了解一下，知道这些技术能让你干些什么，等你的水平提高以后再尝试着深入这个领域吧。

lichaoguan

更多内容请柬 http://netschool.ayinfo.ha.cn/rhzgrwy.htm

峰之巅

支持一下！

sunflower

支持！