创建与管理本地站点副本PPT课件

1 3 1 1创建本地静态站点在DreamweaverCC中创建本地静态站点的方法非常简单 也非常的方便 下面我们就通过一个小练习 向读者介绍如何在DreamweaverCC中创建本地静态站点 动手实践 创建本地静态站点 3 1创建本地站点 无论是一个网页制作的新手 还是一个专业的网页设计师 都要从构建站点开始 理清网站结构的脉络 当然 不同的网站有不同的结构 功能也不会相同 所以一切都应按照需求组织站点的结构 3 1 2设置服务器功能在 站点设置对象 对话框中单击 服务器 选项 可以切换到 服务器 选项卡 在该选项卡中可以指定远程服务器和测试服务器 最终文件 无视频 光盘 视频 第3章 3 1 1 swf 2 3 1 3设置服务器基本选项在 服务器设置 窗口中分为 基本 和 高级 两个选项卡 在 基本 选项卡中可以对服务器的相关基本选项进行设置 3 1 4设置服务器高级选项无论选择哪种连接方式连接远程服务器 在其相关的设置对话框中都有一个 高级 选项卡 无论选择哪种连接方式 其 高级 选项卡中的选项都是相同的 单击 高级 选项卡 切换到 高级 选项卡中 3 1 5版本控制选项在 站点设置对象 对话框中单击 版本控制 选项 可以切换到 版本控制 选项卡 在 访问 下拉列表中选择Subversion Dreamweaver可以连接到Subversion SVN 的服务器 3 前面已经介绍了如何通过 站点设置对象 对话框来创建一个本地静态站点 如果在 站点设置对象 对话框中单击 高级设置 选项 即可展开站点的高级设置 可以对站点的 遮盖 设计备注 Web字体 等高级选项进行设置 3 2站点的高级选项设置 3 2 1本地信息单击 站点设置对象 对话框左侧 高级设置 选项中的 本地信息 选项 可以对站点的本地信息进行设置 3 2 2遮盖单击 站点设置对象 对话框左侧 高级设置 选项中的 遮盖 选项 可以对站点的遮盖进行设置 使用文件遮盖之后 可以在进行一些站点操作的时候排除被遮盖的文件 例如 如果不希望上传Flash动画文件 可以将站点中的Flash动画文件 即扩展名为swf的文件设置遮盖 这样Flash动画文件就不会被上传了 4 3 2 3设计备注单击 站点设置对象 对话框左侧 高级设置 选项中的 设计备注 选项 可以对站点的设计备注进行设置 如果一个人开发站点 可能需要记录一些开发过程中的信息 防止以后忘记 如果是团队成员共同开发站点 则可能需要记录一些需要别人分享的信息 然后上传到服务器上 使其他人也能够访问 3 2 4文件视图列单击 站点设计对象 对话框左侧 高级设置 选项下的 文件视图列 选项 该选项用来设置站点管理器中文件浏览窗口所显示的内容 在文件浏览窗口默认情况下会显示如下内容 单击 添加新列 按钮 将弹出 添加新列 对话框 5 3 2 5Contribute单击 站点设置对象 对话框左侧 高级设置 选项中的Contribute选项 可以对站点的Contribute选项进行设置 3 2 6模板单击 站点设计对象 对话框左侧 高级设置 选项中的 模板 选项 可以对站点的 模板 选项进行设置 3 2 7jQuery单击 站点设计对象 对话框左侧 高级设置 选项中的jQuery选项 可以对站点的jQuery选项进行设置 6 3 2 8Web字体单击 站点设计对象 对话框左侧 高级设置 选项中的 Web字体 选项 可以对站点的Web字体选项进行设置 该选项用于设置Web字体在站点中的保存位置 默认的站点Web字体文件夹位于站点的根目标中 名称为webfonts 3 2 9EdgeAnimate资源菜单单击 站点设计对象 对话框左侧 高级设置 选项中的 EdgeAnimate资源 选项 可以对站点的EdgeAnimate资源选项进行设置 该选项用来设置EdgeAnimate资源文件夹的位置 默认的站点EdgeAnimate资源文件夹位于站点的根目录中 名称为edgeanimate assets 7 在创建站点之前 需要对站点的结构进行规划 特别是大型的网站站点 更需要对站点有好的规划 好的站点规划可以使网站的结构目录更加清晰 完成站点的创建 就可以在站点中进行新建文件夹 新建页面等基本的操作了 以及在站点中复制文件和调整文件位置等 3 3 1站点规划如同做事情之前要先计划一样 在创建网站前 最关键的事情就是规划整个站点的结构 如果要制作的网站规模非常大 分类非常多 或者栏目繁杂 这时就更需要有充分的时间做好规划工作了 3 3站点的规划与基本操作 3 3 2在站点中新建文件夹刚创建的站点 通常都是空的 用户可以根据网站的实际需要在站点中创建文件夹和文件 建立文件夹的过程实际上就是构思网站结构的过程 多数情况下文件夹代表网站的子栏目 每个子栏目都要有自己对应的文件夹 动手实践 在站点中新建文件夹 最终文件 无视频 光盘 视频 第3章 3 3 2 swf 8 3 3 3在站点中新建文件在站点中新建了文件夹 就可以在站点中创建新的页面了 创建页面的方法有很多 接下来我们向读者介绍如何在 文件 面板中创建新页面 动手实践 在站点中新建文件 3 3 4使用 新建文档 对话框新建文件在 文件 面板中只可以新建默认格式的HTML页面 而通过 新建文档 对话框可以新建多种格式的文件 并且还可以新建具有布局示例的页面和多种网页相关文件 最终文件 无视频 光盘 视频 第3章 3 3 3 swf 9 3 3 5移动和复制文件或文件夹从 文件 面板的站点文件列表中 选中需要移动或复制的文件 或文件夹 如果要进行移动操作 可以单击鼠标右键 在弹出的快捷菜单中选择 编辑 剪切 命令 如果要进行复制操作 可以单击鼠标右键 在弹出的快捷菜单中选择 编辑 复制 命令 在需要粘贴的位置单击鼠标右键 在弹出的快捷菜单中选择 编辑 粘贴 命令 可以将文件或文件夹移动或复制到相应的位置 3 3 6重命名文件或文件夹给文件或文件夹重命名的操作十分简单 使用鼠标选中需要重命名的文件或文件夹 然后按快捷键F2 文件名即变为可编辑状态 如图3 51所示 在其中输入文件名 再按Enter键确认即可 3 3 7删除文件或文件夹要从站点文件列表中删除文件 可以先选中需要删除的文件或文件夹 然后在其右键的快捷菜单中选择 编辑 删除 命令或按Delete键 这时会弹出一个提示对话框 询问是否要真正删除文件或文件夹 单击 是 按钮确认后 即可将文件或文件夹从本地站点中删除 10 在DreamweaverCC中集成了BusinessCatalyst的功能 以满足设计者对于独立工作平台的需求 BusinessCatalyst可以提供一个专业的在线远程服务器站点 使设计者能够获得一个专业的在线平台 3 4 1什么是BusinessCatalystBusinesscatalyst为网站设计人员提供了一个功能强大的电子商务内容管理系统 BusinessCatalyst平台拥有一些非常实用的功能 例如网站分析 电子邮件营销等 3 4BusinessCatalyst 3 4 2创建BusinessCatalyst站点在DreamweaverCC中可以更加方便的创建BusinessCatalyst站点 就像是创建本地静态站点一样 接下来就向读者介绍一下如何创建BusinessCatalyst站点 动手实践 创建BusinessCatalyst站点 最终文件 无视频 光盘 视频 第3章 3 4 2 swf 11 3 4 3BusinessCatalyst面板通过BusinessCatalyst面板可以对所创建的BusinessCatalyst站点页面进行设置和创建相应的内容 打开 文件 面板 单击 连接到远程服务器 按钮 连接到远程的BusinessCatalyst服务器 打开BusinessCatalyst面板 可以看到该面板的提示信息 在Dreamweaver中可以创建多个不同类型的站点 包括本地站点 远程站点等 如何对Dreamweaver中创建的多个站点进行管理呢 3 5 1使用 管理站点 对话框管理站点执行 站点 管理站点 命令 在弹出的 管理站点 对话框中可以对Dreamweaver站点进行全面的管理操作 3 5管理站点 12 3 5 2自由切换站点使用DreamweaverCC中编辑网页或进行网站管理时 每次只能操作一个站点 在 文件 面板左边的下拉列表中选择已经创建的站点 就可以快速切换到对这个站点进行操作的状态 通常情况下 都是创建本地站点 完成网站的制作后 再设置远程服务器信息 将网站上传到远程服务器 但有些情况下 也可以在创建站点时 将该站点的远程服务器设置好 这样可以制作好一部分网站页面 就上传一部分页面 可以便于在网络中查看页面的效果 动手实践 创建远程企业站点 3 6创建远程企业站点 最终文件 无视频 光盘 视频 第3章 3 6 sw