《网页设计与制作》教案

教案

2012 ～ 2013 学年第二学期学部工程技术学部

教研室(实验室)动漫

课程名称网页设计与制作

授课班级11动漫

主讲教师

职称讲师

网页设计与制作案例教程

使用教材

主编：九州书源

页脚内容1

清华大学出版社

教案（首页）

至12-13 学年第二学期

页脚内容2

页脚内容3

页脚内容4

《网页设计与制作》课程教案编制日期：2013 年 3 月 3 日

页脚内容5

第页

P S概述

页脚内容6

P S面板的基本操作

P S选区、图层的操作

建立网站之前的一些准备工作

与网站有关的一些概念

网页的概念与分类

网站的概念、主题、风格、名称、结构

建立网站的过程

网站的整体规划

定位网站的主题和风格

构建出一个网站的目录框架和链接框架

发布网页

网页语言html

页脚内容7

页脚内容8

第页

P S路径、通道和蒙版的使用

建立本地站点并管理站点

制

页脚内容9

作简单的静态网页

使用对象面板在网页中插入文字、水平线、图像、Flash文件等简单的元素

熟练使用属性面板设置对象的属性

多种超链接的设置方法

利用页面属性设置页面的属性值

实验1：

创建本地站点、整体控制页面

文本操作与图像操作

页脚内容10

页脚内容11

第页

页脚内容12

页脚内容13

架的选择、属性、链接的设置

d)框

架实例分析讲解

4．表单

a)创

建表单

b)向

表单添加对象

c)表

单属性的设置与后台程序的链接

d)表

单实例分析讲解

实验2：

利用表格布局模式进行包含表单等网页元素的布局设计

利用框架进行网页的布局设计

页脚内容14

页脚内容15

第页

页脚内容16

页脚内容17

iv标签的使用

实验3：

利用层制作拼图游戏

利用层制作动态显示的菜单

利用div技术来布局网页

页脚内容18

页脚内容19

第页

页脚内容20

页脚内容21

制多媒体动画

viii.显

示弹出式菜单

2．时间轴

a)熟

悉时间轴面板

b)利

用时间轴进行层的移动

i.直

线移动的动画

ii.拖动路径制作曲线移动动画

iii.记

录路径制作曲线移动动画

c)利

用时间轴改变图像

d)添

加时间轴行为

实验4：

利用行为与时间轴制作富有动态的网页

页脚内容22

页脚内容23

第页

页脚内容24

页脚内容25

页脚内容26

第页

页脚内容27

页脚内容28

实验5：

利用模板和库制作网站

页脚内容29

页脚内容30

第页

页脚内容31

a)熟

悉CSS样式面板

b)新

建CSS样式

c)C

SS样式规则对话框

d)熟

练操作规则定义对话框

e)编

辑样式

f)导

入导出样式

实验6：

利用DIV+CSS样式来统一整个网站

页脚内容32

页脚内容33

第页

页脚内容34