《网页设计与制作》课程教学大纲文档格式.docx
- 文档编号:16441777
- 上传时间:2022-11-23
- 格式:DOCX
- 页数:32
- 大小:26.94KB
《网页设计与制作》课程教学大纲文档格式.docx
《《网页设计与制作》课程教学大纲文档格式.docx》由会员分享,可在线阅读,更多相关《《网页设计与制作》课程教学大纲文档格式.docx(32页珍藏版)》请在冰豆网上搜索。
三、适用专业及开设学期
1、适用专业:
网管专业、维护专业、计算机网络专业
2、开设学期:
第二学期或者第三学期
四、学时分配
总学时:
96,理论:
48,实验:
48。
各知识单元的学时(理论与实验学时)分配如下:
教学内容
理论学时
实验学时
经典网页赏析
2
网页设计制作基础知识
24
20
网页提高模块的编程单元
6
网页提高模块的技术设计单元
8
网页提高模块的拓展单元
综合模块
合计
48
五、课程各知识单元的内容、重点、组织结构及授课要求
理论部分
(一)经典网页赏析
内容概述
1.通过对网页设计基础知识的介绍,了解建立网站的一些准备工作以及与网站有关的一些概念;
2.建立网站的过程,能从网站得网站的整体进行规划,定位网站的主体和风格;
3.构建网站的目录框架和链接框架,会发布网页。
本章目标
与网站相关的概念,网站的主题定位,网站的目录结构,网站的链接结构,网站布局,发布站点。
重点和难点
网站的整体风格,创意设计,发布网站。
内容组织结构
网页与网站的概念
网页的设计
网站的策划与创建原则
网站的开发流程
(二)网页构成
1.掌握DreamweaverCS3的使用界面中各组成元素的名称与功能;
2.掌握打开与关闭工具窗口的方法;
3.理解站点、网站、网页及网页属性的概念。
本章目标
DreamweaverCS3的组成与使用方法
理解站点、网站、网页及网页属性的概念。
DreamweaverCS3简述
新增功能的介绍和了解
DreamweaverCS3界面简介
个性化的工作环境的设置和了解
(三)页面控制
1.了解网页中文本的输入、编辑以及打开、关闭与设置其属性的方法。
掌握系统属性及网页属性的设置方法,及各设置参数的作用;
2.要求重点了解制作网页时的不同断行方法,增加分隔线的方法及文本列表的设置。
学会制作首页页面,了解通常网站首页的结构,学会链接网页中的图像和文字,能够应用站点地图调整网站构架。
重点和难点
首页是网站的门户,首页布局是否合理、色彩应用是否恰当及内容是否有吸引力,直接关系到网站的访问量,学会首页的制作是重点。
内容组织结构
制作首页标题
设置导航栏
设置首页内容
设置“页面”属性
浏览页面
设置首页及应用站点地图
设置参数
(四)文本操作
内容概述
1.应用文字及设置文字格式;
2.设置样式及样式参数;
3.对特殊格式的处理。
文本是网页中不可缺少的元素,对网页中的文字进行格式设置,可以使网页文字易于被浏览者接受。
文字表现形式的具体应用。
在文档中键入文本及导入表格式数据文档
设置段落格式和文档结构
创建项目列表和编号列表
设置文本格式
插入特殊字符、水平线、日期对象
(五)图像操作
1.了解网页中按使用的图像类型;
2.对网页应用所需图像;
3.图像的优化。
网页中制作精良的图像会使网页美观、生动,使网页的内容更加丰富,充分表达网页的主题
合理图像的处理及应用
图像常用文件格式
在页面中插入图像
创建鼠标经过图像
使用Fireworks优化图像
(六)表格布局
1.掌握表格的创建、结构调整与美化方法;
2.熟悉表格与单元格的主要属性及其设置方法;
3.掌握通过表格来进行网页页面的布局方法。
掌握表格的创建、结构调整与美化方法,熟悉表格与单元格的主要属性及其设置方法,掌握通过表格来进行网页页面的布局方法
表格的创建、调整、单元格的编辑与属性设置等操作的方法
表格及其属性设置
基本表格操作
表格排序
使用表格进行页面布局
(七)布局表格
1.掌握布局表格的相关概念;
2.不同模式之间的切换;
3.添加内容至布局单元格。
在布局模式中,可以在网面部直接画出表格与单元格,有利用对网页定位。
布局模式生成的表格的操作。
布局模式的切换
绘制布局表格
绘制布局单元格
布局表格转换为标准表格
(八)框架网页
1.了解框架网页与普通网页之间的区别与联系;
2.掌握框架网页在创建、选择、设置、存储与应用方面的特点;
3.掌握框架结构网页的制作方法;
4.掌握浮动框架的特点和制作方法。
框架网页的特点、框架网页的创建、编辑、保存与应用方法
利用框架制作动态网页
框架与框架集的概念
框架的用途
框架和框架集工作流程
创建框架和框架集
嵌套框架集
框架和框架集的编辑
控制具有链接的框架内容
处理不能显示框架的浏览器
(九)层的布局
1.掌握在网页中创建、修改层和嵌套层的方法;
2.掌握层的属性和编辑层属性的方法;
3.掌握移动、删除层的方法;
4.能够将层与行为进行简单结合。
层的概念以及层的创建与修改方法
图层的概念与运用
创建层
修改层
设置图层参数和图层属性
(十)模板和库
1.要求掌握DreamweaverCS3中模板与库元素的概念与作用;
2.了解模板的固定区域与可编辑区域的区别和用途;
3.了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响;
4.学会通过模板和库元素创建网页的方法。
模板与库元素的特点、用途、制作与使用方法,以及如何利用模板控制面板及库控制面板来管理模板与库元素。
模板和库的概念
模板与库的相关概念
模板的固定区域与可编辑的区别与用途
使用库项目
模板的创建和设置
(十一)超级链接
1.深入理解绝对路径、相对路径、根相对路径的概念、意义及用法;
2.了解建立超级链接各目标参数的意义,掌握设置超级链接的方法;
3.掌握制作超级链接、E-mail链接、锚点等形式的超级链接;
4.掌握导航条与跳转菜单的特点与用法。
掌握常用的超级链接设置的方法,包括:
锚点,内部链接,外部链接,E-mail,脚本,跳转菜单和导航条的设置方法
理解导航条与跳转菜单
超级链接的概念
各种链接的功能和实现方法
(十二)表单网页
1.学会使用DreamweaverCS3中应用表单设计网页的方法;
2.全面掌握表单的创建、编辑、处理方法,以及各表单对象的功能、特点和用途(包括:
复选框、下拉列表框、按钮)的特点与使用方法;
3.能够初步理解ASP脚本,认识客户端脚本与服务器端脚本使用的异同。
表单的创造、编码、处理方法,以及各种表单对象的特点与使用方法。
能够区分客户端脚本与服务器端脚本的使用。
理解表单、表单对象的概念
表单的概念及作用
HTML表单设计基础
表单网页的制作方法
表单处理
(十三)动感网页
1.掌握时间线的创建与调整方法;
2.学会通过如何为时间线增加行为等方式来控制时间线的播放效果;
3.掌握利用时间线制作网页动画的方法。
时间线的创建、编辑、行为设置等内容。
时间线和动态网页的概念
时间轴的相关概念
“时间轴”面板
创建时间轴
在时间轴上添加行为
在时间轴中改变对象属性
编辑时间轴
(十四)HMTL语言
1.HTML语言的历史;
2.使用HTML语言标签;
3.运用标签在Web页面中生成某种特殊效果。
认识网页文件的结构以及HTML语言的基本语法
表单的各种域的标记语法
基础知识
HTML超级链接
文本格式
图像及多媒体的使用
表格与框架
(十五)美化网页
1.了解网站中应用CSS的意义,熟练掌握CSS样式的定义、设置及应用;
2.要求重点了解CSS滤镜的应用。
能够根据网站的要求灵活地建立与使用CSS层叠样式表,CSS滤镜的应用
CSS样式的定义、使用及CSS滤镜的应用
CSS概念
CSS的创建与使用
CSS的滤镜
(十六)JavaScrip技术
1.JavaScrip的由来、历史及其特点;
2.JavaScript语句在浏览器中的执行过程;
3.JavaScript语句的开发使用。
了解JavaScript语言基础知识
JavaScript的函数和事件处理
JavaScript语言概述
JavaScript的变量、常量、数据类型和表达式
JavaScript程序语句
JavaScript函数和事件处理
JavaScript中的对象
(十七)网站管理
1.通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法;
2.站点管理器的用途,学会利用站点地图查看、管理各网页之间的超链接关系;
3.通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。
站点的创建、站点地图的使用以及文件的下载、上传与同步更新。
站点管理器的使用。
为什么要进行网站的维护与更新
做好网站维护需要哪些工作
网站如何更新维护
(十八)网页设计
1.了解域名注册的过程;
2.计数器及留言板的获取;
3.增加网站交互性的手段。
掌握增强交互性网站的常用方法
计数器与留言板的获取。
企业注册域名的方法
免费申请站点计数器
申请免费留言板
(十九)特效制作
1.在网页中插入FireworksHTML、JavaApplet小程序;
2.Shockwave电影、Flash电影、ActiveX.控件等多媒体对象的使用方法。
如何在网页中插入需要的媒体元素。
理解在网页中插入多媒体对象的概念。
添加Flash动画
创建和插入Flash按钮,Flash文本
插入Shockwave影片
添加视频及嵌入声音文件
插入ActiveX控件
插入Javaapplet
(二十)应用行为
1.了解行为、事件与动作的概念;
2.学会利用行为面板设置控制对象的行为;
3.会利用系统提供的主要行为,设置网页对象的行为从而实现交互式网页的设计;
4.能够下载、安装并使用第三方行为。
行为、事件、动作的基本概念,以及如何利用行为面板为选定的对象设置行为。
行为的理解与应用
认识行为和事件
基本行为操作
使用DreamweaverMX的内置行为
下载并安装第三方行为
(二十一)应用插件
1.常用插件的分类方法;
2.HTML插件的使用;
3.MXP插件的运用;
4.插件的常用使用及下载的方法。
掌握在常用插件的使用及下载方法
插件的常用使用及下载的方法
插件的类型的掌握
插件的安装方法
插件的使用
插件的下载
(二十二)应用Fireworks插件
1.Fireworks中文本和绘图工具的使用;
2.Fireworks中属性面板的使用;
3.运用Fireworks制作特效素材;
4.Fireworks中帧面板和画布的使用与修改;
5.运用Fireworks制作动画并导出不同格式的图像素材。
掌握在网页设计中合理地运用Fireworks。
Fireworks中帧面板的使用及画布的修改
用Fireworks制作导航条
利用Fireworks制作网站徽标
使用Fireworks制作栏目边框素材
用Fireworks制作鼠标经过图像素材
合理使用Fireworks制作栏目动画素材
通过Fireworks设计横幅广告并合成相应网页
(二十三)应用Flash
1.Flash工具面板和属性面板的使用;
2.新建元件及时间轴面板的使用;
3.创建补间动画和引导线动画;
4.Photoshop素描自画像的制作;
5.添加网页特效代码。
掌握Flash在网页设计中的应用
Flash素材的制作及页面的合成。
首页中Flash动画的制作
首页中动态导航菜单的制作及首页的合成
《雪中江湖》页面中Flash素材的制作及页面合成
《白雪少年》页面中素描自画像素材的制作及页面合成
(二十四)综合实训
1.综合站点实例的练习;
2.全面设计站点目录结构的规划和设置介绍了;
3.网页的创建、布局以及设置方法
4.综合功能的运用。
全面掌握交互式网站的制作方法
理解站点、网站、网页及网页属性的概念,会向网页中插入多媒体信息。
分析站点创建的全过程
站点目录结构的规划和设置
制作包含表单的交互式网页的制作
利用Fireworks处理图片
制作按钮与导航拦等网页的创作技巧
实训部分
(一)经典网站赏析
实验目标
通过对经典网站的赏析,掌握建立网站的过程,构建网站的目录框架和链接框架,会发布网页。
相关知识点
1.网页设计基础知识的介绍;
2.建立网站的过程;
3.定位网站的主体和风格;
4.构建网站的目录框架和链接框架。
内容安排
网站的整体风格,创意设计,发布网站
通过对网站主页构成进行剖析,了解网页的基本构成单元,知晓常用制作网页的软件
掌握对网站主页的整体控制
布局的合理性、色彩应用的恰当性及内容吸引力是重点。
(四)文本操作、图像操作
实验目标
掌握网页的文本及图像插入、设置、编辑的相关操作
相关知识点
2.对特殊格式的处理;
3.对网页应用所需图像;
4.图像的优化。
内容安排
文字与图像表现形式的具体应用。
(五)表格布局
使用表格布局网页和使用布局表格布局网页
(六)框架网页
掌握框架网页的创建、编辑、保存与应用方法并能使用Fireworks布局网页
1.掌握框架网页在创建、选择、设置、存储与应用方面的特点;
2.掌握框架结构网页的制作方法;
3.掌握浮动框架的特点和制作方法。
(七)层的布局
掌握层的创建与修改的方法
1.掌握在网页中创建、修改层和嵌套层;
2.掌握层的属性和编辑层属性;
3.掌握移动、删除层。
创建层的操作
修改层的使用
图层的运用与设置
(八)模板和库
掌握模板与库的制作与使用,了解模板控制面板及库控制面板来管理,能利用模板和库制作网页。
1.掌握DreamweaverCS3中模板与库元素的使用;
2.掌握模板的固定区域与可编辑区域操作;
模板的固定区域与可编辑区域的区别和用途
利用模板和库元素创建网页的方法
模板和库使用与设置。
(九)超级链接
掌握常用的超级链接设置的方法。
1.理解绝对路径、相对路径、根相对路径的概念、意义及用法;
2.掌握建立超级链接各目标参数的意义,掌握设置超级链接的方法;
设置超级链接
掌握制作超级链接
锚点等形式的超级链
掌握导航条与跳转菜单的特点与用法
(十)表单网页
1.掌握DreamweaverCS3中应用表单设计网页的方法;
2.掌握表单的创建、编辑、处理方法;
3.各表单对象的功能、特点和用途。
表单的运用
表单处理及应用
表单、表单对象的使用
(十一)动感网页
掌握时间线的创建、编辑、以及行为的设置
2.掌握时间线增加行为等方式来控制时间线的播放效果;
3.掌握时间线制作网页动画的方法。
时间线的使用及相关设置
(十二)HTML语言
1.使用HTML语言标签;
2.运用标签在Web页面中生成某种特殊效果。
利用HTML设置文本格式
HTML中图像及多媒体的使用
使用HTML对表格与框架进行相关设置
(十三)美化网页
使用CSS样式美化网页
1.掌握网站中应用CSS的意义;
2.熟练掌握CSS样式的定义、设置及应用;
3.了解CSS滤镜的应用。
CSS的创建
CSS的使用与设置
CSS的滤镜的相关操作
(十四)JavaScript技术
JavaScript技术的应用
1.JavaScript语句在浏览器中的执行过程;
2.JavaScript语句的开发使用。
JavaScri
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作 网页 设计 制作 课程 教学大纲