新世纪网页设计师应用教程.pptVIP

第2章 创建与编辑新站点 重点内容： 创建Dreamweaver站点 管理站点 文档管理与设置文档属性 在文档窗口中选择元素 * 新世纪网页设计师应用教程 * 新世纪网页设计师应用教程 第1章 网页设计基础 重点内容： 网页的设计构思和布局 站点的规划与设计流程 主页的基本制作流程 一、 创建Dreamweaver站点 1、创建基本站点 如果要创建基本站点，可以使用Dreamweaver MX 2004自带的“站点定义向导”工具来创建新站点， 选择“站点”|“管理站点”命令，打开“管理站点”对话框 。 单击“新建”按钮，在弹出的菜单中选择“站点”命令。 接下来根据提示进行操作直至设置完成。 一、创建Dreamweaver站点 2、决定站点目标 本地文件夹是Dreamweaver 8站点的工作目录，该文件夹可以位于本地计算机上，也可以位于网络服务器上。当设置本地文件夹后，其实就相当于建立了一个Dreamweaver站点。 要设置本地文件夹，可以选择“站点”|“管理站点”命令，打开“管理站点”对话框，选中要设置本地文件夹的站点后，单击“编辑”按钮。 一、创建Dreamweaver站点 3、设置远程文件夹 本地文件夹和远程文件夹使用户能够在本地磁盘和Web服务器之间传输文件，这使用户能很容易地管理Dreamweaver站点中的文件。要设置文件夹，可以打开“管理站点”对话框后，选中站点，单击“编辑”按钮，并在打开的对话框中选择“高级”选项卡。在左侧的“分类”列表中选择“远程信息” 。 二、管理站点 1、编辑本地站点 打开“管理站点”对话框并单击“编辑”按钮，在打开的对话框中单击“高级”标签，在窗口的右侧选中“本地信息”项。 将在“站点名称”文本框中输入“我的第一个站点”，并在“默认图像文件夹”文本框中输入“c:\webpic”。修改完毕后，单击对话框的“确定”按钮保存修改设置。 二、管理站点 2、编辑远程站点 在Dreamweaver 8中，即使不能使用Dreamweaver创建源站点，也可以将现有的远程站点复制到本地磁盘上。 例如，远程站点的根目录文件夹名为public_html，如果用户只是想修改“项目1”文件夹中的HTML文件，就不需要下载“项目2”中的文件，但必须将本地根目录文件夹设置为public_html。 二、管理站点 3、删除站点 如不再需要使用Dreamweaver 8对某个本地站点进行操作时，可以将其从“管理站点”对话框的站点列表中删除。 选择“站点”|“管理站点”命令，将打开“管理站点”对话框。选中要删除项，并单击“删除”按钮。此时将弹出提示对话框，单击“是”按钮，即可删除选中的站点。 三、文档管理与设置文档属性 1、文档管理 创建新的空白文档 启动Dreamweaver 8，系统将自动打开一个快捷任务窗口，单击其中的“创建新项目”区域的任意一个链接，即可创建一个空白文档。 打开现有文档 选择“文件”|“打开”命令，将“打开”对话框打开，选择一个已存在的网页文档 。 三、文档管理与设置文档属性 1、文档管理 保存文档 要在Dreamweaver 8中保存文档，可以选择“文件”|“保存”命令打开“另存为”对话框，在对话框中选择文档存放位置并输入文件名称，单击“保存”按钮即可。 三、文档管理与设置文档属性 2、设置文档属性 要设置文档的属性，可以选择“修改”|“页面属性”命令，打开“页面属性”对话框进行修改。 四、在文档窗口中选择元素 在文档窗口的设计视图中选择文档元素时，单击该元素即可，如果元素不可见，在选择它之前必须使其可见。选择元素操作是使用Dreamweaver 8编辑文档的最基本操作。 在文档窗口中选择可见元素时，可以单击元素或拖动鼠标选择元素。 显示或隐藏不可见元素的标记图标，可以选择“查看”|“可视化助理”|“不可见元素”命令。 五、 思考 创建本地站点的基本步骤。 在Dreamweaver8的文档窗口中如何选择元素。 六、 动手练习 创建一个新的本地站点。包括：1.输入新站点的名称。2.设置文件存储位置。3.设置连接到远程服务器的方式为“本地/网络”选项。 * 新世纪网页设计师应用教程