中等专业学校2022-2023-2教案
编号:
网站建立
备课组别
计算机
课程名称
网页设计
与制作
所在
年级
二年级
教师
授课教师
授课系部
授课班级
授课
日期
课题
任务3 筑梦青春——创建与管理本地站点
教学
目标
1. 认识Dreamweaver CC 2018工作界面
2. 掌握在DW中创建、管理站点的基本流程及在DW中新建和设计页面的基本过程
3. 增加学生对网页这门课程的学习兴趣
重点
掌握在DW中创建、管理站点的基本流程及在DW中新建和设计页面的基本过程
难点
掌握在DW中创建、管理站点的基本流程及在DW中新建和设计页面的基本过程
教法
讲练法、演示法、任务驱动法
教学设备
课本、多媒体机房
教学
环节
教学活动内容及组织过程
个案补充
一、任务描述,引入新课
通过“筑梦青春-创建于管理本地站点”,认识Dreamweaver CC 2018工作界面,掌握在DW中创建、管理站点的基本流程及在DW中新建和设计页面的基本过程。
二、任务解析,新课讲授
在本任务中,需要完成以下操作:
    1. 学会本地站点的创建与编辑方法;
2. 学会网页文件的新建、保存、预览等基本操作。
教师演示操作:
2.1 DW工作界面
DW工作界面由菜单栏、工具栏、面板组、状态栏、属性面板、文档窗口等组成,如图所示。
2.2 站点的创建与管理
    创建一个站点是建立网站的第一步。站点可以简单地理解为管理和存放网站中所有网页及各种素材的文件夹。通过站点,可以方便地对站点文件进行管理并能够减少链接与路径方面的错误。
    按地理位置划分,站点分为本地站点和远程站点。我们把在本地计算机硬盘中存放网页的文件夹称为本地站点,把在Internet网络服务器上存放网页的文件夹称为远程站点。
按站点的交互性划分,站点分为静态站点和动态站点。
1. 创建本地站点
    在Dreamweaver中创建Web站点,通常先在本地磁盘上创建本地站点,经过一系列的测试后,再将这些网页的副本上传到一个远程Web服务器,成为真正的站点供他人在互联网上浏览。创建本地站点的步骤如下。
(1)运行Dreamweaver,选择菜单“站点→新建站点”命令,弹出“站点设置对象”对话框。
(2)选择对话框中的“站点”选项,在“站点名称”文本框中输入用户自定的站点名称。在“本地站点文件夹”文本框中直接输入站点文件夹的路径,或单击后面的“浏览文件夹” 按钮,在打开的“选择根文件夹”对话框中进行选择。
(3)如果要对站点属性进行详细的设置和调整,可以选择“高级设置”选项,在弹出的选项卡中进行设置。
2. 编辑站点
(1)选择菜单“站点→管理站点”命令,或在“文件”面板的下拉列表中选择“管理站点”命令,如图2-30所示。
(2)选择要编辑的站点,单击“编辑”按钮或直接双击站点名称,在弹出的“站点设置对象”对话框中可以对站点信息进行修改。
(3)编辑完成后,单击“保存”按钮,返回“管理站点”对话框,单击“完成”按钮。
3. 复制站点
(1)选择菜单“站点→管理站点”命令,打开“管 
 
理站点”对话框,在弹出的“管理站点”对话框中选择要复制的站点,单击“复制”按钮,将会出现新站点。
(2)用鼠标双击新复制出的站点,在弹出的“站点设置对象”对话框中进行修改设置,单击“保存”按钮,返回“管理站点”对话框,单击“完成”按钮。
4. 删除站点
(1)选择菜单“站点→管理站点”命令,打开“管理站点”对话框,选择要删除的站点,单击“删除”按钮,即可将站点删除。
(2)删除站点,只是删除站点的定义信息,硬盘中相应位置的文件和文件夹并不会被删除。
三、巩固练习
学生操作,教师评价
四、总结提升
师生共同回顾本节知识点内容
五、作业布置
完成同步训练。
 
2.2 站点的创建与管理
1. 创建本地站点
2. 编辑站点
3. 复制站点
4. 删除站点
教后札记

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。