FlashCS3基本操作〔模块1〕.ppt

任务二 创建与管理“公司简介”站点 任务目标 利用Dreamweaver的“站点”菜单创建并管理“公司简介”站点。通过练习熟悉并掌握站点的创建、复制、编辑和导出等操作。 具体目标要求如下： （1）掌握站点的创建的方法。 （2）掌握站点的编辑操作。 （3）熟悉并掌握站点的复制和导出操作。 任务二 创建与管理“公司简介”站点 操作思路 （1）利用“站点”菜单创建站点。 （2）通过创建的站点复制新的站点。 （3）对新的站点重新进行编辑。 （4）将编辑后的站点导出。 操作一 创建站点 （1）启动Dreamweaver CS3，选择【站点】→【新建站点】菜单命令。 （2）在打开的对话框的“您打算为您的站点起什么名字”文本框中输入站点名称，如输入“练习”，单击“下一步”按钮，如图所示。 设置站点名称 操作一 创建站点 （3）在打开的对话框的“您是否打算使用服务器技术”栏中选中“否，我不想使用服务器技术”单选项，单击“下一步”按钮，如图所示。 选择服务器技术 操作一 创建站点 （4）在打开的对话框中选中“编辑我的计算机上的本地副本，完成后再上传到服务器”单选项，在“您将把文件存储在计算机上的什么位置?”文本框输入“D:\练习\”，单击“下一步”按钮，如图所示。 设置文件编辑方式与存储位置 操作一 创建站点 （5）在打开的对话框的“您如何连接到远程服务器”下拉列表框中选择“无”选项，单击“下一步”按钮，如图所示。 （6）在打开的对话框的“总结”栏中显示已设置的各项参数，确认无误后单击“完成”按钮完成站点的创建，如图所示。 设置连接服务器方式 完成站点的创建 操作二 管理站点 （1）选择【站点】→【管理站点】菜单命令，在打开的“管理站点”对话框中选择前面创建的“练习”站点，然后单击“复制”按钮，如图所示。 （2）此时将复制出名为“练习 复制”的站点，并处于选中状态。直接单击“编辑”按钮，如图所示。 复制站点 编辑站点 操作二 管理站点 （3）在打开的对话框中将站点的名称更改为“公司简介”，单击“下一步”按钮，如图所示。 （4）在打开的对话框中保持默认设置，直接单击“下一步”按钮，如图所示。 修改站点名称 选择服务器技术 操作二 管理站点 （5）在打开的对话框中将存储位置设置为“D:\公司简介\”，然后单击“下一步”按钮，如图所示。 （6）在打开的对话框中保持默认设置，直接单击“下一步”按钮，如图所示。 编辑站点存储位置 设置连接服务器方式 操作二 管理站点 （7）在打开的对话框中确认设置无误后，单击“完成”按钮，如图所示。 （8）返回“管理站点”对话框，选择“公司简介”站点选项，单击“导出”按钮，如图所示。 完成站点编辑 导出站点 操作二 管理站点 （9）在打开的“导出站点”对话框的“保存在”下拉列表框中设置站点的保存路径，在“文件名”下拉列表框中输入文件保存名称，然后单击“保存”按钮，如图所示。 （10）打开保存站点的文件夹窗口即可看到导出的站点文件，如图所示。 设置导出位置和名称 导出的站点文件 学习与探究 站点导入与删除 站点的导入：导入或导出站点是为了实现在多台电脑中进行相同的网站开发，站点的导入方法为，选择【站点】→【管理站点】菜单命令，在打开的“管理站点”对话框中单击“导入”按钮，接着在打开的对话框中选择站点文件，最后单击“打开”按钮即可。 站点的删除：无用的站点可及时删除以便于管理，其方法为，打开“管理站点”对话框，选择需删除的站点选项，然后单击“删除”按钮即可。 任务三 制作“公司介绍”网页 任务目标 通过对网页的各种基本操作制作出“公司介绍”网页，完成后的最终效果如图所示。 创建并设置页面属性后的网页效果 任务三 制作“公司介绍”网页 操作思路 （1）利用Dreamweaver提供的预设格式创建具有布局样式的空白网页。 （2）将创建的网页以“公司介绍”为名进行保存。 （3）关闭保存后的网页。 （4）通过对话框打开前面保存的“公司介绍”网页。 （5）在IE浏览器中预览打开的网页。 （6）对网页的外观属性进行适当设置，完成后保存设置。 操作一 新建和保存网页 （1）启动Dreamweaver CS3，选择【文件】→【新建】菜单命令，如图所示。 （2）打开“新建文档”对话框，单击左侧的“空白页”选项卡，在右侧的“页面类型”列表框中选择“HTML”选项，然后在右侧的“布局”列表框中选择“2列弹性，左侧栏”选项，最后单击“创建”按钮，如图所示。 新建网页 选择布局样式 操作一 新建和保存网页 （3）此时将根据所选布局样式创建出网页，然后选择【文件】→【保存】菜单命令，如图所示。 （4）