《网页设计与制作教学大纲(2)》由会员分享，可在线阅读，更多相关《网页设计与制作教学大纲(2)（6页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作网页设计与制作教学大纲教学大纲适用专业：计算机相关专业一、大纲说明一、大纲说明（一）课程的性质和特点本课程使用的设计工具是 Dreamweaver 8，它是一个十分专业化、完全可视化的网页设计工具，无论对于专业还是业余的Web设计师，它都是一个完美的设计工具。本课程还使用了Firework 8和Flash 8。在页面修饰、图形处理方面，Firework 可以与任何一套专业级图形处理软件相媲美。在页面交互性和可视化效果方面，Flash更是无人能及。它是一个专业的矢量编辑和动画创作专业软件，专门用于制作Web页中的电影动画和交互动画。 Dreamweaver 、Firework、Fl
2、ash在网页及Web应用的设计上配合的天衣无缝；同时又由于它们出自同一个公司，它们之间存在着许多相似的地方，只要熟悉其中之一，其他两个也就触类旁通，很适合本校学生学习和使用。本课程是一门专业实践课，通过本课程的学习, 要求学生能够理解网页制作的基本概念和基本原理，能够掌握网页制作的方法与技巧，能够利用设计工具完成网页制作和网站管理，能够了解最新的网页制作技术的应用。（二）课程设置的目的“网页设计与制作”是为培养网站管理与开发的应用型人才所设置的专业课，它使学生能够了解和掌握网站与网页的建立过程和开发技巧。二、教学内容及要求二、教学内容及要求（一）理论教学内容及要求第一章 网站与网页设计基础内容
3、：网站的目录结构和链接结构，确定网站的整体风格和创意设计，关于网页的各种基础知识、网页的设计原则和网站的主题风格等内容。要求：理解网页和网站的基本概念，了解网站的目录结构、网站的创意和布局等网页设计基本知识。了解网站制作的流程。第二章 网站的建立与页面文档的创建内容：Dreamweaver 8的新特性， Dreamweaver 8工作界面，简单的页面操作， 网页元素的运用，网页链接。要求：通过本章的学习，用户应学会在创建站点之前如何对站点进行规划，如何创建本地站点，如何编辑管理站点，如何创建HTML文档，以及如何设置文档的属性。第三章 网页的基本页面元素处理内容：文本的插入、文本的编辑、文本的
4、格式化，创建列表，文档中插入图像、建立各种特殊链接等各种处理元素的内容。要求：用户应掌握如何在页面文档中进行文本的插入、文本的编辑、文本的格式化，以及如何创建列表；掌握如何在文档中插入图像、设置图像的各个属性、如何灵活应用各种图像处理的技巧；掌握如何建立文本和图像的超链接，如何建立各种特殊链接等各种知识。第四章 HTML基本标记简介内容：介绍顶级标记、文本标记、图片标记、链接标记、表格标记、表单标记和框架标记等基本标记的使用。要求：用户应了解标记的作用和基本组成，掌握常用标记的使用，熟悉标记语言的应用。能够阅读页面的HTML标记和编写基本的页面。第五章 表格和页面布局表格内容：在这一章中将集中
5、介绍有关表格的各种操作。要求：用户应了解表格的作用和组成结构；掌握如何创建表格和设置属性，如何应用Dreamweaver所提供的各项操作表格的功能；熟悉利用表格进行页面布局的方式。第六章 Fireworks 8 概述内容：本章将介绍Fireworks 8工作界面、工具栏和工具箱的使用、Fireworks 8面板及其管理、文档的创建与保存、文件属性的修改等。要求：通过本章的学习，要对Fireworks 8有一个基本的认识，熟悉Fireworks 8的工作环境，掌握文档的基本操作。第七章 矢量图的绘制与编辑内容：本章将着重介绍Fireworks 8中创建与编辑Fireworks矢量路径对象的操作技
6、巧，如对象描边、填充等属性设置以及分离对象的操作，以便让网页设计者拥有更多的创作空间。要求：通过本章的学习，要求用户了解Fireworks的绘图原理，熟练掌握绘制路径对象和编辑路径对象的方法、技巧。第八章 文本的创建和编辑内容：本章将着重介绍如何在Fireworks 8中创建与编辑文本对象，以及编辑路径文本。要求：要求用户熟练掌握使用Fireworks输入文本、编辑文本（包括文本的内容和属性） ，掌握将文本附加到路径和将文本转换为路径的方法、技巧。第九章 图像的效果内容：本章将着重介绍图层、遮罩和切片及热点的使用。要求：要求用户能够熟练运用图层和遮罩；掌握切片工具和热点工具的使用，能够使用Fi
7、reworks 8将设计好的网页效果图制作成网页的的半成品，以便利用Dreamweaver完成后期处理。第十章 图像的优化与导出内容：本章将介绍Fireworks 8图像的优化与导出，即如何寻找颜色、压缩和品质的最佳组合，并且使用适合于它们在网页或其它位置的目标的导出设置，导出文档或各切片图形。要求：掌握Firework中图像的处理及优化，掌握Firework中切片的制作和在网页中的应用。第十一章 FLASH初步内容：Flash 8简介，绘图工具箱，编辑文本，时间轴的操作。要求：了解Flash 8绘图环境，熟练掌握绘图工具箱中各种工具的使用，掌握Flash中的图形编辑与文本处理的方法，掌握时间
8、轴的操作方法。第十二章 Flash基础内容：本章主要围绕Flash的各种可用资源进行，从库面板，到各种设计制图工具，从绘制线到绘制复杂图形，这些都是Flash创作动画的基础知识。要求：本章重点是使用户可以掌握各种绘图技巧和”工具”面板中的绘图和文字工具的使用方法。第十三章 Flash动画内容：本章重点在设计渐变动画。为了能够形成动画的各种效果，需要对关键帧、动画渐变、形状渐变，场景等概念非常清楚，并且要融会贯通。介绍引导层、遮罩层等特殊图层的性质和使用方法。要求：掌握动作渐变动画和形状渐变动画的制作方法，能够正确使用引导层、遮罩层等特殊图层来创建动画。第十四章 Flash行为内容：本章集中介绍
9、Flash中的行为及使用方法。要求：本章重点是掌握各种行为的使用方法和组合使用的技巧。第十五章 Action脚本内容：本章重点要学习Action语法和掌握基本按钮、影片剪辑元件的事件、和函数处理，理解对象的概念和熟悉点语法的使用。要求：了解Action脚本的基本使用方法，能在动画中运用简单的Action脚本。第十六章 框架内容：本章即介绍关于框架和框架集的知识，包括框架与框架集的概念、如何创建框架与框架集、选择框架与框架集的方法、设置框架与框架集的属性及编辑框架页面等内容。要求：用户应学会创建框架和框架集的基本操作、设置框架和框架集的属性，以及在何种场合适合使用框架结构来进行浏览器页面的规划。
10、第十七章 层的运用内容：本章即介绍有关层的知识，包括创建层、设置层属性、编辑层，以及层和表格的转换等内容。要求：用户应掌握在不同情况下应用不同的图层创建方法，以及在网页建设过程中对图层的各项操作的熟练运用。掌握利用图层来布局页面元素以实现某种特殊效果的网页制作技术。第十八章 时间轴内容：本章主要介绍时间轴的构成、时间轴动画的设计方法、如何编辑时间轴及其关键帧和如何在时间轴上添加行为等内容。要求：用户应学会将时间轴与行为和图层的知识结合在一起，创作出更富有动感的网页。掌握如何利用时间轴创建动画、修改时间轴、在时间轴中改变对象的属性等。第十九章 行为内容：本章主要介绍行为的基本使用方法，包括行为的
11、含义、应用Dreamweaver 8中内置的各种行为及为对象附加行为等内容。要求：了解Dreamweaver 8中行为的种类，掌握行为的基本使用方法，能够给各种对象附加行为，并学会将多个行为组合在一起实现交互动态的网页效果。第二十章 插入多媒体对象内容：本章主要介绍在Dreamweaver中如何插入Flash对象、Shockwave文件、Applet程序、ActiveX控件和插件等内容。要求：了解多媒对象的种类和特点，学习并掌握在页面中添加 Flash 对象、Shockwave 影片、Java Applet 程序、ActiveX 控件和插件等媒体对象的方法。第二十一章 样式风格设计内容：本章将
12、介绍关于CSS的基本语法和功能、 “CSS样式”面板的使用、应用CSS样式的方法、插入样式表的方法、CSS样式的属性设置以及样式表的优先顺序等内容。要求：通过本章节的学习，使用户掌握应用CSS样式，如何使一个页面美观的方法和技巧。第二十二章 表单内容：本章内容还是属于HTML语言内容，Dreamweaver将HTML表单部分进行了完美的封装，使用户用起来非常的方便。主要包括表单的各种提交方式及其元素特性。要求：使用户可以掌握表单的创建和设置方法，这是进行动态编程、交互的第一步，为以后学习动态编程语言打下基础。（二）实验教学内容及要求1、建立一个简单的网站内容：建立一个本地站点，向站点中添加相关
13、空网页，设置页面的标题、背景颜色，建立超链接，保存和预览网页、测试网站。要求：能够正确定义本地站点，掌握网页“页面属性”的设置，学会新建一个网页的方法，掌握超链接的设置，学会预览网页的方法。2、简单的页面操作内容：建立一个本地站点，建立并导入一个Word文档，分别用三种方法编辑简单的HTML源代码，预览网页。要求：掌握网页的新建、打开、保存等操作方法，了解操作HTML源文件的三种方法，学会导入Word文件。3、网页元素的运用内容：建立一个本地站点，建立一张网页，在网页中添加样张中的网页元素，预览网页。要求：掌握网页文本的插入和编辑方法，掌握水平线、特殊字符和时间的插入方法，掌握图像的插入及属性
14、的设置。4、在网页中创建链接内容：建立一个本地站点，将给定素材和网页文件复制到新建文件夹中，打开给定的网页并在其中创建链接，保存网页，建立被链接的其他网页，预览网页。要求：掌握图像热点链接的创建方法，掌握锚点链接的创建方法，掌握邮件链接的创建方法，掌握无址链接的创建方法。5、在网页中应用表格内容：建立一个本地站点，按样张利用表格建立首页，保存网页，预览网页。要求：掌握用表格布局页面的方法，掌握表格的基本用法，掌握用表格对齐图像的方法。6、创建及导入导出文档内容：Fireworks MX 2004工作界面，一张向日葵画框图片的制作，进一步编辑向日葵画框图片。要求：熟悉Fireworks MX 2
15、004的工作界面，掌握工具栏和工具箱的使用，掌握基本图片文件的导入、导出操作。7、绘制和编辑矢量图内容：绘制一张心形图案，绘制一张星空图案。要求：了解Fireworks的绘图原理，熟练掌握绘制矢量图的基本方法及相关工具的使用，绘制和编辑路径对象。8、创建和编辑文本内容：创建、编辑文本，LOGO的制作。要求：掌握创建文本、编辑文本的方法和技巧，掌握创建路径文本、文本的变形和导入文本的方法和技巧，掌握导入文本的方法和技巧。9、编辑和处理位图，按钮的制作内容：创建位图图像，编辑位图图像。要求：了解位图图形及其编辑模式，创建位图选区，熟练掌握位图图像的创建和编辑方法。掌握在Fireworks中制作按钮
16、的方法，掌握元件的定义和使用方法，掌握悬停按钮的制作方法，掌握给按钮加入特效的方法。10、图像的切割和导入内容：切割图片并导出，在网页中导入切片图像，修改.gif文件的默认编辑器为Flash，在网页中直接调用Fireworks编辑器。要求：掌握制作图像切片的方法，掌握切片文件的正确导出方法，掌握修改默认编辑器的方法，熟悉在网页中直接调用Fireworks编辑器的过程。11、图形和文字编辑、创建动作渐变动画和状渐变动画内容：熟悉Flash MX 8工作环境，使用绘图工具，使用文本工具。熟悉时间轴的使用特点，设计制作动作渐变动画和状渐变动画，学习补间动画的属性设置和形状渐变动画的要素。要求：熟悉Flash MX 8工作环境，掌握绘图工具的使用，掌握时间轴的使用，能够设计和制作动作渐变动画和状渐变动画，掌握动画的各属性含义及用法，能够正确运用层和帧设计动画。12、引导层和遮罩层的应用内容：建立引导层，创建动画，利用遮罩层的属性设置，设计各种特效动画。要求：掌握引导层的建立及属性设置，掌握动画对象如何吸附到引导线上。掌握遮罩层属性设置方法，利用遮罩层或被遮罩移动实现动画。13、行为和
