网页设计与制作教学计划

合集下载

网页设计教学计划

网页设计教学计划

下拉式菜单
针对中等尺寸屏幕,可使用下拉式菜单展示 更多导航选项。
动画与过渡效果
添加动画和过渡效果提升导航菜单的交互体 验。
05
网页优化与性能提升
网页加载速度优化
压缩文件大小
通过Gzip压缩、文件合并等方式减小文件体积 ,加快文件传输速度。
利用浏览器缓存
通过设置HTTP缓存头信息,使浏览器缓存静态 资源,减少重复请求。
电商网站设计实战
设计购物流程
简化购物流程,提高用户购物 的便捷性和舒适度。
强化促销策略
运用视觉设计和心理学原理, 设计吸引人的促销活动和优惠 券等营销手段。
分析用户需求
了解目标用户的需求和购物习 惯,以便设计更符合用户心理 的电商网站。
优化商品展示
通过合理的商品分类、筛选和 展示方式,提高用户找到所需 商品的效率。
CSS布局与定位
理解CSS的布局和定位技术,如盒模型、浮动、定位等。
CSS动画与过渡
掌握CSS的动画和过渡效果,增强网页的交互性和视觉效果。
JavaScript基础
JavaScript语法与变量
01
学习JavaScript的基本语法、变量和数据类型。
JavaScript函数与对象
02
理解JavaScript的函数和对象,掌握其使用方法。
CDN加速原理及应用

网页设计教学计划

网页设计教学计划

学期教学方案

第二学年第四学期

课程名称:网页设计总学时:64

专业:平面设计已授学时:0

授课班级:11平面设计01本学期方案学时:64 教师:袁立东

网页设计教学方案

. .

. v .

. .

. v .

. .

. v .

. .

. v .

. .

. v .

. .

. v .

网页制作教学工作计划

网页制作教学工作计划

一、教学目标

1. 培养学生掌握网页制作的基本技能,包括HTML、CSS、JavaScript等前端技术。

2. 培养学生具备良好的网页设计审美观,能够独立设计出美观、实用的网页。

3. 提高学生团队协作能力,学会与他人共同完成项目。

4. 培养学生具备一定的创新思维,能够结合市场需求,设计出具有竞争力的网页。

二、教学内容

1. 网页制作基础

- HTML基本标签

- CSS样式表

- JavaScript基础

2. 网页布局与设计

- 布局模型(Flexbox、Grid等)

- 响应式设计

- 网页界面设计原则

3. 常用网页制作工具

- Dreamweaver

- Sublime Text

- PhotoShop

4. 网页特效与动画

- CSS3动画

- JavaScript动画库(如jQuery、Three.js等)

5. 网页优化与发布

- 网页性能优化

- 网页SEO优化

- 网页发布与维护

三、教学进度安排

第1周:介绍网页制作的基本概念,讲解HTML、CSS、JavaScript的基础知识。

第2周:深入学习HTML标签,学习如何使用HTML构建网页结构。

第3周:学习CSS样式表,掌握如何美化网页,并了解布局模型。

第4周:学习JavaScript基础,了解其基本语法和功能。

第5周:结合HTML、CSS、JavaScript,进行简单的网页制作练习。

第6周:学习响应式设计,掌握如何让网页在不同设备上都能良好显示。

第7周:学习网页界面设计原则,提高网页设计审美观。

第8周:学习常用网页制作工具的使用,提高制作效率。

第9周:学习CSS3动画,为网页添加动态效果。

《网页设计与制作》课程教案

《网页设计与制作》课程教案

《网页设计与制作》课程教案

第一章:网页设计与制作概述

1.1 课程介绍

网页设计与制作的基本概念

网页设计与制作的目的与意义

网页设计与制作的应用领域

1.2 网页设计原则

网页设计的基本原则

用户体验设计原则

响应式网页设计原则

1.3 网页制作工具与技术

网页设计软件的选择与使用

HTML与CSS的基本语法与使用方法JavaScript的基础知识与应用

第二章:网页布局与排版

2.1 网页布局的基本概念

网页布局的定义与作用

常见的网页布局方式

布局元素的分类与使用

2.2 排版的原则与方法

排版的基本原则

文本的格式化与排版

图片与多媒体元素的排版

2.3 响应式网页布局与排版

响应式网页布局的概念与意义媒体查询的使用方法

布局与排版在不同设备上的应用第三章:网页色彩与字体

3.1 色彩的基本概念与应用

色彩的视觉效应与心理作用

色彩的搭配原则与技巧

色彩在网页设计中的应用案例3.2 字体的选择与使用

字体的分类与特点

字体的搭配原则与技巧

字体在网页设计中的应用案例3.3 网页色彩与字体的综合应用色彩与字体的协调与平衡

字体大小与行距的设置与调整色彩与字体的个性化应用与创新第四章:网页图片与多媒体元素4.1 网页图片的选择与处理

图片的格式与特点

图片的选择标准与技巧

图片的处理与优化方法

4.2 多媒体元素的应用

音频与视频元素的应用

动画与GIF图片的应用

交互式多媒体元素的应用

4.3 网页图片与多媒体元素的优化

图片与多媒体元素的加载优化

图片与多媒体元素的响应式应用

图片与多媒体元素的视觉效果与用户体验第五章:网页交互与动画

5.1 网页交互的基本概念与原理

《网页设计与制作》课程标准

《网页设计与制作》课程标准

《网页设计与制作》课程标准

学时数:48学时________________ 课程性质:专业必修课—

适用专业:计算机应用专业—

一、本课程的性质、地位、作用以及与其它相关课程内容的联系

《网页设计与制作》是计算机应用专业的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。

二、课程教学目标

本门课程在专业教学计划中起着十分重要的作用,通过这门课程,学生可以掌握以下技能和知识:

*掌握网站的开发流程,如建站规划、效果图制作、建立站点等相关知识。

*掌握各种网页元素在DreamWeaVer中的使用。例如表格、文本、图像、超级链接、层和表单等。

*掌握测试和发布网站的方法。包括网站测试的内容和方法。

*能够解决一些网页设计中的常见问题。

三、本课程学时安排

四、课程教学内容和基本要求(按章节详细阐述)

第一章:网页设计概述

(一)教学重点和难点

重点:Dreamweavercs5的参数设置、Dreamweaver的站点设置。

难点:DreamWeaVer的站点设置。

(二)教学内容和基本要求

教学内容:基础知识,初识DreamWeaver,DreamWeaVerCS5的参数设置,设置站点。

基本要求:了解网页设计基本知识;掌握DreanlweaVerCS5的参数设置;熟练掌握Dreamweaver的站点设置。

网页设计教师教学工作计划

网页设计教师教学工作计划

网页设计教师教学工作计划

本学期的网页设计课程将主要围绕HTML、CSS和JavaScript

三大核心内容展开教学。在课程的设计上,将结合理论和实践,注重培养学生的实际动手能力和创意设计能力。教学内容将从基础知识到实际案例应用,层层递进,旨在让学生全面掌握网页设计的基本原理和技能。

为了更好地开展教学工作,我制定了以下教学计划:

1. 教学内容安排:根据课程大纲,合理安排每周的教学内容,确保每个知识点都有足够的授课时间和实践机会。

2. 实例演练:通过实例演练,让学生对所学知识有更直观的理解,加深印象,并且培养学生解决问题和动手实践的能力。

3. 课堂互动:注重课堂氛围的营造,鼓励学生积极参与讨论和提问,促进师生互动,激发学生学习的兴趣。

4. 项目作业:设计具有一定难度和创造性的项目作业,让学生在实际操作中不断提高自己的设计能力和解决问题的能力。

5. 辅助资源:为学生提供丰富的教学资源,包括教学视频、在线文档、案例分析等,帮助学生更好地学习和掌握知识。

6. 指导辅导:在课程外,提供学生课外辅导时间,解答学生在学习中遇到的问题,引导学生进行更深入的学习和研究。

7. 知识检测:定期进行知识测试和考核,及时发现学生的学习差距并加以帮助和补救。

总的来说,我的教学工作计划是务实的、有针对性的,旨在培养学生的实际能力和创造力,帮助他们成为优秀的网页设计师。

《电子商务网页设计与制作》教学教案

《电子商务网页设计与制作》教学教案

《电子商务网页设计与制作》教学教案

一、教学目标

1. 了解电子商务网页设计的基本概念与原则。

2. 掌握网页设计与制作的基本技术,如HTML、CSS、JavaScript等。

3. 能够运用网页设计软件(如Dreamweaver、Photoshop等)进行网页设计与制作。

4. 了解电子商务网页设计的趋势与创新。

二、教学内容

1. 电子商务网页设计的基本概念与原则

2. HTML与CSS基本语法与运用

3. JavaScript基础与网页交互

4. 网页设计软件的使用与技巧

5. 电子商务网页设计案例分析与实践

三、教学方法

1. 讲授:讲解电子商务网页设计的基本概念、原则以及技术要点。

2. 示范:通过实际操作,展示HTML、CSS、JavaScript等技术的应用。

3. 练习:学生动手实践,运用网页设计软件进行网页设计与制作。

4. 讨论:分组讨论,分析电子商务网页设计的趋势与创新。

四、教学准备

1. 教室环境:确保电脑、投影仪等设备齐全,网络畅通。

2. 教学材料:教案、PPT、案例素材、网页设计软件安装包等。

3. 学生分组:根据班级人数,合理分组,每组4-6人。

五、教学过程

1. 导入:简要介绍电子商务网页设计的重要性,激发学生兴趣。

2. 讲解:讲解电子商务网页设计的基本概念与原则,重点讲解HTML、CSS、JavaScript等技术。

3. 示范:教师演示HTML、CSS、JavaScript等技术的实际应用。

4. 练习:学生动手实践,运用网页设计软件进行简单网页设计与制作。

5. 讨论:分组讨论,分析电子商务网页设计的趋势与创新,分享实践经验。

网页制作教学计划

网页制作教学计划

网页制作教学计划

简介:

网页制作是一门重要的技能,随着互联网的发展,越来越多的人对网页制作的需求增加。本文将介绍一份完整的网页制作教学计划,旨在帮助学习者系统地学习和掌握网页制作的基础知识和技能。

一、课程概述

网页制作课程旨在向学习者介绍网页制作的基本概念和技术,以及相关的设计原则和工具。通过本课程的学习,学员将能够自主完成简单的网页设计和制作。

二、教学目标

1.了解网页制作的基本原理和技术;

2.掌握HTML、CSS和JavaScript等网页制作的核心技术;

3.熟悉常用的网页制作工具和软件;

4.能独立设计和制作简单的网页;

5.了解网页设计的常用原则和技巧。

三、教学内容

1. 基础知识

1.1 网页制作的定义与发展

1.2 网页制作的基本概念

1.3 网页制作的相关工具和技术

2. HTML基础

2.1 HTML标签与元素

2.2 常用HTML标签的使用

2.3 HTML文档的结构和布局

3. CSS样式设计

3.1 CSS的基本语法和选择器

3.2 常用CSS样式的应用

3.3 样式的继承与层叠

4. JavaScript应用

4.1 JavaScript的基本语法和特性 4.2 JavaScript在网页制作中的应用

4.3 常用的JavaScript库和框架

5. 响应式网页设计

5.1 响应式网页设计的概念和原理 5.2 使用媒体查询创建响应式布局

5.3 移动设备适配与优化

6. 网页优化与SEO

6.1 网页性能优化的基本原则

6.2 SEO的基本概念和优化技巧

6.3 网页访问速度优化

四、教学方法

1. 理论授课:通过讲解和演示的形式介绍网页制作的理论知识和技术要点;

网页设计教学计划

网页设计教学计划

网页设计教学计划

拟稿:审核:计算机教研组时间:2008年春季

(07级春季计算机专业)

一、教学目的与教学要求

教学目的:

掌握网页设计的基本要求、方法、特点,初步掌握规划网站、制作网站、维护网站各种软件(Dreamwever\FTP 软件\ Fireworks \Flash)的网页制作和设计工具,最终独立完成一个网站,并发布。

教学要求:

1、要求学生了解网页设计的特点,并结合自己专业设计网页。

2、要求学生掌握网站的制作流程,能够独立或合作完成网站。

3、掌握一套解决网站制作问题的思路和方法。

重点:

网页设计的特点,结合各种软件的使用特点完成网站制作的流程;解决网站制作问题的思路和方法。

难点:

1、将所学专业和网页设计结合起来,发挥装潢专业的特点,制作出实用而且有设计感的网站。

2、各种软件的使用方法。

二、学生情况分析

通过上期网页设计的学习,学生已经初步了解了网页设计的相关基础知识。但是由于学习的时间有限,还有相当部分内容还没学习,这期是完成上期没完成的教材上教学内容。一个寒假的时间可能很多同学对上期的知识有一定程度的遗忘,这期首先是对以前所学知识的复习,在以前的基础上继续完成教育内容和提高网页设计的专业知识。让学生循序渐进的掌握、应用。

三、教材分析

本教材上期已使用了一学期,学生已经适应教材的教学内容安排。教程内容丰富、图文并茂、很多的实例注重学生的实际操作能力。但是还是存在诸多的不足,根据学生的具体情况教材理论知识较少,很多操作教材上都没介绍理论原理。由于现在学生处于网页设计的初级阶段教材还缺乏一些必要的内容(比如网页的框架、模版和FTP上传技术等等)。还有就是教材上某些知识较深、跨度太大,比如教材上刚刚介绍了FLASH制作马上跟着就是FLASH 脚本语言,学生很难于接受。通过对教材的分析在实际的教学中会适当的增加和删减一些内容和颠倒讲解一些章节。

(完整版)网页设计与制作教学大纲

(完整版)网页设计与制作教学大纲

《网页设计与制作》课程教学大纲

课程编号:

课程名称:网页设计与制作

课程类型:专业基础课

总学时:64 讲课学时:32 实验学时:32

适用班级:

一、课程性质、目的和任务:(加粗,以下同)

1、目的

本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。

2、任务

本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。

二、教学基本要求:(分三级:掌握、理解、了解)

1.掌握:

要求学生能够全面掌握所学内容,并能够用其分析、应用与Dreamweaver网页设计相关的问题,能够举一反三。

2.理解:

要求学生能够较好地理解与Dreamweaver网页设计相关的问题,并且能够进行简单分析和判断。

3.了解:

要求学生能够一般地了解的所学内容。

三、教学内容及要求:

第1章Dreamweaver基础

教学内容:

Dreamweaver 的历史和简介

Dreamweaver 的安装过程

Dreamweaver 的全新界面

《网页设计与制作》教案计划.doc

《网页设计与制作》教案计划.doc

《网页设计与制作》教学计划

一、课程的性质与任务

课程的性质:本课程是为培养高职广告专业学生对网页设计与制作的基础知识而设置的一门专业必修实训课程。由于网页设计与制作所涉及的软件和相关知识十分广泛,针对设计艺术专业学生的专业方向和专业基础,本课程侧重于网页视觉效果和版式布局的设计与制作,对大中型网站制作中的所涉及到的动态程序编写等较复杂技术手段作了回避或仅作简单介绍。

课程的任务:通过本课程学习,使学生了解网页制作的基础知识、基本流程,并能熟练使用Macromedia Dreamweaver进行个人网站和中小型商业网站的设计、制作与维护更新,为培养高级网页设计专业人才打下坚实的基础。

二、教学基本要求

通过课程的教学,在理论知识教学和技能培养两方面要求学生达到下列目标。(一)理论知识方面主要达到:

1.了解互联网、网页、网站、超级连接、HTML语言、FTP、HTTP等基础网络知识;

2.了解网站设计制作的常用工具与基本流程

3.了解html语言的一般规律

4.了解不同网站类型不同的设计与制作要求

5.了解网站的整体结构规划

(二)能力方面主要达到:

1.熟练掌握Macromedia Dremweave的基本操作;

2.掌握photoshop中网页设计稿文件的切片与优化输出;

3.掌握网页图像的优化技巧;

4.了解网站的测试、发布、推广与维护;

三、教学条件

内部网络连接稳定的多媒体教室;保障每个学生都能单独使用一台电脑,每台电脑都配备Dreamweaver、photoshop等设计软件。

四、教学内容及学时安排

五、教法说明

《网页设计与制作》教案

《网页设计与制作》教案

《网页设计与制作》教案

第一章:网页设计基础

1.1 网页设计概述

介绍网页设计的概念、目的和重要性

讨论网页设计的标准和原则

1.2 网页设计流程

讲解网页设计的基本流程,包括需求分析、设计稿、切片、编码和测试等步骤1.3 网页设计工具

介绍常用的网页设计工具,如Photoshop、Dreamweaver、Fireworks等第二章:HTML与CSS基础

2.1 HTML概述

介绍HTML的概念、作用和基本结构

2.2 HTML标签

讲解常用的HTML标签,如、段落、图像、、列表等

2.3 CSS概述

介绍CSS的概念、作用和基本语法

2.4 CSS选择器

讲解常用的CSS选择器,如类选择器、ID选择器、属性选择器等

第三章:网页布局与排版

3.1 网页布局概述

介绍网页布局的概念和重要性

3.2 常用的网页布局方法

讲解常用的网页布局方法,如固定布局、百分比布局、弹性布局等

3.3 排版与字体

介绍排版和字体的概念、作用和常用属性

3.4 响应式网页设计

讲解响应式网页设计的概念、方法和实现方式

第四章:网页特效与交互

4.1 网页特效概述

介绍网页特效的概念和作用

4.2 JavaScript基础

讲解JavaScript的概念、作用和基本语法

4.3 常用的网页特效与实例

讲解常用的网页特效,如鼠标悬停效果、下拉菜单、滚动动画等,并提供实例进行演示

4.4 交互式网页设计

讲解交互式网页设计的概念、方法和实现方式

第五章:网页设计与制作实践

5.1 实践项目概述

介绍实践项目的需求和目标

5.2 网页设计稿制作

根据实践项目需求,使用设计工具制作网页设计稿

《网页设计与制作任务驱动教程》教学教案(全)

《网页设计与制作任务驱动教程》教学教案(全)

《网页设计与制作任务驱动教程》教学教案(第一部分)

一、教学目标

1. 了解网页设计的基本概念和流程。

2. 掌握HTML和CSS的基本语法和用法。

3. 能够使用网页设计软件进行网页布局和设计。

4. 学会使用浏览器进行网页的查看和调试。

二、教学内容

1. 网页设计基本概念:网页、网站、网页设计原则等。

2. 网页设计流程:需求分析、网页结构设计、网页界面设计、网页制作、网页测试与发布等。

3. HTML基本语法和使用方法:HTML标签、属性、注释等。

4. CSS基本语法和使用方法:选择器、属性、注释等。

5. 网页设计软件的使用:Photoshop、Dreamweaver、Sublime Text等。

三、教学方法

1. 讲授法:讲解网页设计的基本概念和流程,HTML和CSS的基本语法和用法。

2. 任务驱动法:通过设计实际网页任务,让学生掌握网页设计的方法和技巧。

3. 案例教学法:分析实际案例,让学生了解网页设计的最佳实践。

4. 实践教学法:让学生动手实践,提高网页设计的能力。

四、教学准备

1. 教室环境:电脑、投影仪、黑板等。

2. 教学材料:教材、PPT、实际案例等。

3. 网络环境:让学生能够访问互联网,查找相关资料。

五、教学步骤

1. 讲解网页设计的基本概念和流程,让学生了解网页设计的意义和目的。

2. 讲解HTML和CSS的基本语法和用法,让学生能够编写简单的网页。

3. 介绍网页设计软件的使用,让学生能够使用软件进行网页设计和制作。

4. 通过实际案例,讲解网页设计的最佳实践,让学生能够掌握网页设计的方法和技巧。

网页制作教学计划

网页制作教学计划

网页制作教学计划

网页制作教学计划(3篇)

时间过得太快,让人猝不及防,成绩已属于过去,新一轮的工作即将来临,是时候开始制定计划了。那么你真正懂得怎么制定计划吗?下面是小编整理的网页制作教学计划,欢迎阅读,希望大家能够喜欢。网页制作教学计划1

一、基本情况

1)课程名称:网页制作

2)教材使用情况:无

3)任课班级:高二(1)

4)本学期周课时: 2

5)计划教学时数: 32

6)已完成教学情况:无

二、教学目标及任务:

1)课程教学主要目的要求:

主要目的:

1、介绍网络及网站建设的相关知识,使学生对其有一个初步了解;

2、了解万维网的基本结构,网页组成的基本要素;

3、了解目前常用的网页制作软件,并熟练掌握用Frontpage软件设计制作网页;

4、学会对站点进行管理,对网页进行上传。

2)教学重点、难点:

教学重点:熟悉网页组成的基本要素;在Frontpage中熟练利用表格规划布局网页;熟练正确设置超级

链接。

教学难点:动态网页的实现;利用表单处理数据信息;对站点进行管理并上传网页。

三、教学内容及计划安排:

教材体系及教学进度计划

教学内容调整说明

第一周:了解网站和网页的相关知识

第二周:Frontpage简介

第三周:Frontpage文本基本操作

第四周:图像基本操作

第五周:网页中表格的使用之插入表格

第六周:表格的修饰

第七周:动态网页的实现之简单动画效果

第八周:活动元素

第九周:框架的使用之创建框架

第十周:框架的修饰

第十一周:表单的使用之表单栏的设定

第十二周:使用表单模块处理表单信息

第十三周:管理站点

第十四周:网页上传

第十五周:复习

网页设计与制作教程教学设计

网页设计与制作教程教学设计

网页设计与制作教程教学设计

背景及目的

随着信息技术的不断发展,更加强调学习者的自主学习和批判性思维,同时对于学生的专业技能素质要求也越来越严格。为了适应市场的变化,让学生更好的适应工作所需的技能,本文旨在设计一份网页设计与制作的教程教学方案。

教学目标

针对不同层次的学生,我们设计了不同的教学目标:

•初级目标:熟悉 HTML、CSS 的基础语法及其慣用法,掌握网页布局及DOM操作的基本方法。

•中级目标:掌握更高级的 HTML 和 CSS 技能,能够制作更加复杂的效果,并熟悉 JavaScript 的基础知识和使用方法。

•高级目标:能够独立制作更加复杂的网页效果,掌握jQuery 等前端框架的使用,理解网站性能优化和前后端交互的

知识。

教学方式

本教程采用学习与实践相结合的教学方式,通过实践和项目驱动,帮助学生掌握网页前端技能,让学习更具可操作性。

课程设计如下:

阶段一:HTML & CSS 基础

学习基础的HTML标记与CSS样式表,理解页面结构和样式布局;

任务列表:

1.制作一个静态网页,页面包含文章、图片等元素,并使用

样式表控制页面布局和样式;

2.初学者参考模板制作简单的网页,包含导航、轮换图、图

片等常见元素;

阶段二:网页布局与JavaScript基础

学习更高级的HTML和CSS技能,理解DOM和布局的基础知识,并获得基础JavaScript编程能力;

任务列表:

1.制作一个网页布局Demo,动态展示常用的网页布局方式;

2.使用原生JavaScript制作一个简单的动态效果,比如

MouseOver展示图片等。

《网页设计与制作》课程教案

《网页设计与制作》课程教案

《网页设计与制作》课程教案

一、课程定位

本课程是计算机应用技术专业的一门专业基础课程,该课程的学习能够提升他们对网页制作的兴趣,让他们学习网页制作的基本技能,为后继课程打下基础,同时扩展其就业面,为就业做好准备。

本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法,并能够使用这3款软件制作出美观实用的网页。

二、课程总目标

掌握网页制作的基本方法和技能,掌握网站建设的流程,能够运用所学知识建设常用的网页和网站,同时能够美化网页,设计人性化、艺术化的网站静态页面部分。

(一)知识目标:

1.熟悉网页制作的基本元素;

2.掌握Dreamweaver CS6软件的基本操作方法;

3.掌握在网页中插入文字、图片、声音、flash等的方法;

4.掌握常见的网页布局方法,学会使用CSS美化网页;

5.掌握在网页中使用表单和制作网页特效的方法;

6.掌握简单图形图像的处理,能够制作符合网页主题的图片和简单动画

并巧妙地和网页中内容搭配起来。

7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静

态页面部分。

(二)职业能力培养目标

1. 能够根据网站开发需求,去寻找网页设计和网站开发所需要的文字、

图片、动画、声音、视频等素材并作美化处理;

2.能够制作出符合主题色彩的网页,网页要求美化、被绝大多数浏览

者接受和喜爱;

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态

页面。

(三)素质目标

1.具有勤奋学习的态度,严谨求实、创新的学习精神;

2.具有良好的心理素质和职业道德素质;

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

教师学科教案[ 20 – 20 学年度第__学期]

任教学科:_____________

任教年级:_____________

任教老师:_____________

xx市实验学校

Photoshop CS3网页设计与制作教学计划

2011级计算机应用班授课教师:艾珉

一、教学目标

本教材以2011级计算机应用班的学生为教学对象,通过对本门课程的教学帮助学生认识photoshop软件,能够熟练的对给定素材进行处理和再加工,最后能够熟练的使用photoshop软件设计和制作网页。为以后从事网站设计与制作及网站的后期维护奠定良好的基础。同时,通过本门课程的讲解,让学生学会一种学习方法,学会一种认识事物的态度。让学生能够很快的适应工作环境。在教学过程中,结合上机操作,理论联系实际进一步加深对所学知识的掌握。在教学的过程中要及时了解学生的掌握程度,及时调整教学的难度,使每一位同学都能够学有所得,学有所获。

二、教材分析

本书以模块教学为主,全书共分为8个模块,第一模块主要讲解photoshop 在网页设计中的应用,第二模块主要讲解网页的版面设计;第三模块主要讲解网页的色彩搭配;第四模块主要讲解导航栏的设计与制作;第五模块主要讲解按钮的设计与制作;第六模块主要讲解特殊文字的设计和制作;第七模块主要讲解网页的设计和制作;第八模块主要讲解切割网页图像。本书通过案例有侧重点的由浅入深,循序渐进帮助学生全面掌握photoshop版面设计、色彩搭配、网页元素设计等综合技能。本书通过任务让学生能够运用所学的知识解决现实问题,积累经验,从而提高动手能力和解决问题的能力,每个模块在模拟制作完成任务后还设有独立实践任务,以强化学生技能应用能力和自学能力。

三、教学重点与难点

本教材采用模块教学。以“学一个案例就掌握一种工作技巧”为原则,有侧重点的实例由浅入深,循序渐进帮助学生掌握网页设计的基本技能。

本教材的重点是网页版面设计、网页的色彩搭配、导航栏的设计与制作、按钮的设计与制作、特殊文字的设计与制作、网页的设计与制作和切割网页图像。其中网页的色彩搭配、网页的设计与制作学生掌握起来有一定的难度,需要在讲

解的时候注意。同时本书是以photoshop为依托展开网页设计的,但是该软件的相关知识讲解较少,需要在平时的教学中及时补充。让学生熟练的掌握和应用该软件。

四、教学对象分析

本学期所授班级的学生,学生没有接触过平面设计的任何软件,对学习本门课程有很大的影响。Photoshop的操作要求快速,主要是一些快捷键的使用,但是本班学生对快捷键的记忆和使用上存在问题。部分同学懒惰,不善于记忆快捷键,不善于动脑思考且动手能力也很弱。所以,在平时的讲课和练习中要多复习,多练习。要提高同学们学习的主动性,纠正同学们不当的学习方法,在授课的过程中要多加约束,多加引导。同时,在教学过程中要以实用为主,要实践理论相结合,使学生在实践中加深理解。

五、教学措施

细致讲解,理论与实践相结合,安排足够的实践让学生在实践中加深理解。

做好板书,要求学生做好课堂笔记。定期做知识总结,巩固所学知识。

以教材为重点,适当拓展知识,拓宽学生的知识面。

注重学生主体作用的发挥及自学能力,动手能力的培养。

有意识地注重学生之间的互帮互助,培养学生的合作精神。

注重学生自我创新能力的培养,鼓励学生放开思路大胆去设计创作作品。

Photoshop CS3网页设计与制作教学进度

相关文档
最新文档