第1讲Dreamweaver8基础知识

第1讲Dreamweaver8基础知识教学目的：对Dreamweaver8有总体了解，掌握Dreamweaver8工作界面的组成。教学重点：掌握工作界面的快捷工具栏，网页编辑窗口，属性面板和浮动面板显示及使用。教学难点：快捷工具栏的显示及组成、使用，浮动面板的显示与隐藏教学方式：多媒体演示，教师讲解、演示，学生思考分析、记忆。教学课时：2课时教具使用：多媒体教室投影显示教学内容及过程：1、 导入新课：提问学生对网站的了解，internet网与我们生活的联系及重要性。引发学生思考，带着颖问进入教学课题。2、 讲授新课：多媒体教师操作演示讲解和幻灯片的演示或板书：一、 简介Dreamweaver8是著名的“所见即所得”的可视化网站开发工具，是国内外普遍应用的专用网页设计软件。在国内，它被称为“织梦者”，它不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，可以说，它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。Dreamweaver8优势：1、所见即所得与兼顾HTML源代码两种模式相互切换编辑。2、不仅有同类软件的所有功能，而且有自身的许多出色设计理念。3、无需手写代码，就能轻松创建各种动态效果。4、有强大的自定义及扩展功能，提高了工作效率。5、支持跨浏器和层叠样式表。6、Dreamweaver8最新版本，采用多种先进技术，能够高效地创建极具表现力和动感效果的网页。7、易学，易用，初学者也可制作精致的网页。二、 Dreamweaver8工作环境1、 启动Dreamweaver8从开始菜单启动，出现工作区设置对话框，选择设计器工作区。设计器是标准的工作区。2、Dreamweaver8工作界面认识Dreamweaver8工作界面，对掌握和提高制作效率是关键的一步。（1）、标题栏：左侧有网页标题，所在位置及文件名称，右侧有最小化，最大化和关闭。（2）、菜单栏：有“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”、“帮助”。（3）、快捷工具栏：选择“查看”中的“工具栏”，勾选“插入”、“文档”、“标准”三项，完整的快捷工具栏就显示出来。插入：9类对象。常用、布局、表单、文本、HTML、应用程序、Flash元素，收藏夹、goodies.文档：有代码、拆分、设计、标题、浏览器检查错误、验证标记、文件管理、在浏览器中预览/调试、刷新、视图选项、可视化助理。标准：新建、打开、保存、全部保存、打印代码、复制、剪切、粘贴、撤消、重做。3、 网页编辑窗口快捷工具栏下面的区域就是“网页编辑区域”。在启动Dreamweaver8时将显示一个“起始页”，包括“打开最近项目”、“创建新项目”、“从范例创建”三个方便实用的项目。可以勾选“不再显示此对话框”使它隐藏。用户可以在文档区域中进行输入文字，插入表格和编辑图片等操作。4、 属性面板网页设计中的对象都有各自的属性，属性面板的设置项目会根据对象不同而变化。5、 浮动面板根据面板的特性命名，浮动于编辑窗口之外。在窗口菜单中单击不同的命令可以打开不同的面板。在“窗口”中选择“排列面板”能够整齐地摆放在屏幕上，按F4可以隐藏和显示面板。课后小结：1、 dreamweaver8的简介。2、 dreamweaver8的工作界面的组成部分及使用方法。课后作业：1、 dreamweaver8的功能是什么？2、 dreamweaver8的标题栏会显示哪些信息？3、 “插入”快捷工具栏提供了对哪些对象的控制？4、 在文档区域中，可以进行哪些操作？5、 设置对象属性需要使用dreamweaver8的何种面板？6、在何种菜单中，单击不同的命令可以打开不同的面板？学习要点参考：1、 dreamweaver8不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制。2、 标题栏会显示网页标题、所在位置及文件名称等。3、 “插入”快捷工具栏所提供的对象控制分别是“常用”、“布局”、“表单”、“文本”、“HTML”、“应用程序”、“Flash元素”、“收藏夹”和“Goodies”。4、 可以在文档区域中进行输入文字，插入表格和编辑图片等操作。5、 设置对象属性使用dreamweaver8的属性面板。在“窗口”菜单中，单击不同的命令可以打开不同的面板。