第1日制作简单的HTML页面.doc

第一日 制作简单的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 轻