Dreamweaver制作网页(参考手册).docxVIP

学习情 学习情境六：Dreamweaver 制作网页参考手册 【任务 1】制作“跟我学电脑”网页(2 课时) 【效果图】 【教学目标】 能力目标： 培养用 Dreamweaver 制作网页的能力 提高学生在制作网页过程中应用 Dreamweaver 的各种功能的能力 3、培养学生在实践中掌握知识的能力 培养学生利用所学知识设计与制作网页的能力 提高学生的动手能力 知识目标： 掌握 Dreamweaver 的各种菜单的用法 掌握掌握在代码模式和设计模式下熟练制作网页的能力 掌握利用 Dreamweaver 制作网页的一般步骤 职业素质目标： 获取知识的能力 知识应用能力 自主学习能力 动手能力 【教学时间】 30 课时 【学习目标】 “跟我学电脑”网页是使用 Dreamweaver 制作的第一个网页，该网页由标 题、文字、图像等元素组成。通过制作该网页，可以了解 Dreamweaver 的基本 操作，为后面的学习打下一个坚实的基础。 【任务要求】 教师布置任务、要求学生根据参考手册掌握学习目标的内容 一、咨询（15 分钟） 明确任务后，教师帮助学生理解任务要求，分析任务，并介绍网页设计整 体情况的同时提出资讯建议，提供获取资讯的方法和途径信息。学生依据任务 及提示，寻找完成任务所需的资源。例如： 教材 参考手册 网上查询 【相关知识点】 1．什么是 Dreamweaver Dreamweaver 是原 Macromedia 公司推出的网页制作和网站管理的工具软件，集网页制 作与网站管理于一身。 Dreamweaver 是一套功能强大的可视化设计工具、应用开发环境和代码编辑软件。软 件的集成程度非常高，开发环境精简而高效，开发人员能够运用 Dreamweaver 与服务器技 术构建功能强大的网络应用程序衔接到用户的数据、网络服务体系。Dreamweaver 提供了 开放式和可扩展的工作环境。赋予使用者最大的自由度和灵活性。 Dreamweaver 将世界一流水平的“设计”和“代码”编辑器合二为一。它操作简便， 可以使开发人员和设计师能够快速创建代码规范的应用程序，适合各个阶段、各个水平的 用户使用。 初学者在使用 Dreamweaver 时，可以无须编写一句代码就能够快速创建自己的网页。 利用该软件，能够快速创建格式规范的网页文档。 Dreamweaver 的整个创作环境十分人性化，它不仅界面美观、友好，而且允许用户个 性化的工作环境。用户可以创建完全属于自己的对象和命令，修改键盘快捷键，甚至可以 编写 JavaScript 代码扩充软件功能。 Dreamweaver 可以进行多个站点的管理，设置了 HTML 语言编辑器，支持 DHTML 和 CSS，分类提供了页面对象，可净化 Microsoft Word 生成的 HTML 文件，可以导入 Microsoft Excel 和 Microsoft Access 建立的数据文件，导入和编辑 Fireworks 制作的 HTML 源代码和图像，以及导入 Flash 动画、按钮和文字，编辑动态页面等，同时它可以用 来编辑交互式的网页，即在因特网上，客户和服务器进行信息交流。 Dreamweaver 是开放式和可扩展的。赋予用户最大的自由度和灵活性来选择最适合用 户的技术。Dreamweaver 还提供了纯粹的代码编辑环境，允许用户使用 HTML、CSS、JavaScript、CFML、ASP、JSP、PHP 和 ASP.NET 服务器技术，创建动态的、数 据库驱动的网页和程序。另外，还可以帮助用户轻松创建 XSLT 页、附加 XML 文件，并在 Web 页中显示 XML 数据。 目前，Dreamweaver 的最新版本是 Dreamweaver 8，已经推出了中文 Dreamweaver 8。 2．进入 Dreamweaver 8 第一次运行 Dreamweaver 8 时，会弹出“工作区设置”对话框，如图 1-2-4 所示。可 以看出，Dreamweaver 8 提供了两种工作区布局（即工作界面）。 如下图： 选中某一种工作区名称的单选项，再单击“确定”按钮，即可进入相应的工作区。例 如，单击选中“设计器”单选项，再单击“确定”按钮，即可进入“Macromedia Dreamweaver 8”对话框。 通常在没有任何文档打开时，也会自动弹出“Macromedia Dreamweaver 8”对话框。 如果选中“不再显示此对话框”复选框，则下次启动 Dreamweaver 时就不会再出现此对话 框。“Macromedia Dreamweaver 8”对话框中各栏的作用如下。 1）“打开最近项目”栏：此栏中列出了 Dreamweaver 最近打开过的文档名称，单击其 中的项目可以快速弹出