您现在的位置: 孝感工业学校 >> 教学科研 >> 教研科研 >> 教学科研正文
  • 《网页设计》课程改革大纲
  •  

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

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

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

        四、教学内容及学时安排
     

    序号

    单元

    主要内容

    教学要求

    学时

    1

    Internet技术及网站和网页

    理论教学

    1. Internet网络技术简介

    2. 网站与网页

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

    4. 动态Web的程序设计

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

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

    2

    实践项目

    1.   网站:http://www.Yahoo.com.cn中的网页元素

    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分