今天是:
您现在的位置: 孝感工业学校 >> 教学科研 >> 教研科研 >> 教学科研正文
 

  《网页设计》课程改革大纲    
《网页设计》课程改革大纲
作者:陈禄伟    教学科研来源:本站原创    点击数:    更新时间:2009-11-3    

 

    一、课程的性质和任务
    课程性质:本课程是广告设计专业必修的专业技能课程。
    课程任务:通过课程的教学,使学生初步了解网页设计与制作的基础知识,掌握dream weaver的基本操作,能独立进行网页设计。

    二、教学基本要求
    通过本课程的教学,使学生掌握网页软件Dream weaver MX及其网页设计开发,能够独立进行网页设计项目的开发。

    三、教学条件
    由于该课程侧重学生对网页的设计技术掌握和实际应用能力培养,为了保证实训教学能够达到培养目标,因此要求课程在对图形、图像和声音处理能力强的计算机房进行,每个学生配备一台高性能计算机,并安装Macromedia DreamweaverMX、Flash、Fireworks、IIS服务器管理工具和Photoshop等编程和图形处理软件软件,并具备Internet上网条件。

    四、教学内容及学时安排
 

序号

单元

主要内容

教学要求

学时

1

Internet技术及网站和网页

理论教学

1. Internet网络技术简介

2. 网站与网页

3. 与网站和网页设计有关的语言

4. 动态Web的程序设计

5. 常用与网页设计相关工具介绍

了解和学习Internet及网页设计相关基础知识

2

实践项目

1.   网站:中的网页元素

2.   图形工具Fireworks软件使用

3.动画工具使用

结合实例理解有关知识

4

2

HTMLXML基础

理论教学

1.        HTML简介

1.        简单的HTML程序的编写

2.        多标记使用

3.        列表

4.        表格标记和属性

5.          超级链接

6.          支持多媒体技术

7.          XML简介

学习HTML设计网页基本程序设计及其结构

2

实践项目

1.      网页文字信息设计

2.      分别应用无序号和由序号列表显示文字

3.      在网页中制作一张表格

4.     制作一个内容文字、由序号与无序号文字和表格信息的网页

5.      超级链接技术应用

6.      在网页中插入和播放图像、声音和视频等多媒体信息

7.      利用HTML设计一个带有综合信息的网页

8.      XML实现数据查询功能

要求学生通过实例制作掌握技能

4

3

认识Dreamweaver MX

理论教学

DreamWeaver MX

1.界面介绍、菜单命令及其各种图标按钮的功能与使用

2.页面编辑器

3.站点管理器

4.Objects对象面板

5.Properties属性面板

6.快速启动栏

7.面板组

8.时间轴

9.网页的自测试

介绍软件的界面及其功能

2

实践项目

1.        界面介绍、菜单命令及其各种图标按钮的功能与使用

2.        运用各种面板功能

认识并使用软件

4

4

网站的创建与管理

理论教学

1. 网站设计前初始属性的设置

2. 规划网站

3. 使用Site视窗定义网站

4. 网站的管理

介绍网站创建知识和技术

2

实践项目

1.创建网站

2.网站的管理调试

自己创建网站

2

5

制作一个新网页

理论教学

1.文字显示与编辑

2.文字属性设置

3.文字排列方法

4.图片的插入与设置

5.文字与图片混排

6.图片广告制作

7.动画与影像的使用

学习在网页中插入和设计各种网页元素

2

实践项目

1.        新建一个网页并输入和设置文字属性

2.        页面中文字段落设置;3.在网页内插入与设置图片

3.        文字与图片混排

4.        在网页中插入动画和影像

自己制作相应的网页

4

6

信息的超级链接

理论教学

1.链接到网页

2.链接到网站

3.链接到邮箱

4.网页中的锚点与链接

学习各种超级链接技术

2

实践项目

1.网页的内部与外部超级链接制作

2.网页中的锚点与链接制作

3. 图像映射与翻转图的制作

设计网页

4

7

运用制表格

理论教学

1.表格的插入与设置

2.表格的管理

3.表格的妙用

掌握菜单的设计、启动技术

2

实践项目

1.表格的插入与设置

2.使用不规则表格

3.应用表格模板

4.使用表格技术制作导航条

利用菜单改善绘图程序用户界面

4

8

网页的Frame制作

理论教学

1.创建Frame页面

2.Frame中的超级链接

3.Frame的管理

了解框架技术

掌握框架设计网页方法

2

实践项目

1.创建一个框架并保存

2.制作一个3页面的框架集

3.制作带有框架集的网站

利用框架技术制作网页

4

9

层的妙用、动态时间轴

理论教学

1.带有图层的网页

2.通过描绘层可制作拖动层

3.表格转层

6.用层和动态时间轴进行动画设计

7.Dreaweaver中事件的使用

学习掌握网页中如何运用层技术

2

实践项目

1.在网页中使用层

2.制作可拖动的层

3.制作飞行的小鸟

4.制作下拉菜单

学会运用层技术设计网页

4

10

Dreamweaver中行为事件

理论教学

1.行为面板介绍

2.播放声音

3.弹出消息窗口

4.弹出新窗口

5.改变对象属性

6.检查插件

7.显示/隐藏层

掌握利用行为技术制作网页的各种方法

2

实践项目

1.为网页增加声音

2.制作弹出式消息窗口

3.弹出一个新窗口

4.控制文字及背景颜色

5.添加Flash插件检查功能

6.添加鼠标指向和移出某个图片时出现提示效果信息

利用行为技术制作网页

4

11

网页模板的创建与运用

理论教学

1. 网页设置为模板

2. 模板的套用与更新

3. 模板的运用与管理

掌握设置模板技术

2

实践项目

利用摸板和前面的技术制作网页

学会创建和运用模板

4

12

网站与网页的发布

理论教学

1. 网页发布前的准备

2. 先期测试

3. 网页发布

学会发布和测试网页技术

2

实践项目

创建自己的网站

发布网站与网页

学会ActiveX控件的定义和使用

2

13

JavaScript脚本语言的使用

理论教学

1.JavaScript程序设计基础

2.显示时间和日期

3.分时问候

4.设置背景图片

5.状态栏显示时间

6.图片淡入淡出

7.推拉式菜单

8.树形目录菜单

9.旋转文字效果

10.文字跟随鼠标

11.文字渐隐渐现

学会在网页中使用相应技术

2

实践项目

1.JavaScript程序设计

2.在网页中显示时间和日期

3.添加分时问候信息

4.设置背景图片

5.状态栏上显示时间

6.制作图片淡入淡出效果

7.制作推拉式菜单

8.树形目录菜单

9.旋转文字效果

10.文字跟随鼠标

11.文字渐隐渐现

制作网页中运用该技术

4

学 时 合 计 (74

理论教学

26

实践教学

48

   五、教学说明
    本课程采用实训的教学方法,采取以在实际制作过程中的学习知识和培养技能的训练模式,从而掌握所学技术和方法。本课程的重点是在会运用网页制作技术的前提下,通过实际网站与网页的开发来应用于实践,注重实际技能的培养。
    课程内容的选材以培养学生的能力为中心,注重实用性、操作性、先进性和科学性。根据课程进度合理安排实践、操作、讨论等内容,以便教师能随时关注学生的学习进展程度;为保证学生的学习效果,要求人手一机,并由教师在整个教学过程,实现个别指导和重点强调,从而使所有学生都能够掌握所学技术。

    六、考核形式和方法
    根据本课程的特点,要求掌握各种网页设计制作的基本技术和方法,注重针对不同开发能力的培养。将考试分为两个部分: 
    1.作业、平时、笔记、课堂讨论、项目  50分
    2.项目设计   (交作品) 50分

教学科研录入:admin    责任编辑:admin