校级精品课程-网页设计与制作(说课)

网页设计与制作课程建设和课程体系

LOGO 湖北三峡职业技术学院电子信息学院

网页设计与制作课程建设和课程体系

LOGO

网页设计与制作 本课程是计算机应用、网 本课程是计算机应用、 络技术、 络技术、电子商务等专业的专 业课程， IT行业应用非常广 业课程，在IT行业应用非常广 泛。它既为一门具体的应用技 术，也是作为其他网络应用的 重要基础工具，因而在整个教 重要基础工具， 学体系中占据非常重要的地位。 学体系中占据非常重要的地位。

Page 2

网页设计与制作课程建设和课程体系

LOGO 湖北三峡职业技术学院电子信息学院

目

录

课程设置及内容

教学过程及方法

学习方法及考核

课程特色及成果

Page 3

网页设计与制作课程建设和课程体系

LOGO 湖北三峡职业技术学院电子信息学院

——教什么 教什么？ ——教什么？

网页设计与制作课程建设和课程体系

LOGO

课程设置的前沿思路使用基于工作过程培养模式， 使用基于工作过程培养模式，强调知识的实用性 突破传统学科教材的“三段式” 突破传统学科教材的“三段式”课程设置模式和 知识传授过程。 知识传授过程。 积极开发项目课程资源 把传统学科教材中以系统讲授知识为重点， 把传统学科教材中以系统讲授知识为重点，改为 以企业生产过程需要为背景传授知识和技能为重 点。

Page 5

网页设计与制作课程建设和课程体系

LOGO

课程设置: 任务驱动教学方法” 课程设置: “任务驱动教学方法”课程情景：张先生的企业要设计与制作一个网站来宣传展示企业形象和宣传 课程情景：张先生的企业要设计与制作一个网站来宣传展示企业形象和宣传 产品，任务需要一网站设计师来完成。 产品，任务需要一网站设计师来完成。网站网 本 的

设 计 制 作 步 骤网站整体色彩设计 和布局需求分析 网 的设计制作 购置服务器设备， 购置服务器设备， 注册域名

网站构图设计 文档布局编辑 多媒体的处理 布局和框架 脚本使用 动态网站技术的

的

布局

网站的

架与

术 术

的

网站

和

布

测试和发布 管理

服务器 网站的

置 和

布

网站

和

Page 6

网页设计与制作课程建设和课程体系

LOGO

教学总体结构设计(项目任务式教学) 教学总体结构设计(项目任务式教学)理论知识教学 实践能力训练 设计思想锻炼 创新能力开发项目一 网站首页设计与切片 项目二 网页文档编辑 项目三 网页动画制作 项目四 网页样式的处理 项目五 网页脚本的使用 动态网页的设计 项目六 动态网页的设计 网站测试 测试、 项目七 网站测试、发布与管理 项目八 网页综合实训 标示符号

教学训练目标

能力培养重点

实践教学目的

Page 7

网页设计与制作课程建设和课程体系

LOGO

课程目标了解基本的网页设计配色布局方案 掌握网站建设的基本途径、方法和技术要求 具有网页制作的基本设计理念 能根据网站功能需求设计网页制作的基本方案 熟练掌握网页设计和制作的软件

(网页三剑客)运用能力 根据功能需求设计网站的布局、框架和配色方案等综合能力 运用所学知识解决网页设计中所遇到的实际问题能力 收集、处理信息、准备、加工素材的实践能力 沟通能力和协作精神 勤于思考、认真踏实的工作作风 运用科学技术和创新创业的理念 自主学习、不断进取、理论联系实际的综合素养

知识目标

能力目标

素质目标

Page 8

网页设计与制作课程建设和课程体系

LOGO 知识目标

网页设计配 色布局方案

网站开发、 网站开发、网 页设计布局

网站方案设计 和需求分析

了解

掌握

应 用

Page 9

网页设计与制作课程建设和课程体系

LOGO 能力目标

1.熟练掌握网页设计和制 1.熟练掌握网页设计和制 作的软件(网页三剑客) 作的软件(网页三剑客) 运用能力 2.根据功能需求设计网站 2.根据功能需求设计网站 的布局、 的布局、框架和配色方 案等综合能力 3.运用所学知识解决网页 3.运用所学知识解决网页 设计中所遇到的实际问 题能力

1 7 6 5

2 3 4

4.收集、处理信息、 4.收集、处理信息、 收集 准备、 准备、加工素材的 实践能力 5.独立完成静态网站 5.独立完成静态网站 制作能力 6.策划 色彩感悟、 策划、 6.策划、色彩感悟、 结构布局能力 7.设计网站综合实力 7.设计网站综合实力

Page 10

网页设计与制作课程建设和课程体系

LOGO

思想政治与道德素养

文化艺术与身心发展

社会实践与志愿服务

素质目标

社团活动与社会工作

科学技术与创新创业

技能培养

Page 11

网页设计与制作课程建设和课程体系

LOGO

教学内容的组织与安排设计网页效果图 Fireworks、 Photoshop 美工基础 导航和接片、热区

网页制作方法Dreamweaver运用 使用HTML语言设计

网页动画处理 Flash动画制作 SWF动画运用

两周综合实训 培养综合实践能力 方案设计和实践操作能力

动态网页制作设计 网络动态模式设计 网络脚本使用 JAVA语言设计运用Page 12

网页设计与制作课程建设和课程体系

LOGO

教材建设2007年 开始选用清华大学出版社、北京交通大学出版社出版、 2007年，开始选用清华大学出版社、北京交通大学出版社出版、 本课题组负责人周苏峡主编的适合高职高专院校学生学习的“21世纪 本课题组负责人周苏峡主编的适合高职高专院校学生学习的“21世纪 应用型人才培养系列教材” 网页设计实用教程》 978应用型人才培养系列教材”《网页设计实用教程》(ISBN 978-781123-107-6)。本精品课网站的大多数教学资源是围绕该教材建立的。 81123-107-6)。本精品课网站的大多数教学资源是围绕该教材建立的。

Page 13

网页设计与制作课程建设和课程体系

LOGO 湖北三峡职业技术学院电子信息学院

——怎么教 怎么教？ ——怎么教？

网页设计与制作课程建设和课程体系

LOGO

教学过程总体结构设计 教学目标

网站发布和管理 课程完成

综合实训设计

动画制作和样式处理 网

页脚本运用

课程拓展网页文档静态制作 网站设计思想

课程起始

Page 15

网页设计与制作课程建设和课程体系

LOGO

教学活动的有机结合

理解知识重点和要点

理解课程运用知识

课件运用

媒介场景

教学过程

实例结合

有机互动

开拓创新设计思维 灵活掌握技能操作Page 16

网页设计与制作课程建设和课程体系

LOGO

例如： 例如：项目三 网页动画制作提出任务 需求

典型工作任务 网站首页需要banner动画 网站首页需要banner动画 banner

网站动画的素材选取 行动领域

选用基本 软件

行动领域 制作软件的选取和介绍

FLASH基本操作介绍 FLASH基本操作介绍 行动领域

软件工具 使用

软件工具的应用实例 行动领域

FLASH工具的使用实例 FLASH工具的使用实例 行动领域

基本动画 制作

行动领域 banner动态效果制作 动态效果制作

动态效果的制作方法 行动领域

完成项目 完成动画 任务 制作Page 17

网页设计与制作课程建设和课程体系

LOGO

教学模式的设计与创新

多种教学模式的运用课堂演示教学 教师指导实验 实习实训实践 专业设计比赛 校外企业实训 技能操作评比

理论实践 教学

实践实训 单击添加 教学

社会实践 教学

Page 18

网页设计与制作课程建设和课程体系

LOGO

理论课教学采用多媒体课件、电化教 学或等先进教学手段进行。

充分利用实验室，进行各种操作技能 训练，加深对理论知识的理解和记忆。

充分利用校园网及课程网站Internet 平台，拓展学生知识面。

走工学结合的路子，利用社会IT企业 和校外实训基地，获取知识和技能。

Page 19

网页设计与制作课程建设和课程体系

LOGO

Page 20

网页设计与制作课程建设和课程体系

LOGO

教学方法的多样性

演示讲授

实践训练

任务应用

Page 21

本文来源：https://www.bwwdw.com/article/usoj.html