网页设计-4.pptVIP

应用示例 插入Flash动画 运行 预览 应用示例 插入Flash按钮 * * 应用篇 Dreamweaver的工作窗口 创 建 站 点 插入多媒体对象 创建基本页面 Dreamweaver 插入面板 浮动面板组 页面编辑区 属性面板 Dreamweaver 窗口 工作模式 提供入门和教程，包括联机帮助与注册、技术支持中心和Dreamweaver版本 说明等。 帮助 用来打开与切换所有的控制面板和窗口，如“插入”工具栏、“属性”面板等。 窗口 用来对站点操作，如站点的创建与管理、上传与存回、检察站点范围的链接 等。 站点 用来扩充功能，如清理Word生成的HTML代码等。 命令 用来对文本操作，如文本的字体、字号与颜色的设置，段落的设置，文本的 对齐方式等。 文本 用来对页面元素的修改，如页面属性、表格编辑、表格与层之间的转换、时 间轴等。 修改 用来插入网页元素，如插入图像、媒体、表格与表单、超级链接、日期等。 插入 用来查看对象，如查看代码，网格线与标尺的显示，面板与工具栏的隐藏与 显示等操作。 查看 用来编辑文本，如剪切、拷贝与粘贴，查找与替换，首选参数和快捷键的设 置等操作。 编辑 用来管理文件，如文件的创建、打开和保存，文件的导入和导出，文件的预 览等操作。 文件 功 能 简 介 菜单名 “属性”面板提供的内容会根据文档窗口中选定的对象不同而不同，主要用于查看和设置所选对象或文本的各种属性，达到对所选对象属性的精确调整。 单击『属性』按钮或左端的『 』按钮，“属性”面板将折叠起来，再次单击面板即可展开。 通常，“属性”面板集合了“文本”和“修改”菜单中的所有命令。 ① 属性面板 通过“首选参数”命令可以设置Dreamweaver工作窗口界面的整体外观、面板、字体、状态栏等对象的特征。 例如：可以通过设置“常规”参数来控制是否显示启动页面。 所有设置都是通过“编辑”菜单中的“首选参数”命令实现的。 ② 设置“首选参数” 注意：窗口的左边是分类区，给出了可以设置的分类选项，右端则根据左边的分类选项给出对应的设置选项，根据需要进行设置即可。设置完成后，单击『确定』按钮设置生效。 创建本地工作文件夹 创建站点与本地文件夹关联 创建站点 Dreamweaver “站点/管理站点/新建┅/站点”命令 根据提示按“下一步”按钮 ┅┅ 直到完成 设置页面属性 工作视图环境 文档基本操作 创建文档 设置文档对象属性 创建基本页面 Dreamweaver 创建基本页面 根据需要进行设置即可，特点是创建统一规范的页面。 ① 设置页面属性 Dreamweaver提供了“代码视图”、“代码视图和设计视图”和“设计视图”3种工作视图环境。 “设计视图”是系统提供的默认网页制作工作环境，也是本文应用的核心。这是一种可视化的工作环境，用户在窗口中创建的内容即是将在网页上显示的内容，就如同Word一样，是一个所见即所得的工作窗口，非常适合于网页制作的新手。 特点：系统自动生成相应的代码。 创建基本页面 ② 工作视图环境 代码视图：提供直接编写HTML编码的工作区，该工作环境适合于具有一定网页制作基础的用户； 代码视图和设计视图：用户可以在HTML编码工作区和设计文档工作区之间创建文档，该工作环境适合于专业网页制作的新手； 设计视图：用户直接设计文档工作区，该工作环境适合于网页制作的新手。 单击某个按纽即进入该工作视图环境 工作模式 建议用户，在具有一定的网页制作经验后，选择“代码视图和设计视图”工作环境，观察当在页面“设计”区域插入网页素材后“代码”区域产生的代码，通过这种方式用户可以不断掌握和加深对代码的学习，这是初学者学习和掌握代码编写的最佳路径。 作为一名网页制作的高手，必须要掌握HTML的应用。 有关HTML的相关知识参见第2章内容。 创建文档：建立新的文档文件（内存） 保存文档：将文档以文件方式保存在外存上 编辑文档：对文档进行增、删、改操作 关闭文档：结束文档编辑操作 打开文档：将已有的文档文件从外存调到内存 创建基本页面 ③ 文档基本操作 利用编辑软件建立文档文件的过程，此例是运行在Dreamweaver 软件下。 创建文档 进入Dreamweaver窗口主菜单下，选择“文件”菜单的“新建”命令或按“Ctrl+N”组合键，弹出“新建文档”对话框，选择“常规/基本页”；单击『创建』按钮即进入创建新文档窗口。 选择“文件”菜单的“保存”命令或按“Ctrl+S”组合键，弹出“另存为”对话框。在“保存在”下拉列表中选择保存文件的位置；在“文件名”文本框中输入保存文件的名字；在“保存类型”下拉列表中选择保存文件的类型；单击『保存』按钮设置有效。 保存文档 Dreamweaver提供了多种类型的文件