dreamweaver8网页设计教案.doc

《dreamweaver8网页设计》课程 教 案 目 录 第一章 遨游Dreamweaver8精彩世界 3 第二章 创建与规划站点 5 第三章 文本及其格式化 13 第四章 表格 17 第五章 图像 21 第六章 框架 25 第七章 页面布局视图的使用 29 第八章 链接 33 第九章 层与时间轴 37 第十章 表单 41 第十一章 行为 44 第十二章 制作动态页面 48 第十三章 代码片断、库项目和模板 52 第十四章 网页的制作 56 第十五章 网站的测试与上传 60 第十六章使用Fireworks 8处理网页图像 63 第一章 遨游Dreamweaver8精彩世界 课题：Dreamweaver8简介及创建文档 一、教学基本内容 1、Dreamweaver8 的工作界面 2、建立html文档 二、课型：新授课 三、课时：2个课时 四、教学重点与难点 重点：熟悉Dreamweaver8工作界面中各个工具的作用 难点：1、各个面板的调用1 、对及网页有一定的认识，激发学生学习网页设计的兴趣Dreamweaver而不用Frontpage? Dreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。?Dreamweaver的界面? ? ? ．文档窗口：主菜单、工具栏、底部启动条、文档编辑区? ? ? ? b．对象面板：标准、表格、表单、框架、特殊、文件廷冖隐藏、字符? ? ?c．启动面板：站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理? ? ? ．属性面板：随目前对象不同而内容不同 方法：规划网站一般需要从3个方面去思考，即网站的主题、网站的内容和网站的对象。 （2）创建本地站点 站点组成：Dreamweaver 8站点由3部分组成，具体内容取决于环境和所开发的Web站点类型。包括本地文件夹、远程文件夹、动态页文件夹 定义站点：（01）选择“站点”|“新建站点”选项，或者选择“站点”｜“管理站点”选项，在弹出的“站点管理”对话框中单击“新建”按钮，弹出对话框，在“基本”选项卡的站点名称输入框中输入所要创建站点的名称，如图2-5所示 （02）输入站点名称后，单击“下一步”按钮，在弹出的是否使用服务器技术对话框中，根据自己所制作网页的类型，确定是否使用服务器技术。在此制作静态页面，因此不使用服务器技术，如图2-6所示。 （03）单击“下一步”按钮，在弹出的设置站点文件夹对话框中，选择或输入一个本地文件夹作为“本地站点文件夹”，如图2-7所示。 （04）选择了本地站点文件夹后，单击该对话框中的“下一步”按钮，进入设置是否与远程服务器相连的对话框，在这里选择“无”，设置为不与远程服务器相连，如图2-9所示。 （05）单击“下一步”按钮，便会显示在站点定义向导中所选择设置的详细报告，如果感觉满意，单击“完成”按钮，完成本网站的创建，如图2-10所示；否则单击“上一步”按钮重新修改各项设置。 （3）站点的基本操作 其基本操作包括编辑、复制、删除站点。 3、巩固练习 练习站点的建立，及其基本操作。 七、作业处理 在课堂上要求每一个同学在F盘下建立一个名为“我的站点”的文件夹，在dreamweaver中创建一个静态站点，将站点信息存放到我的站点文件夹中。 八、教具 所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。 课题：搭建动态网站服务器及创建动态站点 一、教学基本内容 1、安装IIS 2、动态站点与静态站点的区别 3、搭建动态站点 二、课型：新授课 三、课时：2个课时 四、教学重点与难点 重点：动态站点与静态站点的区别 难点：1、虚拟目录的概念 2、动态站点的定义 3、站点测试 五、教学目的 1、学会安装IIS，知道IIS的作用 2、学会创建虚拟目录 3、会创建动态站点 六、教学过程 1、引入 先提出静态站点的作用及限制性，引入动态站点的功能 2、讲授新课 （1）安装并启动IIS（现场操作） （2）定义一个动态站点 步骤：<01>设置虚拟目录。 （1）在本地磁盘“C:\”下新建一个site文件夹作为本地站点的根文件夹。 （2）设置web共享。找到“C:\site”文件夹，选中并右击该文件夹，从弹出的快捷菜单中选择“共享和安全”选项。在打开的“site属性”对话框中，选择“Web共享”选项卡，如图2-19所示 （3）设置“编辑别名”对话框。选中“共享文件夹”单选按钮，在弹出的“编辑别名”对话框中将“别名”设置为site；在“访问权限”中选择“读取”；在“应用程序权限”中选择“脚本”，如图2-20所示。最后单击“确定”按钮关闭对话框，便完成了定义动态站点的准备工作。 <02>进入“高级”