《网页设计与制作及实训》教学大纲.docx
- 文档编号:2344778
- 上传时间:2023-05-03
- 格式:DOCX
- 页数:14
- 大小:35.68KB
《网页设计与制作及实训》教学大纲.docx
《《网页设计与制作及实训》教学大纲.docx》由会员分享,可在线阅读,更多相关《《网页设计与制作及实训》教学大纲.docx(14页珍藏版)》请在冰点文库上搜索。
《网页设计与制作及实训》教学大纲
网页设计与制作及实训》教学大纲
课程名称:
网页设计与制作适用层次、专业:
高职高专
学时:
64学时学分:
4课程类型:
必修课课程性质:
专业课
先修课程:
《计算机应用基础》、《电子商务概论》、《网络技术》等
一、课程的教学目标与任务
本课程是一门操作性很强的专业技术课。
它的主要任务是通过本课程的学习,使学生掌
握HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性,能设计出多窗口网页、动态网页;能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练运用Fireworks、进行图片处理,能熟练运用Flash制作网页动画;能维护、管理和设计WEB应用程序;能独立设计WEB站点。
二、本课程与其他课程的联系和分工
本课程是学生在学习了《计算机基础》、《电子商务概论》、《网络技术》、等课程之后,开设的一门专业课。
通过学习,培养学生具有制作一般商业网站的能力,同时了解网页网站的技术发展趋势、最新的技术动态和网页、网站制作软件平台。
它将为后续开设的《ASP网络程序设计》、《JAVA程序设计》等课程奠定坚实的基础,学生通过学习本课程,可参加网页设计师和平面设计师及网站后台开发工程师等认证。
三、课程讲授内容及基本要求
(一)网页设计基础知识(总学时:
2;其中理论:
1,上机:
1)
1.1internet基础
1.2网页制作工具
1.3HTML语言
1.基本要求
(1)了解WW服务;
(2)了解网页设计工具;
(3)掌握HTML语言。
2.重点、难点
重点:
网页的开发流程和HTML标签。
难点:
HTML标签。
3.说明:
(二)创建站点(总学时:
2;其中理论:
1,上机:
1)
2.1DreamweaverMX8.0工作界面
2.2定义本地站点
1.基本要求
(1)了解DREAMWERVER工具界面
(2)了解并掌握建站点的创建
(3)掌握简单网页的制作
2.重点、难点
重点:
站点的创建和测试
难点:
站点的创建和测试
3.说明:
(三)制作页面(总学时:
4;其中理论:
2,上机:
2)
3.1案例导入:
西部旅游网
3.2页面属性的设置
3.3文本的修饰
3.4设置超级链接
3.5制作包含超链接的纯文本网站
3.6使用图像
1.基本要求
(1)了解页面属性的设置
(2)掌握精确设置文本属性、使用样式控制文本外观(3)掌握使用图像和超级链接
2.重点、难点重点:
使用样式控制文本外观,使用图像和超级链接难点:
超级链接
3.说明:
(四)设计页面布局(总学时:
8;其中理论:
4,上机:
4)
4.1网页版面布局概述
4.2实例导入:
表格排版网页
4.3使用表格排版
4.4使用层排版
4.5时间轴特效及行为
4.6使用框架排版网页
1.基本要求
(1)掌握使用表格进行页面的排版
(2)掌握使用层进行页面的排版
(3)掌握时间轴特效及行为
(4)掌握使用框架进行页面的排版
2.重点、难点重点:
使用表格、框架排版难点:
使用表格、框架排版
3.说明:
(五)CSS样式表(总学时:
4;其中理论:
2,上机:
2)
5.1使用CSS样式表的网页实例
5.2使用CSS样式表
5.3CSS样式的应用
1.基本要求
(1)了解CSS样式表的用途
(2)掌握CSS样式表的创建和应用
2.重点、难点
重点:
CSS样式表的创建和应用
难点:
CSS样式表中的DIV排版和滤镜属性
3.说明:
(六)使用表单(总学时:
2;其中理论:
2,上机:
2)
6.1实例导入:
利用表单创建用户信息注册表
6.2创建表单
6.3插入表单对象
1.基本要求
(1)了解表单的应用
(2)掌握表单控件的使用
2.重点、难点
重点:
表单控件的使用
难点:
表单控件的使用
3.说明:
(七)模板与库的应用(总学时:
4;其中理论:
2,上机:
2)
7.1实例导入:
利用模板生成的站点
7.2创建模板
7.3模板的应用和更新
7.4使用“库”
7.5利用模板和库生成站点的制作过程
1.基本要求
(1)掌握模板的创建、应用及编辑与更新
(2)了解资源面板和库项目的使用
2.重点、难点
重点:
模板的创建与应用及编辑与更新
难点:
模板的创建与应用及编辑与更新
3.说明:
(八)在网页中插入多媒体对象(总学时:
4;其中理论:
2,上机:
2)
8.1实例导入:
多媒体站点
8.2使用多媒体对象
8.3多媒体站点实例的制作过程
1.基本要求
(1)了解并掌握如何插入多媒体对象
2.重点、难点
重点:
制作图像效果,插入FLASH动画
难点:
插入音频和视频文件
3.说明:
(九)Firework图像处理(总学时:
16;其中理论:
8,上机:
8)
9.1图像基础及色彩应用
9.2静态图像的制作
9.3动画图像的制作
9.4动态交互图像的制作
9.5网站首页的设计
1.基本要求
(1)了解WEB图像基础
(2)掌握Firework软件的基础操作
(3)掌握Firework进阶应用
2.重点、难点
重点:
利用firework来制作WEB图像,并直接导出为网页难点:
导航栏与弹出式菜单的制作
3.说明:
(十)Flash动画的制作(总学时:
16;其中理论:
8,上机:
8)
10.1实例导入:
制作FlashMTV
10.2FLASH概述
10.3Flash基本功能
10.4Flash应用基础
10.5综合实例:
制作FlashMTV
1.基本要求
(1)掌握Flash的基本功能;
(2)了解Flash动画的制作流程
(3)掌握Flash应用基础
2.重点、难点
重点:
利用Flash制作有交互功能的动画难点:
动作脚本语言的编程
3.说明:
(十一)综合实例(总学时:
4;其中上机:
4)
11.1站点规划
11.2站点设计与素材准备
11.3网页制作
11.4WEB服务器的配置
11.5站点上传与发布
1.基本要求
(1)了解站点规划流程
(2)掌握网页设计与制作的技能
(3)掌握WEB服务器的配置
(4)掌握站点的测试、上传与发布
2.重点、难点
重点:
网页设计与制作
难点:
站点的规划与设计
3.说明:
四、实验内容及基本要求
四、实验内容
实验一、创建本地站点和编写简单的网站(上机:
2学时)
1、实验目的和要求
通过编写简单的网页熟练HTML语言书写方法;学会建立本地站点和维护本地站点。
学会
连接远程站点的维护远程站点。
2、实验内容
(1)打开dreamweavermx;
(2)创建一个本地站点命名为www站点内包含一个子目录images作为图像文件夹;
(3)编辑一个简单网页,要求文件名为index.htm(默认首页名称);
(4)网页插入一个表格,并输入内容;
(5)插入一幅图片,并添加学习网站的相关友情链接等,网页要求颜色搭配协调、内容清晰。
实验二、站点上传(上机:
2学时)
1、实验目的和要求
学习连接远程站点和远程站点的维护和更新
2、实验内容
(1)在internet中申请免费个人空间,要求此个人空间支持FTP功能和提供免费域名;
(2)本地站点建立成功后将其上传到远程站点中属于自己的目录文件夹下;
(3)在IE浏览器中输入自己域名,浏览网页。
实验三、创建并编辑站点(上机:
2学时)
1、学习编辑网页的方法
(1)编辑网站首页,效果图如图3.35所示,包括有图像映射、鼠标经过图像、导航条;
(2)编辑其它内容网页并添加超链接,如图3.36所示,其它页面中包括有图像和文本等;(3)有一个网页中是明星的相册。
实验四、使用表格控制网页布局(上机:
2学时)
1、实验目的和要求熟练掌握使用表格控制网页布局。
2、实验内容编辑一个网页,要求制表控制主页和其他页的布局,并插入图片。
的颜色、大小、粗细、行间距、链接效果、背景的处理等。
实验五、创建框架页面,利用层排版和实现网页特效(上机:
2学时)
1、实验目的和要求
(1)掌握使用框架结构来排版网页,这样可以节省开发时间
(2)掌握建立、修改、控制层的方法;
(3)掌握利用层进行排版网页;
(4)掌握利用层和时间轴进行网页特效的制作。
2、实验内容
(1)将网站中的产品介绍这个栏目的所有网页,利用框架结构进行网页的排版。
(2)新建一个网页,插入层,在层内插入相关的网页元素;
(3)利用层进行网页的排版
(4)制作网页特效,保存为网页。
实验六、用CSS控制网页中的元素(上机:
2学时)
1、实验目的和要求
熟练掌握用CSS样式来控制网页中的元素,使网页的排版更加美观大方。
2、实验内容
编辑网页,用CSS排版并控制网页的边距和网页中的文字实验七、表单(上机:
2学时)
1、实验目的和要求
(1)掌握表单form的插入和设置,以及数据的提交;
(2)掌握各表单元素的插入和设置方法;
(3)掌握使用CSS样式控制表单以及表单元素。
2、实验内容
利用表单制作客户需求或服务质量调查表,客户通过EMAIL的方式发送到网站管理员邮
箱中。
实验八、使用模板(上机:
2学时)
1、实验目的和要求
(1)掌握创建模板、修改模板的方法;
(2)掌握模板中插入可编辑区域和不可编辑区域的原则和方法。
2、实验内容
在前面实验的基础(建好的站点、定义好的css样式以及js文件)上,利用模板,制作指
定的网站的各页。
实验九、多媒体站点的制作(上机:
2学时)
1、实验目的和要求
掌握在站点中插入多媒体对象的方法。
2、实验内容
(1)创建一个网页,然后插入音频和视频文件;
(2)插入FLASH寸象,添加翻转图像,插入导航条;
(3)制作相册。
实验十、位图的创建与编辑(上机:
2学时)
1、实验目的和要求
掌握位图工具的使用,位图特效的制作。
2、实验内容
(1)练习位图工具的使用;
(2)利用位图的特效来制作一个有渐变发发黄效果的老照片。
实验十一、利用矢量工具绘制苹果标志(上机:
2学时)
1、实验目的和要求
掌握矢量工具的使用,矢量图的制作。
2、实验内容
(1)
练习矢量工具的使用;
(2)
利用绘制苹果标志。
实验十二、FIREWORK综合实例(上机:
4学时)
1、实验目的和要求
(1)
掌握firework的综合知识,绘制网站的首页;
(2)
掌握制作导航条方法;
(3)
掌握制作动画的方式;
(4)
掌握切片和热点链接的方法;
(5)
掌握导出网页和图像的方法。
2、实验内容
(1)
利用Firework的图像制作技术,
绘制网站的首页;
(2)
添加导航条和动画;
(3)
制作热点链接;
(4)
利用切片制作网页特效;
(5)
导出直接生成网站的首页。
实验十三、利用遮罩层的功能制作霓光灯效果(上机:
2学时)
1、实验目的和要求
(1)
掌握FLASH中的家版技巧;
(2)
掌握FLASH中形状修改方法;
(3)
掌握填充方法;
(4)
掌握运动动画的方法。
2、实验内容
(1)
利用文本工具输入文件并打散文本;
(2)
添加层,并修改层的属性;
(3)
利用flash的蒙版技巧和运动动画制作光波闪动效果的特效字。
实验十四、制作FLASHMTV(上机:
2学时)
1、实验目的和要求
(1)
掌握FLASH中的应用技巧,制作图文音并茂的FLASHMTV
2、实验内容
(1)
设计画面;
(2)
添加声单文件;
(3)
利用动作集成画面和音频效果。
实验十五、综合实例(上机:
4学时)
1、实验目的和要求
掌握网站制作的技巧。
2、实验内容
(1)
站点规划
(2)
站点设计与素材准备
(3)
网页设计与制作
(4)
WEB服务器的配置
(5)
站点的测试、上传与发布
五、教学安排及方式
总学时64学时,讲课30学时,上机34学时。
教学环节
—-教学时数
课程内容〜〜~
讲
课
实
验
习题课
讨
论
课
上
机
现场教学
小
计
网页设计基础知识
1
1
2
创建站点
1
1
2
制作页面
2
2
4
设计页面版式
4
4
8
CSS样式表
2
2
4
表单
2
2
4
模板和库
2
2
4
在网页中插入多媒体对象—
2
2
4
Firework图像处理
8
8
16
Flash动画的制作
8
8
16
综合实例
4
4
总计
30
34
64
六、考核方式
笔试,闭卷和实际操作。
七、课程教材与主要参考资料
2008年1月18日
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作及实训 网页 设计 制作 教学大纲