banner.jpg

当前位置:首页 >> 课程介绍 >> 网页制作

任课教师: 马竹青,鞠文飞,吴蓓
指导教师: 马竹青,鞠文飞,吴蓓


总时数 54 课程性质 选修
讲授 28 每周课时 4
上机 26 总周数 14
学分 2    

参考书
   
简介   Internet技术已经成为信息技术的主流,网络技术已经渗透到当代人类工作生活的方方面面,网页制作技术是网络技术的重要组成部分之一。
网页制作选修课程的主要目标是通过主流网页设计软件的学习,掌握基本的网站网页制作技术。通过过学习此课程,学生可以较全面地掌握网页制作的尝试和基本技能,熟悉网站的架设和网页的编辑技术。
随着信息技术的发展和课程建设,在每次的教学实践中将对部分授课内容进行适应性调整。课程的主要内容包括计算机网络基础知识(包括创建FTP、WWW站点等);超文本标记语言(HTML)及相关技术;使用Dreamweaver架设网站,创建网页;使用Flash制作网页动画;使用Fireworks进行网页图像处理等。此外课程中将简介XML、CSS、JavaScript等技术。除教学中推荐的参考书之外,计算机中心还编写了针对网页制作课程的上机实验指导书,此实验指导书随技术的发展和课程建设逐年进行改版。

教 学 计 划

 

周次

周学时

教学内容摘要

第一周

 

2

网络基础知识复习

网页制作技术简介

HTML语言基础(1

HTML超文本标记语言的发展,HTML文件、HTML标记、基本的HTML文档结构

第二周

 

4

HTML语言基础(2

HTML头部(Title、字符集等)与体部

HTML标记:包括页面(Page)、字体(Font)、文字布局(Text Style)、超级链接、图像、表单(Form)、表格(Table)、框架(Frames)、字幕(Marquee)

上机:

1.熟悉HTML语言的格式和设计方法;

2.掌握标题语句及完整的HTML文档的制作方法;

3.掌握字体、颜色和编号语句、表单(Form)、表格(Table)、框架(Frames)、字幕(Marquee)、多媒体页面(声音、动画、视频)

4.制作表单和表格,建立项目符号和编号、控件等;

5.掌握Marquee(字幕)等标记的使用

第三周

 

4

Fireworks1

1 Fireworks 入门

Fireworks 功能概览、对象的类型与编辑模式、Fireworks工作环境、画面显示调整

2 路径的绘制与编辑
3
文本的创建与编辑
4
编辑位图对象
5
对象操作
6
使用图层和蒙版

""面板组成、图层操作、设置对象子层的不透明度和颜色混合模式、使用蒙版

7 调整画布与图像尺寸
调整画布尺寸、画布旋转与裁剪、图像尺寸调整

上机:

1.   掌握图像处理的基础知识;

2.   掌握处理图片的基本工具;

3.   掌握蒙版的使用方法;

4.   掌握混合模式的使用方法。

第四周

 

4

FireWorks(2)

8图像编辑实例

9 Fireworks热点、切片、按钮和导航条
10 Fireworks
图像优化与导出
上机:

1.   掌握热点、切片、按钮和导航条的制作

2.   掌握简单GIF动画的制作

3.   熟悉图像处理的基本操作

4.   FireWorks完成综合性的作品

第五周

 

4

FLASH1

一、概述

1.工作环境:场景、时间轴、工具、库、常用面板

2.基本概念:帧、图层、分离与组合

3.Flash的文件操作:新建与打开电影、电影文件规格的修改、电影的保存、电影的输出(*.swf格式)、将*.swf格式转为*.exe格式、Flash电影的发布

二、Flash的文字与图形

1. 图形:图形工具、渐变色、变形

2. 文字:文字工具、文字属性、超级链接、特效文字

上机:

1. 掌握Flash用户界面、掌握工具面板、属性面板和其他各类面板

2. 掌握钢笔、铅笔等工具的使用

3. 学会使用混色器

4. 学会图层的编辑操作

5. 学会使用变形/封套效果

第六周

 

4

FLASH2

三、Flash 动画制作

(1)逐帧动画

⑵补间动画:形状动画、动作动画

⑶其它动画:遮罩动画、引导层动画等

动画制作

1.层:层的概念、层的类型、创建、编辑、查看层

2.时间轴

3.帧:关键帧、帧的操作

4.按钮

上机:

动画

1.学会形状补间的制作方法

2.学会运动补间的制作方法

3.学会运动引导动画的制作方法

4.学会遮罩动画的制作方法

5.测试影片

第七周

 

4

FLASH(3)

四、FLASH动画实例

1.   形状补间动画的制作实例(形状提示)

2.   动作补间动画的制作实例(组合、元件、库、引导线动画)

3.   遮罩动画的制作实例

4.   按钮制作实例

5.   超级链接制作实例

6.   制作音乐动画实例

上机:

Flash综合实例实验

第八周

 

4

DreamWeaver1

预备:网页组成的基本元素及相关术语

1.DreamWeaver简介

2.网页编辑

网页的创建与保存、修改页面属性、插入文字、插入图像、插入表格、预览网页

上机:

1.   学会站点的创建和管理;

2.   练习网页编辑技术;

3.   表格制作;

4.   学会使用布局视图创建网页布局。

第九周

 

4

DreamWeaver2

1.网页的编辑

插入链接、锚记、插入表单、加入多媒体;

2.使用布局表格;

3.使用模板制作网页。

上机:

1. 创建网上相册;

2. 学会使用超链接、锚记、插入表单、插入多媒体等

3. 学会使用模板

第十周

 

4

DreamWeaver3

1.AP div、行为和时间轴动画;

2.级联样式表(CSS)网页特效;

3.创建框架。

上机:

1. 学会AP div和时间轴动画制作;

2. 行为、框架实验;

3. CSS实验

第十一周

 

4

DreamWeaver4

1.制作表单;

2.数据库等动态网页制作。

上机:

1.   表单实验;

2.   数据库实验;

3.   学会综合运用Dreamweaver的知识和技巧制作网站。

第十二周

 

4

网页界面艺术设计

上机:图形图像、色彩设计、文字的编排与设计、版式的构成与设计等

 

第十三周

 

4

FireworksFlashDreamweaver结合制作网页

上机:网站综合作业

第十四周

 

4

综合网站制作技术及其应用、复习

上机:复习本学期相关知识、实验等

最新更新日期:2017-09-25