《网页设计与制作》教学大纲作者： 来源：数字媒体技术教研室 发布时间：2011年06月19日 点击数： 91
课程编号：02121070 课程名称：网页设计与制作 Webpage Design and Development 课程性质：选修课 课程类别：学科基础教育 学分： 3 学时： 48 （其中课内实验学时：16 ） 一、目的与任务 本课程以HTML标记语言、ASP技术及脚本语言编程的基本方法与技巧为基础，介绍了使用网页编辑软件Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能， Fireworks图像处理工具的使用，创建Flash动画的基本方法、思路及其在Web上的应用。并以此培养学生Web站点规划、构建、设计、制作、发布与维护的能力，图形处理与简单动画制作的能力；使学生初步掌握交互式网站的制作方法，具备企业网站的创意、策划、设计和制作能力，能独立设计小型Web站点。 二、教学内容及学时分配 第1章 网页设计基础（学时：4 ） 简介：本章主要介绍网页设计的基础知识，主要包括Internet基础知识、网络基本术语的概念；网页浏览原理；网站的规划、设计以及网站制作的基本流程。 重点：网络基本术语（IP、Internet域名、URL等）；网站制作基本流程。 难点：网页浏览原理；网站制作基本流程 具体内容： u Internet的基础知识 u IP地址和Internet域名 u 网页浏览原理 u 网站规划与网页设计 第2章 网页设计语言基础（学时：6） 简介：介绍HTML语言基础，HTML基本标签的应用，并运用HTML标签实现简单静态页面的制作。 重点：HTML语言的特点；基本标签的应用。 难点：HTML各标签的综合应用实现简单的静态页面 具体内容： u HTML语言简介 u 基本页面布局 u 文本修饰 u 超级链接 u 图像处理 u 表格 u 多窗口页面 第3章 初识Dreamweaver（学时：3） 简介：主要介绍了Dreamweaver工具的基本结构，以及在Dreamweaver中创建站点的基本方法，并应用Dreamweaver实现简单页面的制作。 重点：Dreamweaver工具的基本使用，站点的创建与编辑。 难点：站点的创建 具体内容： u Dreamweaver窗口的基本结构 u 建立站点 u 编辑一个简单的主页 第4章 文档创建与设置（学时：2） 简介：主要介绍使用Dreamweaver编辑简单页面的方法，以及在页面中创建超链接、插入文本及媒体对象的方法和技巧。 重点：使用Dreamweaver在页面中插入文本、图片、媒体对象及各种超链接。 难点：超链接的设计与创建 具体内容： u 插入文本和媒体对象 u 在网页中使用超链接 u 制作一个简单的网页 第5章 表格与框架（学时：2） 简介：主要介绍在Dreamweaver中使用表格和框架进行网页定位和编辑的方法和技巧。 重点：表格的创建与编辑；框架的创建与编辑。 难点：表格的嵌套；框架间的连接控制。 具体内容： u 表格的基础知识 u 框架的使用 第6章 用CSS美化网页（学时：2） 简介：主要介绍CSS的概念和CSS创建的几种方法，并详细介绍了CSS在页面中应用的多种方法。 重点：CSS的创建；CSS嵌入HTML的方法技巧。 难点：CSS的创建与应用 具体内容： u CSS基础 u 创建CSS u CSS基本应用 u 链接外部CSS样式文件 第7章 网页布局技术（学时：5） 简介：主要介绍运用表格、层、框架、CSS技术进行网页布局的方法和技巧，并进一步介绍了表格与层互换操作技巧，以及DIV和CSS组合布局的设计方法与应用。 重点：表格、层、框架布局方法与技巧；CSS辅助布局技巧。 难点：Div+CSS布局页面的技巧 具体内容： u 用表格布局页面 u 用层布局页面 u 框架布局页面 u 表格与层的相互转换 u DIV和CSS布局 第8章 Flash动画制作（学时：4） 简介：主要介绍Flash的基础知识，补间动画、形状动画、遮罩动画等动画制作的基本操作，并介绍了将Flash作品应用与网页中的方法技巧。 重点：flash基本动画的制作 难点：运用flash制作页面元素并应用与页面中 具体内容： u Flash概述 u 绘制基础 u 元件和实例 u 常见Flash动画 u 动作脚本入门 u 动画发布 第9章 Fireworks图像处理（学时：6） 简介：主要介绍Fireworks的主要功能和使用方法，包括Fireworks的工作界面、基本操作，矢量图形和位图图像的创建和编辑、文字应用、图层和蒙版、GIF动画的制作、切片的导出和文件的优化等。 重点：矢量图的绘制与编辑；滤镜与蒙版的应用；文字的处理应用；GIF动画的制作；切片与热点的编辑应用；文件的优化导出。 难点：文字特效处理；Gif动画Logo的创建；切片与热点的应用 具体内容： u Fireworks工作界面 u 编辑区 u 绘图工具 u 文本工具 u 蒙版的应用 u 滤镜的应用 u 网页元素的应用 u GIF动画 第10章 表单及ASP动态网页的制作（学时：10学时） 简介：主要介绍ASP编程语言，运行环境的安装与配置，表单的制作方法与技巧；详细介绍数据库的创建，以及实现具有数据库访问功能的动态页面的制作方法。 重点：ASP运行环境的配置；表单的制作；数据库的创建与访问方法；数据库访问页面的制作。 难点：数据库访问页面的制作 具体内容： u ASP编程语言 u 安装和配置Web服务器 u 制作表单 u 网站数据库 u Dreamweaver + ASP制作动态网页 第11章 三剑客综合实例（学时：4） 简介：本章详细介绍综合应用网页三剑客工具实现一个完整网站的方法和制作过程，并综合解析网站作品案例。 重点：网页三剑客工具的综合应用。 难点：网页三剑客工具的综合应用。 具体内容： u 在Fireworks中制作网页图形 u 切割网页图形 u 在Dreamweaver中编辑网页 u 在Flash中制作动画 u 在Dreamweaver中完善网页 课内实验： 实验一 熟悉HTML各标签的运用，制作简单的静态页面。（学时：2 ） 实验二 运用Dreamweaver创建站点并制作简单页面（学时：2） 实验三 应用Div+CSS布局技术完成页面的设计与制作（学时：2） 实验四 Flash作品的设计与制作（学时：2） 实验五 Fireworks的应用——网站LOGO和导航栏的设计与制作（学时：2 ） 实验六 用户登录注册页面的制作（学时：2 ） 实验七 综合运用所学知识完成一个网站作品（学时：4 ） 三、考核与成绩评定 考核性质：考查课，五级分制 考试方法：提交作品、答辩 考试用时： 每人3~5分钟答辩时长 考核模式：三段制模式 成绩评定：期末总评成绩＝平时成绩×30％＋实验成绩×20％＋期末作品答辩×50％ 补考方法：总评成绩低于60分的学生，须参加学校统一组织的补考。 补考总成绩＝平时成绩×20％+补考成绩×80％ 四、大纲说明 先修课程： 适用专业： 数字媒体技术 适用对象： 本科二年级学生 五、教科书、参考书 [1] 蔡立燕 梁芳主编，网页设计与制作，清华大学出版社，2008 [2]肖嘉，网页设计与网站开发基础教程，西安电子科技大学出版社，2005 |
|
|
