2016网页设计与制作DreamWeaver教案：第三讲 站点创建与管理.docVIP

第三讲　站点创建与管理 授课日期 班级名称 授课地点 教学课题 第三讲站点的创建与管理 课时 2学时 教学目的 掌握站点的创建与管理 知识目标 （1）掌握“文件”面板的使用方法 （2）掌握站点的创建方法 （3）掌握站点的管理方法 能力目标 熟记创建站点的流程，掌握站点管理的方法 素质目标 培养学生的独立思考能力，通过思考管理站点及布局美观的网页，培养学生分析问题、解决问题的能力 重点 站点的创建与管理 难点 站点的创建与管理 课型 讲授型＋操作型 教学方法 采用启发示的教学方式循序渐进的讲解新课内容 教学手段 多媒体教学 教参 《网页设计与制作教程》 人民邮电出版社 教学环节 时间安排 复习提问：网页的基本构成元素有哪些？ 5 2．新课引入 通过讲述上网的知识，引出上网时要用的网站，从而把本次课要学的知识点带给学生 5 知识技能目标说明：介绍本次课要掌握的知识目标 6 讲解各知识点：具体讲述本次课新课内容 42 课堂实践 15 问题探讨：与学生一起引申问题留作思考 5 疑难解析： 5 8．归纳总结： 本节学习了如何创建站点和管理站点，同时也分析了网页文档的基本操作和“资源”面板、“文件”面板的使用方法。 5 作业布置 2 总计 90 新授内容 1、站点的创建 (1)认识“文件”面板 (2)创建本地站点 2、站点管理 切换、编辑、复制、删除、导入站点 3、管理网站中的文件和文件夹 创建文件夹和文件、移动和复制文件、重命名文件夹和文件、删除文件夹和文件。 4、用案例介绍本地站点的创建方法 动手操作在Dreamweaver CS3中创建站点 5、使用“资源”面板管理网站中的资源 （1）使用“资源”面板 （2）在页面中使用资源 （3）选择和编辑资源 （4）页面的属性设置 6、网页文档的基本操作 创建网页文档 打开网页文档 关闭网页文档 案例1：创建我的足球网 操作步骤： 规划站点 D:\myfootball。 网站名“我的足球网”，包括3个栏目“我与足球”、“足球新闻”、“足球明星相片”，分别存放在根目录下的aboutme、news、photo文件夹中。 图像素材放在image中。 新建站点 站点/新建站点 站点定义：myfootball 选择默认选项“否，我不想使用服务器技术” 站点路径：D:\myfootball 在“您如何连接到远程服务器”选择“无”选项 在“文件”面板中管理文件 在“文件”面板中的“站点-myfootball”，右键/新建文件/创建“untitled.htm”，改为“index.htm” 右键站点/新建文件夹/创建四个文件夹：aboutme、news、photo、image 在aboutme、news、photo这三个文件中分别再建3个网页文件me.htm，photo.htm，news.htm，作为首页文件的3个链接指向。 编辑首页文件 双击“文件”面板上的index.htm文件，下面介绍“我的足球网”的首页文件的编辑方法。 页面属性或修改/页面属性 背景颜色/绿色 输入“我的足球网” 在下方插入一个1行2列的表格，插入/表格，表格宽度：550，其它全为0 光标在第1列中，插入/图像/将ch1/MAN.jpg，放入myfootball\image中 在表格第2列中，分3行，依次输入“我与足球”、“足球新闻”、“足球明星相片”，并在下一行处插入另一张图像素材。 将光标移至表格的下一行，输入“本网站最后更新时间”/插入/日期，选中“储存时自动更新”，将其居中。 选择“我的足球网”/“属性”面板中格式“标题1”，色彩：#FF9900，将网页标题居中 制作栏目链接，分别链接me.htm，photo.htm，news.htm，注意：3个页面中要设置返回的超链接。 课堂实践 （1）创建一个命名为“课堂实践”的静态网站，该网站的所有文件存储在本机上E盘的“ClassroomPractise”文件夹中。 （2）在“文件面板”的站点根目录下创建一个文件夹“00创建站点”。 （3）在文件夹“00创建站点”中创建三个子文件夹“image”、“music”和“text”。 （4）在文件夹“00创建站点”中创建一个命名为“00.html”的网页文档。 （5）将所需的图像文件和音乐文件分别复制到“image”和“music”文件夹中。 疑难解析 问题1：在“文件”面板中，选择一个已创建的文件夹或文件，然后单击右键会弹出一个快捷菜单，鼠标指针指向“编辑”菜单项，会显示其级联菜单，该级联菜单包括了“拷贝”和“复制”两个菜单项，这两个菜单项有何区别呢？ 问题2：在“资源”面板中如何改变资源排列