小试下牛刀用Dreamweaver 8做张贺卡
虽然我们相信能够通过短短几页文章,引领大家一起制作出像样的网页贺卡,但也需要提醒大家,Dreamweaver 8可不像泡方便面那么简单的。为什么军队的战斗力如此强大?因为他们有明确的战略目标和具体的战术指引,而我们要用同样的方式来克服各个难点,直至赢得最后的胜利。
网页制作的工具有很多,但是比较闻名的所见即所得的制作工具以Microsoft的Frontpage和Macromedia的Dreamweaver最为闻名。何谓所见即所得?顾名思义,就是你在工具的编辑窗口所见到的画面就是在浏览器里显示出的画面,这样一来,我们不需要把握专业的HTML源代码知识就可以做出漂亮的网页。
在Dreamweaver没有诞生以前,Frontpage可谓是最好的所见即所得网页制作工具,微软公司依靠此软件垄断着网页制作工具市场,但随着Dreamweaver的横空出世,Frontpage渐渐开始走下坡路。Dreamweaver凭着强大的技术支撑,完善的站点治理功能和不断开拓进取的精神,已经成为业界的NO.1。在2005年年末新发布的Dreamweaver 8简体中文版中,我们欣喜地看到这款专业级的网页制作工具又增添了许多新功能,这些改进无论对开始使用XHTML,XML制作网页的高级使用者还是刚刚入门的新手来说都是让人欢呼雀跃的。
战略目标:建立根据地
战略意义:通过熟习页面构成的基本要素了解自己应该怎么规划页面
战术讲解:根据地是一场战斗的基础,没有根据地就无法开始战斗,胜与负就更无从说起。这就像要做好一张网页,首先要知道一张网页是如何运行的,网页的根本是什么?是框架,是借助表格功能来搭建的框架!在网上打开任意一张网页,我们会发现组成网页的无非就是文字、图片、flash等元素。这些元素又是如何被排列、规划成一块一块而不是杂乱无章地随意摆放的呢?这就要归功于表格的作用了,想制作一张像模像样的网页,学会表格的排列和嵌套则是基础中的基础。
一张制作好的网页,实际上是由一行行的HTML代码组成,在没有所见即所得编辑工具以前,网页制作师都是通过古老的记事本,或者专业的HotDog、HomeSite等工具手工编写代码。然后通过IE等浏览器进行代码的解释,才能直观地将网页呈现在用户面前。对于初学者这显然是不可想象的,如今我们有了Dreamweaver,通过几个简单的鼠标动作就可以制作出自己的网页,而不需要学习专业的HTML代码编写。
我们可以将一张网页想象成一座大厦,即将要写入的文字就是这座大厦里工作的人,插入的图片和动画就是办公所使用的家具和其他设施。等等,难道你就这样一古脑的把人和家具都扔进去?A公司和B公司挤在一起上班?有人顶着椅子用电脑,有人踩在别人头上开会?NO!IQ正常的人都知道,我们应该将大厦分成很多层,然后每层分成很多房间,A公司在一层B公司二层,洗手间在左边办公室在右边,而实现这种元素分隔功能的就是表格了。有了这种抽象的概念以后,让我们回到这张空白的页面上来,开始战斗吧!
第一步:创建新页面
打开DW8,哇,这个界面看上去好复杂,不要被吓倒了哦,接下来的所有战斗都将在这个复杂地形上展开。首先要做的是新建一张页面,看到画面中心的项目列表了吗?点击“创建新项目”下的“HTML”(图1)创建一张新网页,然后可以通过点击设计或代码窗口上方的三个按钮来切换显示模式,具体效果大家可以自己尝试一下(图2)。


