Dreamweaver 80 界面及站点建设

1、21世纪高等院校规划教材Dreamweaver 8 基础与实例教程 马宪敏 主编中国水利水电出版社1第1章Dreamweaver8.0 界面面及站点点建设第1章Dreamweaver8.0 界面面及站点点建设1.1Dreamweaver8.0简介1.2创创建站站点1.3网网页文文件的基基本操作作1.4设设置页页面属性性1.5练练习制制作简单单的网页页站点31.1Dreamweaver8.0简介1.1.1Dreamweaver8.0的的启动和和退出1.1.2Dreamweaver8.0的的工作环环境41.1.1Dreamweaver8.0的的启动和和退出1.启动动Dreamweaver8.0在W

2、indows操作作系统下下，单击击左下角角的【开开始】按按钮，从从【程序序】菜单单中选择择Macromedia菜单单，然后后从子菜菜单中单单击【Macromedia Dreamweaver 8】即可启启动，如如图所示示。52.退出出Dreamweaver8.0退出Dreamweaver 8.0的方方法很简简单，我我们可以以有以下下几种方方式退出出编辑界界面：（1）单单击Dreamweaver 8窗窗口右上上方的关关闭按钮钮；（2）按按下“Alt+F4”组合键键；（3）选选择“文文件”菜菜单中的的“退出出”命令令，或按按快捷键键Ctrl+Q退出系系统。61.1.2Dreamweaver8.0的的

3、工作环环境Dreamweaver8.0的的操作窗窗口71.2创创建站点点1.2.1创创建本地地站点1.2.2管管理站点点1.2.3管管理网站站中的文文件和文文件夹81.2.1创创建本地地站点步骤1：在本地地硬盘上上建立一一个用来来存放站站点的文文件夹，命名为为“site”，该文文件夹就就是本地地站点的的根目录录，是为为网站特特别建立立的一个个文件夹夹。步骤2:打开Dreamweaver8.0，选择“站点”菜单下下的“管管理站点点”命令令，或者者选择文文件面板板中的“管理站站点”命命令，打打开“管理站站点”对对话框。9步骤3:单击“管理站站点”对对话框中中的“新新建”按按钮，在在弹出菜菜单中选选

4、择“站站点”命命令。10步骤4：单击“站点”命令后后，系统统会弹出出窗口，这是一一个定义义站点的的向导，选择“基本”选项卡卡，给网网站定义义一个名名称，例例如“数数学与计计算机系系”。11步骤5：单击“下一步步”按钮钮，在窗窗口中设设置网站站是否使使用服务务器技术术，例如如：ASP、PHP等等。由于于我们要要制作的的是基本本的静态态网站，所以选选择“否否，我不不想使用用服务器器技术”单选按按钮。12步骤6：单击“下一步步”按钮钮，开始始设置网网页的存存储方法法和存储储路径。在上半半部分的的单选项项中选择择第一项项“编辑辑我的计计算机上上的本地地副本，完成后后再上传传到服务务器（推推荐）”。如果

5、果申请的的网站空空间支持持在线编编辑功能能，那么么可以选选择“使使用本地地网络直直接在服服务器上上编辑”单选项项。13步骤7：完成以以上的设设置后单单击“下下一步”按钮，在这里里选择连连接服务务器的方方式，以以及网页页在服务务器上的的存储位位置。14步骤8：单击“下一步步”按钮钮。在这这里选择择是否使使用“存存回”和和“取出出”。选选中“是是，启用用存回和和取出”选项，可以多多人共同同完成网网站的维维护工作作。如果果只需一一个就能能够完成成网站的的维护工工作，可可以选择择“否”。15步骤9：至此完完成了对对网站的的基本定定义。单单击“下下一步”按钮，Dreamweaver8.0会弹出出对话框框

6、询问设设置的信信息是否否准确，单击“完成”按钮，本地站站点就创创建成功功了。161.2.2管管理站点点1.切换换站点Dreamweaver8.0中中可以同同时存在在多个站站点，在在文件面面板左边边的下拉拉列表框框中选中中某个已已创建的的站点，就可切切换到对对这个站站点进行行操作的的状态。172编辑辑站点如果要对对站点进进行编辑辑，可以以在“管管理站点点”对话话框中，选择要要编辑的的站点，然后用用鼠标单单击“管管理站点点”对话话框中的的“编辑辑”按钮钮，重新新打开“站点定定义”向向导，根根据需要要一步一一步修改改站点的的属性即即可。183删除除站点如果不需需要某个个站点时时，可以以将其从从站点列

7、列表中删删除。选选择“站站点”菜菜单下的的“管理理站点”命令，打开“管理站站点”对对话框，在该对对话框中中选择一一个站点点，单击击“删除除”按钮钮，即可可删除一一个站点点，对某某一个站站点进行行删除操操作后，网站的的文件仍仍保存在在硬盘原原来的位位置上，并没有有从硬盘盘上删除除。191.2.3管理理网站中中的文件件和文件件夹1创建建文件夹夹和文件件文件面板板通常显显示站点点中的所所有文件件和文件件夹，但但新建的的站点中中不包含含任何文文件或文文件夹。所有的的文件和和文件夹夹都需要要新建，在文件件面板中中站点根根目录上上单击鼠鼠标右键键，然后后从弹出出的快捷捷菜单中中单击菜菜单项“新建文文件夹”

8、或“新新建文件件”，接接着给新新的文件件夹或文文件命名名。202重命命名文件件夹或文文件先选中需需要重命命名的文文件夹或或文件，然后单单击右键键，在弹弹出的快快捷菜单单中单击击“编辑辑”选项项的下级级菜单中中的“重重命名”命令或或者按【F2】快捷键键，文件件夹或文文件的名名称变为为可编辑辑状态，重新输输入新的的名称，按Enter键确认认即可。3移动动和复制制文件从“文件件”面板板的本地地站点文文件列表表中，选选中要移移动或复复制的文文件夹或或文件，如果要要进行移移动操作作，在弹弹出的快快捷菜单单中单击击“编辑辑”选项项的下级级菜单中中的“剪剪切”命命令；如如果要进进行复制制操作，则执行行“编辑

9、辑”选项项的“拷拷贝”命命令，然然后执行行“编辑辑”选项项下的“粘贴”命令，将文件件夹或文文件移动动或复制制到相应应的文件件夹中。4删除除文件夹夹或文件件要从本地地站点文文件列表表中删除除文件夹夹或文件件，先选选中要删删除的文文件夹或或文件，然后执执行“编编辑”选选项同上上的“删删除”命命令或按按Delete键，这这时系统统会弹出出一个提提示对话话框，询询问是否否要真正正删除文文件夹或或文件，单击“是”按按钮确认认后即可可将文件件夹或文文件从本本地站点点中删除除。211.3网网页文文件的基基本操作作1.3.1创创建网页页和打开开网页1.3.2保保存网页页1.3.3在在浏览器器中预览览网页221

10、.3.1创创建网页页和打开开网页1.新建建网页单击“文文件”菜菜单下“新建”命令，即可弹弹出“新新建文档档”对话话框。从从“类别别”列表表框中选选择“基基本页”选项，然后选选择“基基本页”列表框框中的“HTML”选选项。单单击“创创建”按按钮，即即可新建建一个空空白的HTML网页文文档。232.打开开网页单击“文文件”菜菜单选择择“打开开”命令令，弹出出“打开开”对话话框。在在该对话话框内选选中要打打开的HTML文档，单击“打开”按钮，即可将将选定的的HTML文档档打开。也可以以在“文文件”面面板上，双击“站点目目录”中中的网页页文件也也可以打打开网页页文件。241.3.2保存存网页在完成创创

11、建、编编辑的网网页之后后，关键键的一步步就是保保存网页页，否则则一切都都是徒劳劳的，保保存网页页有如下下几种方方法：单击“文文件”菜菜单选择择“保存存”命令令，可以以原名字字原路径径保存当当前的文文档。单击“文文件”菜菜单选择择“另保保存”命命令，可可弹出“另存为为”对话话框。利利用该对对话框可可以将当当前的文文档以其其他名字字保存。单击“文文件”菜菜单选择择“保存存全部”命令，可将当当前正在在编辑的的所有文文档以原原名保存存。251.3.3在浏浏览器中中预览网网页单击标准准工具栏栏上的预预览按钮钮或按“F12”可在在浏览器器中预览览所编辑辑的网页页。261.4设设置页页面属性性步骤1：打开D

12、reamweaver8.0，新新建一个个网页，或者打打开一个个现有的的网页，选择“修改”菜单下下的“页页面属性性”命令令，或者者单击属属性面板板中的“页面属属性”按按钮，打打开“页页面属性性”对话话框。27步骤2：在“页页面属性性”对话话框中设设置“外外观”参参数，选选择“页页面属性性”中的的“外观观”选项项同，在在右侧可可能设置置具体的的参数。28步骤3：页面属属性设置置完成后后，单击击“确定定”保存存设置，然后中中再打开开“页面面属性”对话框框，并选选择左侧侧的“分分类”列列表中的的“链接接”选项项同，在在右侧可可以对链链接的样样式进行行详细的的设置。291.5练练习制制作简单单的网页页站

13、点1.创建建一个名名为“计计算机基基础精品品课程”的站点点，将其其中的本本地站点点保存在在“D:computer”文件件夹下，远程站站点保存存在“D:computer”文文件夹下下。根据据如图所所示的网网站的逻逻辑图，为“计计算机基基础精品品课程”网站建建立一个个存放图图片的文文件夹“images”，并并新建名名为“index.html”、“teacher.html”、“jiaoxue.html”、“shiyan.html”、“rili.html”、“kejian.html”和和“luxiang.html”的的网页文文件，最最后设置置index.html的页页面属性性。302.创创建一个个“个人人求职主主页”的的站点，将其中中的本地地站点保保存在“D:self”文文件夹下下，远程程站点保保存在“D:self”文文件夹下下。根据据网站的的主页，为“个个人求职职主页