网页设计实训.docx
- 文档编号:23619097
- 上传时间:2023-05-19
- 格式:DOCX
- 页数:11
- 大小:19.99KB
网页设计实训.docx
《网页设计实训.docx》由会员分享,可在线阅读,更多相关《网页设计实训.docx(11页珍藏版)》请在冰豆网上搜索。
网页设计实训
《网页设计实训》课程标准
适用专业:
电子商务学分数:
7
总学时数:
28实践课时:
28
一、理论教学部分
(一)课程的性质和任务
1.课程性质:
《Dreamweaver网页设计》本课程是计算机各专业的一门实践性很强的技术基础课,是一门必修的专业课。
主要学习如何利用Dreamweaver这个软件进行网页的设计与制作。
2.课程任务:
本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。
目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。
(二)教学内容和教学要求
第一章 Dreamweaver基础(2学时)
【教学内容】
一、Dreamweaver 的历史和简介;二、Dreamweaver 8.0的安装过程;三、Dreamweaver8.0 的全新界面;四、改进的设计与开发环境;五、主菜单介绍;六、对象控制面板介绍。
【教学目的与教学要求】
掌握Dreamweaver的基本特点、新增功能及界面组成。
基本操作,如安装、新建、打开、导入、保存、关闭等;理解新增功能、界面组成的优点;了解Dreamweaver可以为我们做些什么。
第二章 网页设计语言基础(8学时)
【教学内容】
一、HTML及XHTML语言介绍;二、常用的网页语法标记。
【教学目的与教学要求】
理解HTML及XHTML语言介绍,常用的网页语法标记。
第三章 文本和图像处理(2学时)
【教学内容】
一、文本属性面板介绍;二、编辑文本和插入对象;三;设置文本的格式;四、编号与项目符号;五、在网页中插入图像;六、图像的应用。
【教学目的与教学要求】
掌握设置文本属性和格式,编号与项目符号的使用,插入、编辑和排版图像; 理解如何进行图像调整。
第四章 表格与页面布局(6学时)
【教学内容】
一、表格的基本操作;二、单元格的基本操作;三、表格的自动套用格式;四、表格的创建;五、表格的编辑;六、创建布局单元和表格。
【教学目的与教学要求】
掌握如何插入、编辑表格,创建布局单元和表格;理解表格在网页排版中的作用;了解使用页面布局模式进行网页排版的方法。
第五章 创建超级链接(1学时)
【教学内容】
一、链接分类;二、创建超级链接;三、链接的四种状态;四、创建Email链接;五、管理超级链接。
【教学目的与教学要求】
掌握创建超级链接和Email链接,会设置链接的各种状态;理解:
超级链接几种状态之间的差别和共同点;了解:
创建Email链接中的各种技巧。
第六章 层与层动画(1学时)
【教学内容】
一、层的概念;二、创建层;三、层操作;四、层与表格的相互转换;五、层动画的概念与设计。
【教学目的与教学要求】
掌握层的概念与使用;理解层动画的概念与设计。
第七章 框架与框架网页(2学时)
【教学内容】
一、框架的基本概念;二、创建框架和框架集;三、框架的使用;
四、框架和框架集的属性设置。
【教学目的与教学要求】
掌握框架和框架集的创建,框架的使用;理解使用框架的优缺点。
第八章 创建CSS样式表(8学时)
【教学内容】
一、CSS层叠式样式表;二、定义CSS样式表;三、创建并链接到外部CSS样式;四、设置CSS样式的格式化参数;五、设置超链接显示状态;六、添加各种CSS效果。
【教学目的与教学要求】
掌握内部CSS和外部CSS的添加方法,编辑CSS属性,使用CSS进行页面的排版,创建各种CSS效果;理解使用CSS排版的优点;了解如何使用CSS控制背景、鼠标以及添加其它特殊效果。
第九章 资源、模板和库(3学时)
【教学内容】
一、资源管理;二、模板的创建;三、模板的编辑;四、定义模板可编辑区域;五、创建、管理和编辑库项目。
【教学目的与教学要求】
掌握模板的创建,模板的编辑,定义模板可编辑区域;理解资源管理;了解创建,管理和编辑库项目。
第十章 媒体对象的应用(2学时)
【教学内容】
一、插入Flash对象;二、插入Shockwave对象;三、插入视频;四、插入ActiveX控件与Java小程序;五、填加声音。
【教学目的与教学要求】
掌握插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java小程序、填加声音。
第十一章 表单处理(5学时)
【教学内容】
一、表单概述;二、表单对象;三、创建表单;四、处理表单;五、创建动态表单。
【教学目的与教学要求】
掌握创建表单、处理表单和设置表单参数;理解表单的概念和作用;了解如何使用表单创建交互式界面。
第十二章 创建Web站点(1学时)
【教学内容】
一、站点规划;二、在Dreamweaver8中创建站点;三、管理站点与站点文件;四、使用站点地图;五、为网站指定服务器技术。
【教学目的与教学要求】
掌握规划站点、建立和管理站点;使用站点文件和地图;理解创建站点的必要性;了解服务器技术的指定。
第十三章 制作动态网站(6学时)
【教学内容】
一、Access数据库基础;二、ODBC数据源设置;三、ASP与Web服务器配置;四、Dreamweaver8动态网站设计;五、创建与数据库连接。
【教学目的与教学要求】
掌握数据源的设置,如何配置Web服务器,如何创建与数据库的链接;理解数据库在动态网站设计中角色的重要性;了解设置数据源和创建数据库链接的技巧。
第十四章 网站的维护和上传(1学时)
【教学内容】
一、在本机中测试网站;二、预览网页效果;三、网站的查错;四、发布网站到服务器。
【教学目的与教学要求】
掌握Dreamweaver8的测试、预览和发布设置;理解网站排错的必要性;了解如何发布网站到服务器。
二、实训教学部分:
(一)实训教学目的与任务
通过实训,锻炼学生提高学生网页设计的能力,并且将网页设计理念转变为动手操作的能力,将学到的知识用到具体的实训练习中。
通过该课程的实训,应使学生具备以下技能:
1. 利用Dreamweaver新建、编辑和设置一个Web站点
2. 对页面属性进行基本的设置,编辑和使用CSS层叠式样式表
3. 排版文字、表格和层,进行基本的图像处理
4. 建立框架;模板和库的使用和编辑;学会网站的发布与维护
(二)实训学时分配表
序号
实训内容
学时
1
Dreamweaver的使用
1
2
HTML及XHTML语言
4
3
文本和图像处理
3
4
表格与页面布局
3
5
创建超级链接
1
6
层的使用
1
7
框架与框架网页
1
8
创建CSS样式表
4
9
模板和库
2
10
媒体对象的应用
2
11
表单处理
2
12
创建Web站点
1
13
制作动态网站
2
14
网站的维护和上传
1
合计
28
(三)实训内容和要求
实训模块一:
Dreamweaver的使用
1.实训要求:
通过实训,使学生掌握Dreamweaver的基本操作
2.实训方式:
讨论分析、实验操作。
3.实训内容:
(1)掌握Dreamweaver的基本特点、新增功能及界面组成;
(2)基本操作,如安装、新建、打开、导入、保存、关闭等;
(3)理解新增功能、界面组成的优点;
(4)了解Dreamweaver可以为我们做些什么。
实训模块二:
HTML及XHTML语言
1.实训要求:
通过实训,使学生掌握常用的网页语法标记使用
2.实训方式:
讨论分析、实验操作。
3.实训内容:
通过实训操作,理解HTML及XHTML语言,以及常用的网页语法标记。
实训模块三:
文本和图像处理
1.实训要求:
通过实训使学生掌握编辑文本以及图像的应用
2.实训方式:
分析讨论、实验操作。
3.实训内容:
掌握设置文本属性和格式,编号与项目符号的使用,插入、编辑和排版图像,理解如何进行图像调整。
实训模块四:
表格与页面布局
1.实训要求:
通过实训教学使学生掌握表格的基本操作
2.实训方式:
实验操作、案例分析。
3.实训内容:
(1)掌掌握如何插入、编辑表格,创建布局单元和表格;
(2)理解表格在网页排版中的作用;
(3)了解使用页面布局模式进行网页排版的方法。
实训模块五:
创建超级链接
1.实训要求:
通过实训教学使学生掌握创建超级链接的操作方法
2.实训方式:
讨论分析、实验操作。
3.实训内容:
(1)掌握创建超级链接和Email链接,会设置链接的各种状态;
(2)理解:
超级链接几种状态之间的差别和共同点;
(3)了解:
创建Email链接中的各种技巧。
实训模块六:
层的使用
1.实训要求:
通过实训教学使学生掌握层的概念与使用
2.实训方式:
案例分析、实验操作。
3.实训内容:
创建层以及进行层布局,层属性设置,层动态行为等操作。
实训模块七:
框架与框架网页
1.实训要求:
通过实训使学生掌握框架的概念及使用
2.实训方式:
案例分析、实验操作。
3.实训内容:
(1)掌握框架和框架集的创建,框架的使用;
(2)理解使用框架的优缺点
实训模块八:
创建CSS样式表
1. 实训要求:
通过实训使学生掌握创建并链接到外部CSS样式
2. 实训方式:
案例分析、实验操作。
3. 实训内容:
(1)掌握内部CSS和外部CSS的添加方法,编辑CSS属性;
(2)使用CSS进行页面的排版,创建各种CSS效果;
(3)理解使用CSS排版的优点;
(4)了解如何使用CSS控制背景、鼠标以及添加其它特殊效果。
实训模块九:
模板和库
1. 实训要求:
通过实训使学生掌握创建、管理和编辑模板和库的方法
2. 实训方式:
案例分析、实验操作。
3. 实训内容:
(1)掌握模板的创建,模板的编辑,定义模板可编辑区域;
(2)理解资源管理;了解创建,管理和编辑库项目
实训模块十:
媒体对象的应用
1.实训要求:
通过实训教学使学生掌握插入Flash对象、Shockwave对象的方法
2.实训方式:
案例分析、实验操作。
3.实训内容:
插入Flash对象、Shockwave对象。
实训模块十一:
表单处理
1.实训要求:
(1)通过实训教学使学生掌握创建表单、处理表单和设置表单参数;理解表单的概念和作用;
(2)了解如何使用表单创建交互式界面
2.实训方式:
案例分析、实验操作。
3.实训内容:
表单的创建与使用等操作。
实训模块十二:
创建Web站点
1.实训要求:
通过实训教学使学生掌握在Dreamweaver8中创建站点
2.实训方式:
案例分析、实验操作。
3.实训内容:
(1)掌握规划站点、建立和管理站点;
(2)使用站点文件和地图;理解创建站点的必要性;
(3)了解服务器技术的指定。
实训模块十三:
制作动态网站
1.实训要求:
通过实训教学使学生掌握Dreamweaver8动态网站设计
2.实训方式:
案例分析、实验操作。
3.实训内容:
(1)数据源的设置,配置Web服务器,创建与数据库的链接;
(2)理解数据库在动态网站设计中角色的重要性;
(3)了解设置数据源和创建数据库链接的技巧。
实训模块十四:
网站的维护和上传
1.实训要求:
(1)通过实训教学使学生掌握Dreamweaver8的测试、预览和发布设置;
(2)理解网站排错的必要性;
(3)了解如何发布网站到服务器。
2.实训方式:
案例分析、实验操作。
3.实训内容:
测试网站,发布网站到服务器。
三、考核方式和标准
总成绩按照“平时成绩×40%+期末考试成绩×60%”评定。
1、期末考试采取闭卷考试,占总成绩的60%。
2、平时成绩侧重过程式考核,占总成绩的40%,其中包括实训成绩、作业、考勤情况和课堂表现等。
其中,实训成绩占总成绩的30%,作业、考勤和课堂表现占总成绩的10%。
实训成绩由下面三种个部分组成:
1、实训中的表现、实训结果,占实训成绩的40%;2、实训报告或总结,占实训成绩的30%;3、实训考核,占实训成绩的30%。
四、推荐教材及教学参考书
1.梅小清,《网页制作基础教程》,北京理工大学出版社
2.美国adobe公司,《adobedreamweavercs5中文版经典教程》,人民邮电出版社
3.刘瑞新等,《网页设计与制作教程》,机械工业出版社
4.王欣,《网页设计与制作教程》,北京理工大学出版社
五、几点说明
1.课堂讲授:
以多媒体教学为主要教学方式,讲解内容以主教材为主,其他教学资源适当补充。
因为这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。
2.作业:
因为这是一门重在实践的科目,因此大部分作业需要学生在上课练习及自己的电脑上完成,主要上交电子作业.
3.考核方式:
学期的期中与期末测验各一次,机试,考试内容应与课程重点内容相符,适当设置一些能让学生有自我发挥空间的题目。
4.先修课程:
网络基础、flash动画设计、photoshop。
5.课时安排:
可以根据不同专业的要求适当调整课时,也可理论与实训相结合,穿插教学,但建议理论与实践课程的比例不得低于1:
1.5。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计