一、课程的性质和任务
课程性质:本课程是广告设计专业必修的专业技能课程。
课程任务:通过课程的教学,使学生初步了解网页设计与制作的基础知识,掌握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 |
HTML与XML基础 |
理论教学 |
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分