培训方案_网页设计与网站开发

时间:2020-11-22 10:04:53 手机站 来源:网友投稿

国家中等职业教育改革发展示范学校建设项目

动漫游戏专业

〈〈网页设计与网站开发》

培训方案

天津市电子计算机职业中等专业学校

〈〈网页设计与网站升发》(高级班)培训方案

适用专业:动漫游戏

总学时数:每周5天,每天8学时,共两周80学时。

一、培训目标:

1、 学会Dreamweaver CS6 基本操作。

2、 学会HTML语言,并能用用HTML编写和修改网页。

3、 学会使用表格进行网页布局。

5、 学会使用Div+CSS进行网页布局和网页设计。

6、 学会用模板、主题、样式制作高质量网页。

7、 学会Javascript基础知识及在网页中的使用。

8、 学会用行为面板和Spry在网页中加入Javascript特效

、培训内容

模块

课程内容和要求

操作技能训练设计

学时

1.Dreamw eaver CS6技术 基础

一、Dreamweaver快速入门

熟悉 Dreamweaver CS5ft作界面

Dreamweaver界面操作演练

定义和管理站点

编辑站点内容

新建网页

一、文本之美

输入义木

设置文本届性

设置列表样式

三、用图像和多媒体丰富页面

在网页中插入图像

设置图像届性

项目1:与东冏城

任务一:制作内容贞

任务二:制作购物车贞

学生实战项目一:制作糯米 网团购页而

学生实战项目二:制作嗨淘 网商品贝向

项目2:制作淘宝公益页面 任务一:制作顶部和版权部 分

任务二:制作中问列部部分 学生实战项目一:制作淘宝 店铺夕U表贝向

8

编辑网贝图像

实战演练:图文混排

插入Flash动画

插入FLV视频

插入首频

插入视频

四、设计超链接和导航菜单

超链接概述

定义超链接的方法

使用超链接

学生实战项目二:制作易趣

商品列表页而

2.利用表

格布局和

设计网页

一、 表格技术概述

插入表格

操作练习:选择表格

表格届性

二、 实战演练:操作表格

调整大小

活除、均化大小

增加行、列

删除行、列、单元格内容

剪切、复制和粘贴单元格

合并和拆分单兀格

三、 实战演练:操作表格数据

导入数据

导出数据

数据排序

四、 实战演练:使用表格设计网页

项目:拍拍网的制作

任务1制作网站公用部分

任务2制作网站首页

任务3制作女装频道页而

任务4制作冏品内容页面

任务5制作购物车贝向

任务6制作充值中心贝面

任务7制作登录页而

任务8制作注册页面

16

3.DIV+CS

S网页制

作技术

一、使用CSSil化网页

CSS基础

C SS盒模型

项目:制作腾讯游戏网站

任务一:制作腾讯游戏首页

任务二:制作竞技平台首页

24

用 Dreamweaver定义 CSS羊式

操作练习:定义CSS羊式

二、 使用AP DIV+CS而局网页

认识 AP Div

操作练习:定义AP Div

设置AP Div届性

操作练习:使用AP Div面板

实战演练:操作AP Div

三、 使用DIV+CS而局网页

Div+CSS布局的优势

Div+CSS布局应用

任务三:制作游戏公会首页 任务四:制作爱心联盟首页 任务五:制作关丁腾讯游戏 首页

任务六:制作腾讯游戏品牌

M

任务七:制作新闻及事件贞 任务八:制作社会责任贞

任务九:制作腾讯游戏社区 论坛页

4.使用

JavaScri

pt行为

创建特效

网页

一、认识JavaScript行为

一、 添加与编辑 JavaScript行为

增加行为

操作行为

浏览器事件介绍

二、 使用侦正义行为

交换图像和恢复交换图像

弹出信息

打开新浏览器窗口

拖动 APte*

改变届性

显小-隐臧兀素

四、使用Spry效果

添加显示/渐隐效果

添加遮帘效果

添加增大/收缩效果

添加局皆颜色效果

添加滑动效果

项目:中国建设银行页面

任务1:制作总体页面

任务2:制作百页弹出窗口

任务3:制作可移动图片

24

5.网页中

加 入

Spry 应

一、认识Spry框架

Ajax概述

Ajax原理分解

一、使用Spry显小动态数据

定义Spry XML数据集

定义Spry区域

定义Spry重复项

定义Spry重复列表

三、使用Spry构件

认识Spry构件

定义Spry菜单栏

正义Spry选项卡式面板

正义Spry折曾式

使用Spry验证义木域

项目:制作中国联通网贞

任务1:制作总体页面

任务2:制作菜单栏

8

二、考核方式和标准

通过培训,学员在教师指导下完成一个功能相对完善的网站,作为结 业作品。

考察对Dreamweaver软件的知识和技术的学习程度。

 在此基础上,提 高分析问题和解决问题的能力;要具备较强的网页设计与网站制作方面的 实践能力、创新能力和创业能力。

四、其它

教学方法:主要采用项目教学法、多媒体资料演示法、实际操作演练 法等教学方法,以培养学生相关职业能力。

先修课程:计算机基础、Photoshop

  • 下载文档
  • 收藏
  • 0

推荐访问:培训方案 网页设计 网站开发 方案 培训方案_网页设计与网站开发

版权声明 :以上文章中选用的图片文字均来源于网络或用户投稿 ,如果有侵权请立即联系我们 , 我们立即删除 。