文档介绍：《dreamweaver8 网页设计》目录第一章遨游DREAMWEAVER8精彩世界1第二章创建与规划站点3第三章文本及其格式化10第四章表格13第五章图像15第六章框架18第七章页面布局视图的使用21第八章链接24第九章层与时间轴28第十章表单32第十一章行为35第十二章制作动态页面38第十三章代码片断、库项目和模板42第十四章网页的制作45第十五章网站的测试与上传49第十六章使用FIREWORKS8处理网页图像52第一章 遨游Dreamweaver8精彩世界课题:Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html 文档二、课型:新授课三、课时:2个课时四、教学重点与难点重点:熟悉Dreamweaver8 工作界面中各个工具的作用难点:1、各个面板的调用12、建立一个HTML的网页、插处图像五、教学目的1、对Dreamweaver 这个制作网页的工具及网页有一定的认识,激发学生学****网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入1)为什么要用Dreamweaver而不用Frontpage?Dreamweaver是Macromedia公司的出品,它以程序小、运行速度快、所制作网页代码少这些优点,赢得了网页制作人员的喜爱。(2)相关工具的介绍因为这是第一节网页制作课,所以首先要简单介绍下制作网页的一些相关工具,比如与Dreamweaver 合称为网页三剑客的 Flash和Fireworks 。2、讲授新课1):主菜单、工具栏、底部启动条、:标准、表格、表单、框架、特殊、文件廷冖隐藏、:站点管理、代码检查、 HTML 样式、CSS样式、行为、历史记录、:随目前对象不同而内容不同创建HTML网页在网页中插入图像输入文字以后,插入图像,并对图像设置对齐的方式,使之与文字呈混排的状态。3、巩固练****练****使用界面中的各个工具七、作业处理根据本节所学的内容,课堂上练****创建一个空白网页, 并且输入一段文字,在文本的左边插入一张图片八、教具所用的教室为多媒体实验室,因此所要板书的内容及使用的工具均在计算机上用 PPT课件进行演示。2第二章 创建与规划站点课题:规划站点及创建静态站点一、教学基本内容1、站点规划概念2、站点规划的方法3、站点的组成4、定义站点二、课型:新授课三、课时:2个课时四、教学重点与难点重点:1、站点组成2、如何创建静态站点难点:1、站点的定义、编辑、删除站点五、教学目的、掌握建立静态站点的流程、掌握静态站点的基本操作六、教学过程、复****引入由上节所学****的建立 HTML网页引出站点概念2、讲授新课(1)站点规划概念及方法概念:所谓本地站点,就是指定本地硬盘中存放远程站点所有文档的文件夹方法:规划网站一般需要从 3个方面去思考,即网站的主题、网站的内容和网站的对象。3(2)创建本地站点站点组成:Dreamweaver8站点由3部分组成,具体内容取决于环境和所开发的 Web站点类型。包括本地文件夹、远程文件夹、动态页文件夹定义站点:(01)选择“站点”|“新建站点”选项,或者选择“站点”|“管理站点”选项,在弹出的“站点管理”对话框中单击“新建”按钮,弹出对话框,在“基本”选项卡的站点名称输入框中输入所要创建站点的名称,如图2-5所示(02)输入站点名称后,单击“下一步”按钮,在弹出的是否使用服务器技术对话框中,根据自己所制作网页的类型,确定是否使用服务器技术。在此制作静态页面,因此不使用服务器技术,如图2-6所示。4(03)单击“下一步”按钮,在弹出的设置站点文件夹对话框中,选择或输入一个本地文件夹作为“本地站点文件夹”,如图2-7所示。(04)选择了本地站点文件夹后,单击该对话框中的“下一步”按钮, 进入设置是否与远程服务器相连的对话框,在这里选择“无”,设置为不与远程服务器相连,如图 2-9所示。(05)单击“下一步”按钮,便会显示在站点定义向导中所选择设置的详细报告,如果感觉满意,单击“完成”按钮,完成本网站的创建,如图2-10所示;否则单击“上一步”按钮重新修改各项设置。5(3)站点的基本操作其基本操作包括编辑、复制、删除站点。3、巩固练****练****站点的建立,及其基本操作。七、作业处理在课堂上要求每一个同学在 F盘下建立一个名为“我的站点”的文件夹,在 dreamweaver中创建一个静态站点,将站点信息存放到我的站点文件夹中。八、教具所用的教室为多媒体实验室,因此所要板书的内容及使用的工具均在计算机上用 PPT课件进行演示。课题:搭建动态网站服务器及创建动态站点一、教学基本内容1、安装IIS2、动态站点与静态站点的区别3、搭建