dreamweaver 教案

《dreamweaver 教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章初识Dreamweaver安装、下载方法.一、教学目的：学习原DR的安装、下载方法.二、教学重点：概述和安装三、教学过程1.1DreamweaverMX概述1、直观的新工作区2、更加强大的模板3、广泛的代码库4、新服务器技术5、帮助初学者起步的示例内容6、XML和WEB标准支持7、改进的级联样式表（CSS）8、高性能的新编码功能9、高性能的新编码功能10、优化COLDFUSION　MX开发环境 使用Dreamweaver工作区一、教学目的：认识DR的界面，了解各面板的组成，菜单的组成。二、教学重点：各面板的组成。三、教学过程：选择工作区布局（仅适用于Windows）在Wind

2、ows中首次启动Dreamweaver时，会出现一个对话框让选择一种工作区布局。如果以后改变了主意，可以使用“参数选择”对话框切换到一种不同的工作区。选择工作区布局：选择下列布局之一：DreamweaverMX工作区HomeSite/代码编写者样式的DreamweaverMX工作区Dreamweaver4工作区在选择一种工作区后切换到另一种工作区：DreamweaverMX工作区浮动工作区布局（Windows和Macintosh）状态栏“文档”窗口底部的状态栏提供与正创建的文档有关的其他信息。调整“文档”窗口的大小将“文档”窗口的大小调整为预定义的大小：向“窗口大小”弹出式菜单中添

3、加新的大小：将“文档”窗口最大化（仅适用于Windows集成工作区）：使用快速启动条快速启动条显示在状态栏中，包含用以打开和关闭各种面板、检查器和窗口的按钮。若要显示快速启动条，请在“面板”参数选择中启用“在面板和启动器中显示图标”选项。可以指定在快速启动条中显示哪些项目。使用文档工具栏·“显示代码视图·“显示代码视图和设计视图”·“显示设计视图·“标题”·“文件管理”·“在浏览器中预览/调试”·“换行符”在插入点处插入一个换行符。还可以按下Shift+Enter(Windows)“不换行空格”在插入点处插入一个不换行的空格( )。“左引号”、“右引号”和“破折线”在插入

4、点处插入标点符号。“英镑符号”、“欧元符号”和“日元符号”在插入点处插入货币符号。“版权”、“注册商标”和“商标”在插入点处插入相应的符号。“其它字符”第二单元文本的编辑与基本操作一、教学目的：学习网页的组成对象　设计要素　文本的字体大小颜色，段落的格式，基本的编辑命令。二、学教重点：文本编辑的基本操作三、教学过程：网页的组成比报纸和杂志复杂的多，因为它包含图、声、文、动画、控件等多媒体，另一大特点有超级链接。1、文字标题：一般为图形尺寸　系统默认大小样式：一般少用下划线　字体：一般为系统默认大小颜色：以颜色来强调文章的重点2、图形一般为GIF　和　JPG　格式3、超级链接　　　　

5、站内链接　和站外链接网页的设计要素不同浏览器的显示效果网络的传输速度屏幕的分辨率颜色的显示网页的基本操作创建网页文件――新建――对话框打开文件类型HTMLSHTM　SHTMLXML文件　库文件LBI模板文件　DWT　样式表文件　CSS微软服务器端文件　ASPJAVA　服务器端文件PHP文件TXT文件CFM模板文件JSFfireworks文件LASSO打开当前站点文件从站点面板中打开　或　通过菜单－文件－打开命令打开最近使用的文件文件菜单下列出的文件名从WORD中导入文件先在WORD中将文件保存为HTML　文件　然后在DR　中　文件－导入－WORDHTML　还可打开后用命令－清除保存

6、网页另存为模板输入文本直接输入　使用剪贴板　用ENTER　相当于插入

用SHIFT＋ENTER相当于插入
改变字体样式改变字号要使字体不随浏览器的字体设置而改变就要用到层叠样式（CSSStyle）文本的颜色选择文字　　　然后用下列两种方式l用文字属性面板中调整l单击调色板中的右上角按钮或菜单文本――颜色l要将字体改为默认值点　　　　　　　上机练习：段落格式创新新段落：　　　ENTER　分段落　　在段落　　格式下拉菜单选择一种格式对齐段落：　　　　居中对齐　左对齐　右对齐　　　　　　　　　　缩进段落　　　　　　或菜单　或选择段落后右击弹出菜单取消缩进　　　　　　项目符号：　

7、每个段落前加一个项目符号　用　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　利用　列表下拉选择各种不同的情况插入分隔线修改分隔线的属性　　改变长度改变高度改变对齐方式插入特殊字符和符号菜单插入｜特殊字符｜　　弹出子菜单，进行所需要的项目选择　其中包括：换行符　SHIFT＋RETURN不换行空格　CTREL＋SHIFT＋SPACE　　用于行首插入符号E－mail地址链接　　　插入｜电子邮件链接｜其效果将看到“欢迎联系”字样并带下划线可以发送邮件插入日期时间：