文档介绍：设计个人网页——Dreamweaver CS4
个人网页如同个人简历或者个人的记事本一样,它既可以显示用户的一些个人信息,也可以帮用户记录一些琐事。
个人网页与企业类、门户类网页相比,显得比较随意、独特。它主要展现与个人相关的个性,如网上可看到很多名人的个人站点。
本章将介绍如何使用Dreamweaver的表格和框架等工具对个人网页进行布局,以及在网页中插入文本、图像和超链接的方法。
构建本地站点
在创建网页之前,应该先创建一个用于管理网页的站点,该站点的目录可以创建在本地计算机磁盘中的任意文件夹。另外,用户也可以直接通过创建的方法与远程服务器链接,创建远端站点。
建立本地站点
Dreamweaver可以对站点以及站点内的各种文档和资源进行有效的管理。例如,创建站点,修改已有站点的各种属性,创建站点中的文档和编辑文档内容等。
除此之外,Dreamweaver还可以将整个站点及站内各种文档通过FTP或其他一些传输方式上传到远程服务器中。如果用户设计的是动态网站,Dreamweaver还可以对各种动态网站程序进行调试和修改。
在创建站点时,需要注意以下几点。
在创建站点文档时,应将网站中的相同文件归放入同一个文件夹中,以便于文件的查找和使用。例如,图像文件常常放置在images目录中,脚本代码文件常常放置在scripts目录中。
对于不同栏目或者子站点,也应分目录存放,使站点的目录有序,便于整理和修改。
目录的层次不宜过深。
目录的命名应得当、便于理解。例如,一般常用英文或汉语拼音来命名。并且,在命名过程中应避免使用中文名称或过长的英文目录名。对于英文缩写或汉语拼音缩写应慎用,以防止造成误解。
创建本地站点时首先应在本地计算机的磁盘中建立相应的物理目录(即指定文件夹)。例如,在本地计算机的“本地磁盘(F:)”盘中,创建XNML文件夹,然后在该文件夹下创建site文件夹。建立好目录后,即可用该目录作为Dreamweaver站点的本地根文件夹。
提示
在本章以及之后的所有章节中,如无特殊声明,站点的根文件夹都是“f:\XNML\site”,而每一章的实例都放置在相应数字的文件夹内。
在Dreamweaver CS4的工作环境中,执行【站点】|【新建站点】命令,如图1-1所示。
图1-4 【管理站点】对话框
此时,将弹出【站点定义为】对话框,选择【高级】选项卡。在该选项卡中,左侧为创建的站点的一些类别,如本地信息、远程信息、测试服务器等。
然后,选择【本地信息】类别,并在右侧设置【站点名称】为“XNML”、【本地根文件夹】为“f:\XNML\site\”等,如图1-2所示。
在设置完站点信息后,单击【确定】按钮,即可完成本地站点的设置。这时,在Dreamweaver CS4的环境的【文件】面板中,将显示创建名为XNML的站点,如图1-3所示。
图1-1 新建站点
图1-2 设置本地站点信息图1-3 本地站点XNML
提示
如果本地计算机中已安装了IIS服务器,用户还可以使用站点的定义来配置动态站点,配置方法将在后面的章节中进行介绍。
管理站点文件
创建站点后,用户就可以在该站点中创建网页文件了。除此之外,用户还可以对本地站点进行编辑,如修改本地站点的名称,更改站点的目录等。
在Dreamweaver CS4中,执行【站点】|【管理站点】命令,将弹出【管理站点】对话框,如图1-4所示。
在该对话框中提供了6个对站点进行管理的操作,如下所述。
单击【新建】按钮,可以创建如同上述所介绍的站点,或者创建“FTP与RDS服务器”。例如,当选择“FTP与RDS服务器”选项时,则弹出【配置服务器】对话框,并配置与FTP服务器相连接的内容。
提示
服务器上的站点,这种网站是对外开放的,任何浏览者都可以打开该站点。当然,远端站点也可以使用 Dreamweaver CS4 直接进行编辑和管理,但是由于网速和磁盘储存形式等原因,这种方法的使用者并不多。
单击【编辑】按钮,打开【站点定义为】对话框,可以在该对话框中对本地站点进行编辑,如图1-5所示。
图1-5 编辑站点
编辑完毕后,单击【确定】按钮,将保存对站点的编辑操作,并返回【管理站点】对话框。然后单击【完成】按钮,完成对所有站点的编辑操作。
如果想创建多个结构相同或者类似的站点,可以利用站点的可复制性。用户可以从一个基站点中复制出多个相同结构的站点,然后根据需要分别针对各站点进行编辑,以达到快速创建站点的目的。
例如,在【管理站点】对话框中,选择一个站点作为基站点,然后单击【复制】按钮,复制出多个与该站点结构相同的站点,并出现在【管理站点】对话框的站点列