DREAMWEAVER教案.docVIP

第1章 初识Dreamweaver安装、下载方法.一、教学目的：学习原DR的安装、下载方法. 二、教学重点：概述和安装 三、教学过程1.1 Dreamweaver MX概述 1、直观的新工作区 2、更加强大的模板 3、广泛的代码库 4、新服务器技术 5、帮助初学者起步的示例内容 6、XML和WEB标准支持 7、改进的级联样式表（CSS） 8、高性能的新编码功能 9、高性能的新编码功能 10、优化COLDFUSION　MX开发环境? 使用 Dreamweaver 工作区选择工作区布局（仅适用于 Windows） 在 Windows 中首次启动 Dreamweaver 时，会出现一个对话框让选择一种工作区布局。如果以后改变了主意，可以使用“参数选择”对话框切换到一种不同的工作区。 选择工作区布局： 选择下列布局之一： Dreamweaver MX 工作区 HomeSite/代码编写者样式的 Dreamweaver MX 工作区 Dreamweaver 工作区 在选择一种工作区后切换到另一种工作区： Dreamweaver MX 工作区 浮动工作区布局（Windows 和 Macintosh） 状态栏 “文档”窗口底部的状态栏提供与正创建的文档有关的其他信息。 调整“文档”窗口的大小 将“文档”窗口的大小调整为预定义的大小： 向“窗口大小”弹出式菜单中添加新的大小： 将“文档”窗口最大化（仅适用于 Windows 集成工作区）： 使用快速启动条 快速启动条显示在状态栏中，包含用以打开和关闭各种面板、检查器和窗口的按钮。 若要显示快速启动条，请在“面板”参数选择中启用“在面板和启动器中显示图标”选项。可以指定在快速启动条中显示哪些项目。使用文档工具栏 “显示代码视图 “显示代码视图和设计视图” “显示设计视图 “标题” “文件管理” “在浏览器中预览/调试” “换行符”在插入点处插入一个换行符。还可以按下 Shift+Enter (Windows) “不换行空格”在插入点处插入一个不换行的空格 (nbsp;)。 “左引号”、“右引号”和“破折线”在插入点处插入标点符号。 “英镑符号”、“欧元符号”和“日元符号”在插入点处插入货币符号。 “版权”、“注册商标”和“商标”在插入点处插入相应的符号。 “其它字符” 第二单元 文本的编辑与基本操作 教学目的：学习网页的组成对象　设计要素　文本的字体大小颜色，段落的格式，基本的编辑命令。 学教重点：文本编辑的基本操作 教学过程：网页的组成比报纸和杂志复杂的多，因为它包含图、声、文、动画、控件等多媒体，另一大特点有超级链接。 文字 标题：一般为图形 尺寸　系统默认大小 样式：一般少用下划线　 字体：一般为系统默认大小 颜色：以颜色来强调文章的重点 图形 一般为GIF　和　JPG　格式 超级链接 站内链接　和站外链接 网页的设计要素 不同浏览器的显示效果 网络的传输速度 屏幕的分辨率 颜色的显示 网页的基本操作 创建网页 文件――新建――对话框 打开文件类型 HTML SHTM　SHTML XML文件　 库文件LBI 模板文件　DWT　 样式表文件　CSS 微软服务器端文件　ASP JAVA　服务器端文件 PHP文件 TXT文件 CFM模板文件 JSF fireworks文件 LASSO 打开当前站点文件 从站点面板中打开　或　通过菜单－文件－打开命令 打开最近使用的文件 文件菜单下列出的文件名 从WORD中导入文件 先在WORD中将文件保存为HTML　文件　然后在DR　中　文件－导入－WORDHTML　 还可打开后用命令－清除 保存网页 另存为模板 输入文本 直接输入　使用剪贴板　 用ENTER　相当于插入p 用SHIFT＋ENTER 相当于插入br 改变字体样式 改变字号 要使字体不随浏览器的字体设置而改变就要用到层叠样式（CSS Style） 文本的颜色 选择文字　 　　然后用下列两种方式 用文字属性面板中调整 单击调色板中的右上角按钮或菜单文本――颜色 要将字体改为默认值点 段 落 格 式 创新新段落：ENTER　分段落　　在段落　　格式下拉菜单选择一种格式 对齐段落：居中对齐　左对齐　右对齐　 缩进段落　　　　　　或菜单　或选择段落后右击弹出菜单 取消缩进　　　　　　 项目符号：　每个段落前加一个项目符号　用　　利用　列表下拉选择各种不同的情况插入分隔线修改分隔线的属性、改变长度 改变高度、改变对齐方式、插入特殊字符和符号 、 菜单插入｜特殊字符｜　　弹出子菜单，进行所需要的项目选择其中包括： 换行符　SHIFT＋RETURN 不换行空格　CTREL＋SHIFT＋SPACE　　用于行首 插入符号 E－mail 地址链接　　　插入｜电