虽然现在我们有QQ空间,有微博,但那是建在人家的屋檐之下,俗话说得好:人在屋檐下,不得不低头。万一他们的服务器发生故障,你只能眼巴巴地看着喽!那能不能在网上建一个属于自己的“窝”呢?把自己学习的经验或者各种兴趣爱好放到自己的网络小空间里和朋友们分享,可以尽情展示自己的风采和作品。下面就让我们先从Dreamweaver开始学起,进入这个奇妙的网站设计世界吧!
一、安家落户
Dreamweaver是Adobe公司推出的一套拥有可视化编辑界面的软件,它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,无需编写任何代码就能快速创建Web页面。
我们可以到太平洋电脑网下载Dreamweaver8,地址是http://dl.pconline.com.cn/download/90616.html,下载后解压缩就可以直接使用了(如图1)。
图1
二、软件介绍
1.菜单栏:分为文件、编辑、查看、插入、修改、格式、命令、站点、窗口与帮助10个部分(如图2),每一个部分都包含了许多功能选项。
图2
2.插入面板:包括了常用、布局、表单、数据、SPRY等8个不同的标签。这些标签页中,均有许多不同功能,我们可利用这些功能制作出超炫的网页。
3.文件工具条:让我们能够在不同的视图模式之间进行快速切换。Dreamweaver 8的视图模式有:只显示代码窗口的代码视图、可同时显示设计和代码窗口的拆分视图、只显示设计窗口的设计视图。另外还为我们提供了“实时代码”“实时视图”“检查”等常用的命令和选项。
4.编辑区:就是我们专门制作网页的地方,所有的精彩网页就是在这个区域中进行编排的。
5.状态条:显示的是目前我们正在制作的网页文件的状态,如分辨率、本页的大小以及下载本页面所需要的时间等。
6.属性面板:用来设定不同对象的属性,当选取不同对象时,属性面板会显示出不同的属性选项。
7.其他面板:在软件的右边为面板组,可以展开和收合,不同的面板上有许多不同的功能。
三、打造世界杯网站
想建立个人网站,首先我们要清楚地知道网页和网站之间的差别。简单来说,网站是由许多个网页所组成的。而网页中一般都包括文字、图像与链接等元素,有的还有动画、音乐和特效等。那我们想建立世界杯网站,就必须确定网站名是什么,有哪些栏目名,大概需要用到哪些图片等等。只有当这些准备工作都做好以后,我们的建站才能顺利开始。
(一)建世界杯网站的准备工作
1.网站名:巴西世界杯足球赛精彩纷呈,我们就用“MY巴西,MY世界杯”作为网站名(如图3),怎么样?
图3
2.网站栏目名:既然是关于世界杯的网站,那么我们就要把自己对于世界杯的感受和收获来做一个展示和分享,例如我们可以起这样几个栏目名:“最佳阵容”“最炫过人”“十佳进球”“最牛扑救”“球队集锦”“欢庆时刻”“足尖上的巴西”等。
3.网站图文:“兵马未动,粮草先行”,我们可别小瞧了这一步,对于世界杯网站上需要的图片和文字,我们可以事先上网搜集好,以备后用。
(二)制作世界杯网站
1.建立网站主文件夹:用鼠标在D盘窗口中右击,在右键快捷菜单中依次选择“新建”→“文件夹”命令单击,新建一个文件夹,为新建的文件夹命名:WDSJB(“我的世界杯”缩写)。
2.建立图像文件夹:在新建的WDSJB文件夹中,新建img和photo文件夹,以存放网页图像和照片。
3.新建站点:打开Dreamweaver软件,单击菜单栏上的“站点”,选择“新建站点”命令,单击“高级”→“标签”切换至高级选项,在站点名称选项后输入“MY巴西,MY世界杯”。接着按一下“本地根文件夹”右边的文件夹标志,找到一开始在本机硬盘中所建立的WDSJB文件夹并打开它,按“选择”按钮。设置默认图像文件夹时,也只要按一下“默认图像文件夹”后的文件夹标志,再按照上面的方法,将先前建立的img文件夹设置为默认图像文件夹(如图4)。
图4
4.删除站点:用鼠标单击“站点”菜单,在下拉菜单中选择“管理站点”命令,选择不要的站点名,单击“删除”按钮,在弹出的警告窗口中单击“是”按钮,确定删除站点。最后在管理站点窗口中单击“完成”按钮,结束删除站点工作。(转下期)