网页设计与制作 　　　　—— 学习情境七：网站上传 主讲教师：李果、邹珺.

Presentation on theme: "网页设计与制作 　　　　—— 学习情境七：网站上传 主讲教师：李果、邹珺."— Presentation transcript:

1 网页设计与制作 　　　　—— 学习情境七：网站上传 主讲教师：李果、邹珺

2 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 任务： 网站上传 特效页面在布局页面任务中的作用：
1、行为与事件的概念，行为的基本操作，标准动作 2、 JavaScript基本知识 特效页面在布局页面任务中的作用： 制定方案 工作过程 工作检查 工作总结

3 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 学生分组： 根据情景1的分组而定 工作计划： (示例)
指导学生根据任务量和时间量安排计划。 工作计划： (示例) 工作过程 工作检查 工作总结

4 网站上传 工作内容 工作计划示例 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 任务： 计划用时： 完成情况： 40分钟
绘制页面布局草图，页面布局 制作首页，添加网页文字，插入图片和fFlash动画 用行为设计图片翻转效果；用行为设计弹出广告页面和信息提示框； 用行为设计文字持续滚动效果 建立二级连接，制作二级页面 计划用时： 40分钟 45分钟 50分钟 完成情况： 制定方案 工作过程 工作检查 工作总结 返回

5 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 学生提交计划： 教师抽查，现场指导调整。 实施方案：
指导学生根据任务计划制定实施方案。 实施方案： (示例) 制定方案 工作过程 工作检查 工作总结

6 网站上传 实施方案示例 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 任务： 绘制页面布局草图，页面布局
制作首页，添加网页文字，插入图片和fFlash动画 用行为设计图片翻转效果；用行为设计弹出广告页面和信息提示框； 用行为设计文字持续滚动效果 建立二级连接，制作二级页面 计划用时： 40分钟 45分钟 50分钟 负责人： 检查人： 完成情况： 修改意见： 修改情况： 工作计划 制定方案 工作过程 工作检查 工作总结 返回

7 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 学习内容： 在网络中申请空间 安装FTP服务器
用户名及密码的设置 上传文件夹的设置 页面的断点续传 学习内容： 工作计划 制定方案 工作过程 工作检查 工作总结

8 学习情境7 网站上传 工作内容 专业能力目标 工作计划 教学目标 ： 社会能力目标 制定方案 方法能力目标 工作过程 工作检查 工作总结

9 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 能够独自设计和制作网站 专业能力目标： 能够独自申请空间
能够安装FTP服务器软件并启用 能够对FTP服务器进行测试 能够实现页面的上传 专业能力目标： 工作计划 制定方案 工作过程 工作检查 工作总结 返回

10 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 社会能力目标： 具有良好的职业道德和职业素养
具有较强的与人沟通和交流的能力 具有良好的工作习惯与清晰的思维 社会能力目标： 工作计划 制定方案 工作过程 工作检查 工作总结 返回

11 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 具有较好的学习新知识和技能的能力
具有解决问题的方法能力与制定相关工作计划的能力 具有查找相关资料和获取信息解决相关问题的能力 方法能力目标： 制定方案 工作过程 工作检查 工作总结 返回

12 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 自己设计一个校园网站
1.绘制页面布局草图，规划网站页面表格结构 制定方案 工作过程 网站上传 工作检查 工作总结 返回

13 域名申请机构 国内有多个正规的大型域名申请机构 新网 -- 中国第一的域名注册商 万网 -- 历史悠久的域名注册商 时代互联 35互联 中资源 国外的域名申请机构 godaddy 世界上最大的域名注册商，美国 enom 世界上第二大域名注册商，美国

14 域名怎么指向一个网站(空间) 网站空间一般都是和ip地址联系在一起的 可以通过一个或多个ip绑定一个空间 再把域名的解析地址改为这个ip地址(通常2-24小时才能生效) 之后就可以通过域名访问网站了 同学们在某个网站申请完域名后，可以通过域名控制面板修改相关信息。由于各大域名注册机构的域名管理面板不大一样，应具体根据注册网站上的帮助，或者直接给客服打电话

15 空间购买后，一般注册商会给空间分配一个ip，这个ip就是域名要解析到的ip。
网站空间 虚拟主机也可称作网站空间,就是互联网中的一台服务器中的一块硬盘空间(一台服务器的硬盘中通常可以划分多个这样的空间)，和我们在本地建立网站的方式基本是一样的，只不过服务器的硬件更好，带宽更大。 空间购买后，一般注册商会给空间分配一个ip，这个ip就是域名要解析到的ip。

16 有了空间我们就可以把网页上传了。上传一般都是通过FTP( File Transfer Protocol)软件。
这里我给大家介绍两款FTP软件，FlashFxp,LeapFTP。

17 FlashFxp安装与使用简单教程 运行FlashFxp安装程序。 点击图片中的闪电按钮，选择"快速连接"或按"F8"键。 填写"服务器"（就是服务器空间的ip），与用户名和密码（就是买空间时空间商给我们的用户名与密码），点击"链接"。 登录成功后，我们可以看到下面的界面，左边的为你机器上的本地文件，右边为服务器的文件。 通过拖动的方式可以把你机器上的文件拖到服务器中，这就是上传了。

18 访问LeapFTP官方站点 http://www.leapware.com/ Google下载 Baidu下载

19 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 10分钟 学生自我检查： 20分钟 修改： 20分钟
小组内相互检查： 15分钟 修改： 制定方案 工作过程 10分钟 小组间相互检查： 15分钟 修改： 工作检查 20分钟 教师抽查： 30分钟 修改： 工作总结

20 网站上传 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境7 学生自评项(15分钟) 1. 指导学生对自己的作品进行评价
学生互评项(25分钟) 工作计划 制定方案 2. 指导学生对其它同学的作品进行评价(30分钟) 工作过程 3.教师对学生的作品进行评价(30分钟) 工作检查 4.指导学生填写成果评价表(20分钟) 工作总结