dreamweaver8网页设计教案.doc-资料库

liudan_19-3404810-4744302543451488533.doc.pdf-第1页.png

第1页 / 共66页

liudan_19-3404810-4744302543451488533.doc.pdf-第2页.png

第2页 / 共66页

liudan_19-3404810-4744302543451488533.doc.pdf-第3页.png

第3页 / 共66页

liudan_19-3404810-4744302543451488533.doc.pdf-第4页.png

第4页 / 共66页

liudan_19-3404810-4744302543451488533.doc.pdf-第5页.png

第5页 / 共66页

liudan_19-3404810-4744302543451488533.doc.pdf-第6页.png

第6页 / 共66页

liudan_19-3404810-4744302543451488533.doc.pdf-第7页.png

第7页 / 共66页

liudan_19-3404810-4744302543451488533.doc.pdf-第8页.png

第8页 / 共66页

《dreamweaver8 网页设计》课程教案教师姓名所在系别软件学院授课专业软件技术专业总学时 68 学分 4 教材名称 dreamweaver8 网页设计案例实训教程 1

目录第一章遨游 DREAMWEAVER8 精彩世界........................................................................................ 3 第二章创建与规划站点.......................................................................................................................5 第三章文本及其格式化.......................................................................................................................13 第四章表格...........................................................................................................................................17 第五章图像...........................................................................................................................................21 第六章框架...........................................................................................................................................25 第七章页面布局视图的使用 ...............................................................................................................29 第八章链接...........................................................................................................................................33 第九章层与时间轴...............................................................................................................................37 第十章表单...........................................................................................................................................41 第十一章行为.......................................................................................................................................44 第十二章制作动态页面.......................................................................................................................48 第十三章代码片断、库项目和模板...................................................................................................52 第十四章网页的制作...........................................................................................................................56 第十五章网站的测试与上传...............................................................................................................60 第十六章使用 FIREWORKS 8 处理网页图像...................................................................................63 2

第一章遨游 Dreamweaver8 精彩世界课题：Dreamweaver8 简介及创建文档一、教学基本内容 1、Dreamweaver8 的工作界面 2、建立 html 文档二、课型：新授课三、课时：2 个课时四、教学重点与难点重点：熟悉 Dreamweaver8 工作界面中各个工具的作用难点：1、各个面板的调用 2、建立一个 HTML 的网页 3、插处图像五、教学目的 1 、对 Dreamweaver 这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣 2、一定要学会建立一个空白网页 3、会对页面有一个简单的设置六、教学过程 1、引入（1）为什么要用 Dreamweaver 而不用 Frontpage? Dreamweaver 是 Macromedia 公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。（2）相关工具的介绍因为这是第一节网页制作课，所以首先要简单介绍下制作网页的一些相关工具，比如与 Dreamweaver 合称为网页三剑客的 Flash 和 Fireworks。 2、讲授新课（1） Dreamweaver 的界面 a．文档窗口：主菜单、工具栏、底部启动条、文档编辑区 b．对象面板：标准、表格、表单、框架、特殊、文件廷冖隐藏、字符 c．启动面板：站点管理、代码检查、HTML 样式、CSS 样式、行为、历史记录、资源 3

管理 d．属性面板：随目前对象不同而内容不同 (2)创建 HTML 网页 (3)在网页中插入图像输入文字以后，插入图像，并对图像设置对齐的方式，使之与文字呈混排的状态。 3、巩固练习练习使用界面中的各个工具七、作业处理根据本节所学的内容，课堂上练习创建一个空白网页，并且输入一段文字，在文本的左边插入一张图片八、教具所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用 PPT 课件进行演示。 4

第二章创建与规划站点课题：规划站点及创建静态站点一、教学基本内容 1、站点规划概念 2、站点规划的方法 3、站点的组成 4、定义站点二、课型：新授课三、课时：2 个课时四、教学重点与难点重点：1、站点组成 2、如何创建静态站点难点：1、站点的定义 2、编辑、删除站点五、教学目的 1、掌握建立静态站点的流程 2、掌握静态站点的基本操作六、教学过程 1、复习引入由上节所学习的建立 HTML 网页引出站点概念 2、讲授新课（1）站点规划概念及方法概念：所谓本地站点，就是指定本地硬盘中存放远程站点所有文档的文件夹方法：规划网站一般需要从 3 个方面去思考，即网站的主题、网站的内容和网站的对象。 5

（2）创建本地站点站点组成：Dreamweaver 8 站点由 3 部分组成，具体内容取决于环境和所开发的 Web 站点类型。包括本地文件夹、远程文件夹、动态页文件夹定义站点：（01）选择“站点”|“新建站点”选项，或者选择“站点”｜“管理站点”选项，在弹出的“站点管理”对话框中单击“新建”按钮，弹出对话框，在“基本”选项卡的站点名称输入框中输入所要创建站点的名称，如图 2-5 所示（02）输入站点名称后，单击“下一步”按钮，在弹出的是否使用服务器技术对话框中，根据自己所制作网页的类型，确定是否使用服务器技术。在此制作静态页面，因此不使用服务器技术，如图 2-6 所示。 6

（03）单击“下一步”按钮，在弹出的设置站点文件夹对话框中，选择或输入一个本地文件夹作为“本地站点文件夹”，如图 2-7 所示。（04）选择了本地站点文件夹后，单击该对话框中的“下一步”按钮，进入设置是否与远程服务器相连的对话框，在这里选择“无”，设置为不与远程服务器相连，如图 2-9 所示。 7

（05）单击“下一步”按钮，便会显示在站点定义向导中所选择设置的详细报告，如果感觉满意，单击“完成”按钮，完成本网站的创建，如图 2-10 所示；否则单击“上一步”按钮重新修改各项设置。（3）站点的基本操作其基本操作包括编辑、复制、删除站点。 3、巩固练习练习站点的建立，及其基本操作。七、作业处理在课堂上要求每一个同学在 F 盘下建立一个名为“我的站点”的文件夹，在 dreamweaver 中创建一个静态站点，将站点信息存放到我的站点文件夹中。八、教具所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用 PPT 课件进行演示。 8

资料库

dreamweaver8网页设计教案.doc

相关推荐

课程资源

热门标签

最新资料