《网页设计技术》课程教学大纲.docx





《《网页设计技术》课程教学大纲.docx》由会员分享,可在线阅读,更多相关《《网页设计技术》课程教学大纲.docx(18页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、网页设计技术教学大纲Web design technology课程代码:P0151590课程性质:校设选修课总学时(理论+实践):0+68 面向对象:全校学生开课主管单位:信息工程学院-S课程的地位与任务课程类别:校设选修课学 分:2先修课程:大学计算机基础计算机程序设计A计算机程序设计B通过本课程的学习,使学生掌握网页设计和网站开发的基础知识,网站的规划、设计、 管理、发布的基本技术,掌握HTML、JavaScript脚本、ASP、ADO等静态、动态网页编程 技术,掌握Access、SQL Server数据库的建立方法及SQL语句,熟练运用Dreamweaver MX 2004、Flash
2、MX 2004s Fireworks MX 2004x PhotoShop CS 等网页设计软件进行网页制作、 图形处理、动画设计。能够综合应用上述知识、技能,对静态网页和交互数据库网页进行设计制作,掌握个人 网站、商业网站和门户网站的特点,具备Web站点规划、设计、构建、制作、发布和维护 的能力,具有网页页面与图形图像的创意、设计、制作能力,初步掌握交互式网站的制作方 法,具备企业网站的创意、策划、设计和制作能力。二、课程主要内容与基本要求(-)讲授内容第一篇基础知识第1章 网页设计与网站开发基础【学习目的】1、掌握IP地址和域名、服务器与客户端、URL、HTML文件的概念;2、了解网页设计
3、和色彩基本常识;3、了解网页三剑客的功能和特点;【学习内容】1、网络基础知识2、网页平面设计基础3、网页制作常用工具简介4、Dreamweaver MX 2004. Fireworks MX 2004 和 Flash MX 2004 的主要功能和特点 【教学重点】1、服务器、客户端、浏览器的概念和作用2、图象的几种格式:GIF、JPEG、PNG和矢量图格式,它们各自的特点和差别(6)介绍几种常见的动作语句;(7)目标路径指示器;(8)在变量中存储数据;设定变量的数据类型;在变量中存储数字和字符串;(9)用动作脚本创建交互操作;2、创建交互式动画(1)交互中的事件与动作(2)创建交互式动画实例【
4、教学重点】创建交互式动画方法【教学难点】ActionScript命令语法第五篇 Dreamweaver MX 2004 应用第17章 Dreamweaver MX 2004网页制作基础【学习目的】1、掌握Dreamweaver MX 2004的使用界面中各组成元素的名称与功能;2、掌握打开与关闭工具窗口的方法;3、理解站点、网站、网页及网页属性的概念;4、掌握系统属性及网页属性的设置方法,及各设置参数的作用【学习内容】1、熟悉Dreamweaver的操作界面(界面、三种视图);2.、Dreamweaver文档的基本操作;(1)在“文件”面板中管理文件;(2)页面属性设置(页面标题、背景色/图、
5、文本/链接颜色);(3)文档新建前的“首选参数”设置;3、构建站点(1) 了解站点基础知识(本地站点、远程站点、上传和下载、网站设计流程和规划等)(2)构建本地站点的设置(3)操作站点文件(创建、删除、编辑)(4)构建远程站点【教学重点】Dreamweaver MX 2004的人一机交互界面的组成与使用方法。【教学难点】理解站点、网站、网页及网页属性的概念。第18章网页编辑与超链接【学习目的】1、要求能够在网页中添加文本对象如特殊字符、水平线和日期组件等,掌握如何设置文本 属性,重点了解制作网页时的断行方法;2、学会使用HTML样式控制文本块或段落的外观;3、掌握直接处理HTML源代码的各种方
6、法4、熟练掌握制作超级链接、E-mail链接、书签、跳转菜单和导航条等形式的超级链接;5、掌握导航条与跳转菜单的特点与用法【学习内容】1、网页中的文本处理(1)添加文本、导入文本文件、导入Word/Excel内容;(2)设置文本属性(字体、大小、颜色、样式、对齐)(3)文本格式设置(标题、段落、不间断空格、换行符、列表)(4)添加特殊字符、日期和时间(5)查找/替换文本2、超链接的应用(1)认识超链接和路径(绝对路径、相对路径)(2)创建文档间链接(3)创建书签链接(4)创建E-mail链接(5)创建空链接3、图像和多媒体的处理(1)设置图像属性(本环绕图像、修改图像的间距和边框、对齐、替换文
7、本)、(2)编辑图像(在Dreamweaver中编辑图像、用Fireworks进行往返编辑);(3)使用Fireworks优化图像(4)创建图像热点、插入鼠标经过图像、图像导航栏(5)添加声音(6)添加Flash (影片、按钮、文本)(7)使用“资源”面板管理站点中的资源【教学重点】1、手工设置文本格式的方法,文本的断行与缩进,以及如何利用HTML样式格式化文本的 方法。2、多种形式超级链接的建立方法3、设置图像的对齐方式、调整图像的大小以及创建图像映射【教学难点】1s使用HTML样式格式化文本。2、创建图像映射第19章网页的定位技术【学习目的】1、掌握表格的创建、结构调整与美化方法;2、熟悉
8、表格与单元格的主要属性及其设置方法;3、掌握通过表格来进行网页页面的布局方法。4、掌握在网页中创建、修改层和嵌套层的方法;5、掌握层的属性和编辑层属性的方法以及如何移动、删除层;6、了解框架网页与普通网页之间的区别与联系;7、掌握框架网页在创建、选择、设置、存储与应用方面的特点;8、掌握框架结构网页的制作方法。【学习内容】1、应用表格(1)表格(包括行、歹k单元格)的基本操作;(2)表格的属性;(3)导入导出表格数据、表格排序、格式化表格;(4)利用表格布局(布局表格和布局单元格)2、使用层(1)创建层(2)设置层的属性(3)层的操作(显示与隐藏、移动、对齐、改变层的堆叠顺序)(4)层与表格的
9、相互转换(5)时间线动画制作(了解)3、使用框架(1)创建框架、框架集、无框架内容;(2)选定(删除、保存)框架、框架集;(3)设置框架和框架集的属性;(4)用链接控制框架的内容【教学重点】1、在Dreamweaver中表格的创建、调整、单元格的编辑与属性设置等操作的方法。2、框架网页的特点、框架网页的创建、编辑、保存与应用方法。【教学难点】利用框架制作动态网页第20章行为与时间轴及其应用【学习目的】1、了解行为、事件与动作的概念2、学会利用行为面板设置控制对象的行为3、会利用系统提供的主要行为,设置网页对象的行为从而实现交互式网页的设计4、掌握时间轴的创建与调整方法,学会通过如何为时间轴增加
10、行为等方式来控制时间轴的 播放效果;5、掌握利用时间轴制作网页动画的方法。【学习内容】1、行为的应用(1)认识行为、事件;(2)应用内置行为2、时间轴的应用(1)时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法(2)使用时间轴面板创建动画、添加行为(3)用时间轴改变图像和层的属性【教学重点】时间轴的创建、编辑、行为设置等内容及如何为一个对象附加行为。【教学难点】时间轴、行为和动态网页的概念。第21章 层叠样式、模板与库【学习目的】I、掌握CSS样式表的基本概念2、会使用CSS样式面板,掌握创建、设置CSS样式表的方法,创建外部CSS样式表、使 用和编辑自定义CSS样式表的方法。3、学会
11、使用CSS样式控制文本块或段落的外观;4、要求掌握Dreamweaver中模板与库元素的概念与作用5、了解模板的固定区域与可编辑区域的区别和用途6、了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响7、学会通过模板和库元素创建网页的方法【学习内容】1、使用CSS样式表(1)创建类样式、标签选择器、高级样式(如修改链接颜色)并应用(2)导出CSS样式定义(3)链接、导入外部CSS样式表(4)在标签检查器中修改CSS样式表(5)样式的层叠顺序和继承2、模板和库的使用(1)创建模板;(2)定义模板的可编辑区域、重复区域、可选区域;(3)应用模板建立网页;(4)修改模板和更新站点;(5)
12、创建和使用库项目(使用重复、修改、更新)【教学重点】1、如何创建CSS样式表、利用CSS样式格式化文本的方法2、应用模板建立网页的方法【教学难点】1、使用CSS样式格式化文本2、模板和库的概念3、可编辑区域、重复区域、可选区域的区别第22章 表单及其应用【学习目的】学会使用Dreamweaver中应用表单设计网页的方法,全面掌握表单的创建、编辑、处理方 法,以及各表单对象的功能、特点和用途(包括:复选框、下拉列表况、按钮)的特点与 使用方法。【学习内容】如何插入各表单,并设置其属性;以及结合实例制作表单网页。1、表单的基本概念2、表单的组成元素(1)建立文本框(2)建立表单的单选按钮和复选框(
13、4)建立下拉菜单、菜单列表、跳转菜单(6)提交和重置按钮(7)其他表单域的应用3、表单的检测。【教学重点】表单的创造、编码、处理方法,以及各种表单对象的特点与使用方法。【教学难点】表单、表单域的概念。第23章 完整制作网站的流程和实例【学习目的】掌握创建Web站点的基本方法与步骤,并能够管理站点。【学习内容】1、站点管理(1)站点参数设置(2)在站点文件视图中管理文件和文件夹(移动、重命名、删除等)(3)在站点地图中管理网页文件2、站点测试(1)自动检测链接(2)使用报告来测试一个站点(3)检查浏览器的兼容性(4)检查网页的下载时间和尺寸3、站点发布(1)连接到远程站点(2)使用Dreamwe
14、aver内置上传功能发布(FTP上传、下载)(3)同步本地和远程站点上的文件(4)覆盖文件夹和文件【教学重点】站点结构、组织站点内容、管理站点【教学难点】站点规划三、课程教学学时安排教学内容教学时数四、实践环节及基本要求序 号实验项目学 时基本要求实验 性质实验类别1第一章网页设计与制作基础12第二章HTML基础13实验一HTML标志练习21、熟练掌握文本标志、图片标 志、声音标志使用方法及相应属 性的正确应用。2、熟练使用超链接标志设计四 种不同链接目标的网页。3、使用标志及属性熟练进行表 格的制作,修饰,单元格合并, 表格叠加及嵌套。验证必做4第三章JavaScript在网页中的应 用15
15、实验二设计JavaScript特效网 页11、掌握在HTML上插入 JavaScript代码的方法,设计简 单的JavaScript特效网页。2、灵活运用 String ()、Math (),Date ()及其他内置对象 及函数3、掌握事件响应的类型及综合 运用事件处理设计综合性 JavaScript特效网页。验证必做6第四章ASP动态网页制作基础17实验三制作ASP动态网页11、练习配置ASP运行环境;2、练习VBScript语法必做3、掌握ASP内置对象8第五章利用ADO实现数据库 的存取19实验四连接数据库11、掌握 Access XP、SQL Server 建立数据库方法;2、练习SQ
16、L语句3、掌握ADO连接数据库技术4、实现ASP网页与数据库的连 接;必做10第八章Photoshop CS2网页设计 基础111实验五 使用PhotoShop和 Fireworks编辑、设计图形、图 像11、熟悉 PhotoShop 和 Fireworks 工作环境;2、熟悉 PhotoShop 和 Fireworks 工具栏常用工具的用途;3、掌握文字、图像、选区的基 本操作4、练习文字、位图的操作;5、练习绘制矢量图形;6、练习设计、制作按钮、Logo、 Banner等网页儿素,必做12第七章Fireworks MX 2004的基 础知识113第八章Fireworks MX 2004矢量
17、 绘图与文字114第九章Fireworks MX 2004位图 的选择与编辑115第十章创建和编辑FireworksMX 2004动画216第十一章切片与文件的优化输 出217实验六 使用Fireworks制作GIF动画41、熟悉工作环境;2、了解动画制作原理;3、创建逐帧动画、补间动画;验证必做18第十二章Flash MX 2004基础知 识119第十三章绘制基本图形120实验七使用Flash创建简单动 画21、熟悉Flash工作环境;2、掌握图形、文字的编辑;3、掌握图层、蒙版的应用技巧;4、创建简单动画;验证必做21第十四章Flash MX 2004逐帧动 画和渐变动画222第十五章声音
18、和元件及其应用223实验八使用Flash制作引导层 动国、遮罩动画、多场景动国31、掌握引导层动画制作;2、掌握遮罩动画制作;3、掌握多场景动画制作;4、在动画中添加声音;验证必做24第十K章ActionScript命令和父 互式动画325实验九使用ActionScript命令 创建交互式动画31、掌握ActionScript语法、常用 命令、2种编辑模式;2、设计制作一个包含鼠标、按 钮操作的交互式动画;必做26第十七章 Dreamweaver MX2004网页设计基础127第十八章网页编辑与超链接128实验十 使用Dreamweaver创 建本地站点21、熟悉Dreamweaver工作环境
19、;2、创建本地站点;3、练习页面属性设置、文字编 辑、插入图形、超级链接等基本 操作,熟悉表格、层的操作;4、在站点种设计制作HTML网 页;必做29第十九章网页的定位技术230实验T卜一制作框架网页21、掌握控制框架的链接目标;2、熟悉框架外观设置;3、将实验十中制作的网页制作 为框架网页;必做31第二十章行为与时间轴及其应 用232实验H卜二制作动态网页21、熟悉时间轴、层的相关操作;2、制作层和时间轴动画;3、给对象附加行为;必做33L一章层叠样式、模板与库134实验十三 修改网页外观11、熟悉模板和库项目的操作;2、练习创建、设置CSS样式表 定义网页外观;3、使用模板创建网页;必做3
20、5第二十二章表单及其应用236实验十四制作留言板21、熟悉表单兀素的使用;必做2、理解表单域的概念;3、制作表单网页;4、实现表单网页与数据库交互;37第二十三章完整制作网站的流 程和实例238实验十五建设网站181、学习、分析、鉴赏优秀网站; 2、综合运用 Dreamweaver、 Flash s Fireworks x PhotoShop 等 软件,设计制作网页;3、建立小型的专题网站,要求 有文字、图片、动画、声音,使 用表格进行版面布局、使用框架 组织网页,加入表单、后台连接 数据库;设计选做 (二选一)38实验十六建设网站281、学习、分析、鉴赏优秀网站; 2、综 合运用 Dream
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计技术 网页 设计 技术 课程 教学大纲

限制150内