2.3 站点的创建与管理（课件）-《网页设计与制作（DreamweaverCC)》（电子工业出版社）同步精品课堂

2.3 站点的创建与管理 网页设计与制作（Dreamweaver CC) 同步精品课堂 电子工业出版社 目录 02 01 Dreamweaver中的站点 创建本地站点 03 站点的管理 站点中文件的管理 04 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 教学目标 知识目标 1. 理解Dreamweaver CC中站点的概念。 2. 掌握创建本地站点的步骤。 3. 了解站点管理的基本操作 1.具备站点规划与管理能力。 2.具备文件操作能力。 能力目标 在站点创建和维护过程中，学生能够意识到自己的每一个操作都对网站的整体质量和用户体验产生影响，从而增强对工作的责任感。 情感目标 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 教学重难点 1. 文件与文件夹管理的细节。 2. 站点管理的综合应用。 1.站点创建与管理。 2. 文件与文件夹管理。 难点 重点 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 导入新课 制作维护一个网站 本地磁盘上制作和修改网站的文件 （本地站点） 制作修改的文件上传到互联网的Web 服务器 （远程站点） Dreamweaver站点是网站中使用的所有文件和资源的集合 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.1 Dreamweaver 中的站点 站点分为哪几种类型？ 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.1 Dreamweaver 中的站点 1)本地站点 本地站点用于存储正在处理的文件。 Dreamweaver 将此文件夹称为“本地站点”。此文件 夹通常位于本地计算机，但也可能位于网络服务器。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.1 Dreamweaver 中的站点 2)远程站点 远程站点用于存储测试、生产和协作等用途的文件。 Dreamweaver在“文件”面板中将此 文件夹称为“远程站点”。 远程文件夹通常位于运行Web 服务器的计算机上。远程文件夹包含 用户从Internet访问的文件中。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.1 Dreamweaver 中的站点 3)测试服务器 Dreamweaver在测试服务器中处理动态页的文件夹，等在测试服务器中测试通过了，才能 发布到远程站点上。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1. 在计算机上标识或创建要用于存储站点文件的 本地版本的文件夹。在Dreamweaver 中将此文件夹指定为本地站点。 2. 在 Dreamweaver中，选择“站点”|“新建站 点”选项，或单击“文件”面板中的“管理站点”超链接。或选择“站点 管理站点”选 项，弹出“管理站点”对话框。单击“管 理站点”对话框中的“新建站点”按钮。 2.3.2 创建本地站点 在Dreamweaver中，使用“文 件”面板可查看和管理Dreamweaver站点中的文件。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 3. 在弹出的站点设置对象对话框中，确保选择“站点”选项卡。 4.在“站点名称”文本框中，输入站点的名称。 5. 在“本地站点文件夹”文本框中，指定已经标识的文件夹， 2.3.2 创建本地站点 在Dreamweaver中，使用“文件”面板可查看和管理Dreamweaver站点中的文件。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 6. 在“高级设置”中选择“本地信息”选项卡，在右侧出现相关选项，可以进一步设置本地站点信息。 7.单击“保存”按钮，关闭站点设置对象对话框。 2.3.2 创建本地站点 在Dreamweaver中，使用“文件”面板可查看和管理Dreamweaver站点中的文件。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 知识拓展 设置本地文件夹的属性如下。 1. “站点名称”输入站点的名称。 2. “本地站点文件夹”——指定放置站点文件的本地文件夹。“默认图像文件夹”——指定放置站点图像文件的目录。 3. “Web URL”——指定站点的URL 地址。使用该选项的目的是使Dreamweaver 能够验证站 点中使用绝对URL 或站点根目录相对路径的超链接。 4. “启用缓存”——选中“启用缓存”复选框，创建本地缓存，有利于提高站点的链接和站 点管理任务的速度，而且可以有效地使用“资源”面板管理站点资源 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.3 站点的管理 基础功能：可以选择“站点” |“管理站点”选项，弹出“管理站点”对话框。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.3 站点的管理 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 知识拓展 注意：Business Catalyst 是用于构建和管理在线企业的托管应用程序。通过这个统一的平 台，无需任何后端编码操作，即可构建一切所需，无论是构建一般的网站，还是构建功能强大 的在线商店。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.3 站点的管理 扩展功能：使用编辑按钮对已有的站 点进行编辑站点、复制站点、删除站点和导出站点等操作。 1.编辑站点 2.复制站点 3.删除站点 4.导出站点 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.3 站点的管理 对已经设置好的站点进行设置修改。 在算理站点”对话椎可级于介距点的副水(副本将出现在站点列表窗格中）   (1) 新建站点 (2) 导入站点 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.3 站点的管理 将不需要的所选站点从“管理站点”对话框中删除，执行删除选项时会提醒用 户该操作无法撤销。删除站点实际上只是删除了Dreamweaver CC同本地站点之间的关系，但 是本地站点的内容包括文件夹和文档等，仍然保存在磁盘相应的位置上，用户可以重新创建指 向其位置的新站点，重新对它进行管理。。 可以将站点导出为XML 文件，然后将其导入Dreamweaver。这样即可在各计 算机和产品版本之间移动站点，或与其他用户共享。   (3) 删除站点 (4) 导出站点 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.4 站点中文件的管理 在Dreamweaver CC中利用“文件”面板，可以对本地站点的文件或文件夹进行选择、移 动、复制、删除等操作。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.4 站点中文件的管理 1.在站点中选择多个文件 在“文件”面板中可以用以下操作方法选择多个文件。 ① 单击第一个文件，按住Shift键，然后单击最后一个要选择的文件，即可选择一组连续 的文件。 ② 先按住Ctl 键，然后单击要选择的文件，可选择一组不连续的文件 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.4 站点中文件的管理 2.在本地站点中剪切、粘贴、复制、删除、重命名文件或文件夹 在“文件”面板中对文件的剪切、粘贴、复制、删除、重命名操作可先选中要操作的文件 或文件夹并右击，弹出快捷菜单，从中选择相应的选项便可完成相应的文件操作。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.4 站点中文件的管理 3.创建文件或文件夹 建立了本地站点后，就可以在“文件”面板中创建自己的网页文件和文件夹来扩充站点了。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.4 站点中文件的管理 4.文件的移动和复制 ① 在“文件”面板中的文件列表里，选中需要移动或复制的文件或文件夹。 ② 如果要进行移动操作，可右击，弹出快捷菜单，选择“编辑”|“剪切”选项。 ③ 如果要进行复制操作，可右击，弹出快捷菜单，选择“编辑”|“复制”选项。 ④ 选中目的文件夹并右击，弹出快捷菜单，选择“编辑”|“粘贴”选项。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 2.3.4 站点中文件的管理 5.删除文件 ① 在“文件”面板中的文件列表里，选中需要删除的文件或文件夹。 ② 右击，弹出快捷菜单，选择“编辑”|“删除”选项或按Delete键。 ③ 系统会弹出“提示”对话框，询问是否要真正删除文件或文件夹，单击“确定”按钮， 即可将文件或文件夹从本地站点中删除。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 课堂小结 1. 在站点中选择多个文件 2. 在本地站点中剪切、粘贴、复制、删除、重命名文件或文件夹 3. 创建文件或文件夹 4. 文件的移动和复制 5. 删除文件 创建本地站点 Dreamweaver中的站点 站点的创建与管理 站点的管理 1. 新建站点 2. 导入站点 3. 新建Business Catalyst站点 4.导入Business Catalyst 站点 站点中文件的管理 1. 本地站点 2. 远程站点 3. 测试服务器 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 谢谢 $$