网页制作DREAMVEAWER.docVIP

教 案 首 页 编号 1 课题 初识Dreamweaver CS3 首次授课日期 2012 年　 9月 23日 第一周 星期三　第一、二节 课时 2 编写日期 　2011年2月 20日 首次授课班级 计算机38班 教学 目标 知识目标：了解建站的制作流程掌握制作过程中的一些建站经验和建站技巧 能力目标：初识Dreamweaver CS3 本课 重点 初识Dreamweaver CS3 本课 难点 对建站过程的理解 教学 课型 多媒体 教具 器材 计算机 教师 后记 该软件是制作网页的重要软件之一，通过上个学期对FLASH的学习，学生已基本对网页制作有初步的了解，但本软件涉及许多英文词汇，许多学生的理解能力尚欠缺。 1.1 初识Dreamweaver CS3 1.1.1 Dreamweaver CS3的启动 开始”｜“Macromedia”｜”Dreamweaver CS3” 　　　　　　 1.1.2 Dreamweaver CS3的工作环境 1.1.2 Dreamweaver CS3的工作环境 “插入”面板组 文档工具栏 1.1.2 Dreamweaver CS3的工作环境 “属性”检查器 文档编辑窗口 1.1.2 Dreamweaver CS3的工作环境 浮动面板组 1.1.2 Dreamweaver CS3的工作环境 浮动面板组 常用的浮动面板组的操作方法如下。 （1）展开和折叠浮动面板组 单击面板左上角的三角标记即可展开与折叠浮动面板。 （2）移动浮动面板组 将鼠标指向浮动面板组左上角的标签，当鼠标指针变成4个方向箭头的图标时，便可移动浮动面板组。 （3）重新组合浮动面板 选中浮动面板组中某个选项，单击浮动面板组右上角的按钮，打开下拉式菜单，并在级联菜单中选择与当前浮动面板组合的浮动面板组，可重新组合浮动面板 教 案 首 页 编号 2 课题 制作简单网页 首次授课日期 2011 年　 2月 23日 第一周 星期三　第三、四节 课时 2 编写日期 　2011年2月 20日 首次授课班级 计算机38班 教学 目标 知识目标：制作简单网页——我的足球网 能力目标：初识Dreamweaver CS3 本课 重点 制作简单网页 本课 难点 建立站点程序 教学 课型 上机 教具 器材 计算机 教师 后记 本次上机，大部分同学都能独立制作完成这一简单的网页，但存在不够细致的问题。 1.2 创建本地站点—《我的足球网》 1.2.1 案例综述 效果图：我的足球网 通常创建一个网站，总是先在本地计算机上进行开发和调试，待完成后再上传到Internet服务器上。因此，创建网站的第一步，就是首先创建一个本地站点，用以进行网站的开发和管理。 1.2.2 案例分析 创建一个网站应遵循的流程为： 1.对站点进行规划 2.素材准备 3.管理站点。（首先要创建一个站点） 4.制作Web页面。 7.设置Web应用程序运行环境。 8.创建动态页。 9. 测试站点。 10. 上传站点到远程服务器 1.2.3 实现步骤 1．规划站点 2．新建站点 3．在?°文件?±面板中管理文件 4．编辑首页文件 1.2 创建本地站点—《我的足球网》 规划站点： 在F盘新建文件夹“myfootball”，作为整个站点内容的文件夹，也是网站的根目录。 网站名的“我的足球网”，分3个栏目：“我与足球”、“足球新闻”、“足球明星”，这3个栏目内容分别存放在网站根目录下的“aboutme”、“news”、“photo”文件夹里。 网站所有素材图像存放于根目录下的文件夹“image”中。 1.3 创建网站 1.3 创建网站 1.3 创建网站 1.3.3 管理站点 在“文件”面板中实现以下操作 选择多个文件 剪切、粘帖、复制、删除、重命名文件或文件夹 创建文件或文件夹 1.3.3 管理站点 文件面板（扩展）的使用 1.3 创建网站 1.3.4 网页文件的基本操作 创建HTML文档 文件→新建→新建文档→常规→类别→基本页 在文件面板中→右击→新建文件→双击 打开已建的HTML文档 文件→打开 在文件面板中→双击该文档 保存指定文件 文件→保存（或Ctrl+S) 文件→另存为 文件→保存全部 关闭文件 文件→关闭 教 案 首 页 编号 3 课题 网页的编辑 首次授课日期 2011 年　 3月 2日 第二周 星期三　第一、二节 课时 2 编写日期 　2011年2月 29日 首次授课班级 计算机38班 教学 目标 知识目标：了解建站的制作流