动画制作第三章 网页中的基本元素

4 域名是。

1.1.3 网页的基本组成元素网页是由多种元素组成的。

文本和图像是网页中最基本的元素，更是网页信息的主要载体，它们在网页中起着非常重要的作用。

而其他的很多元素（如超链接等）都是基于这两种基本元素而创建的。

从严格意义上讲，网页也是一种“软件”，其界面也是软件界面的一种。

然而，相比各种系统软件和应用软件，网页的界面又有一些不同的地方。

网页是由浏览器打开的文档，因此可以将其看作浏览器的一个组成部分。

以内容来划分，一般的网页界面包括网站Logo、Banner、导航栏、内容栏和版尾等部分。

1．LogoLogo（意译为标识、标志等）是整个网站对外唯一的标识和标志，是网站商标和品牌的图形表现，其制作要点如下。

● Logo的位置通常位于网页的左上角，也可根据需要将其置于其他任何位置，一般需保证Logo醒目，让浏览者能很快看到。

● Logo的内容通常包括特定的图形和文本，其具体内容应与开发网站的企业文化紧密结合，以体现网站的特色，图1-4所示为新浪网的Logo。

2．BannerBanner，中文意思为旗帜或网幅，是一种可以由文本、图像和动画相结合而成的网页栏目。

Banner的主要作用是显示网站的各种广告，包括网站自身产品的广告和与其他企业合作放置的广告。

其标准尺寸有468像素×60像素、392像素×60像素、234像素×60像素、125像素×125像素、120像素×90像素、120像素×60像素、88像素×31像素及120像素×240像素等。

其中，468像素×60像素和88像素×31像素的Banner使用最多，468像素×60像素的Banner文件大小应在15KB左右，而88像素×31像素的Banner文件大小最好在5KB左右。

除此之外，在一些特殊场合也可使用一些非标准尺寸的Banner，图1-5所示为当当网首页特卖活动横幅广告。

《网页制作》课程教学大纲∙第一部分大纲说明∙第二部分教程总体设计方案∙第三部分教学内容和教学要求第一部分大纲说明一．课程性质、目的与任务随着计算机网络与通讯技术的发展， Internet 在人们的生活、学习和工作中的位置越来越重要，通过发布 Web 站点来开展各项政治与经济活动已成为当今时代的流行趋势。

因此，掌握 Web 网页的制作和 Web 站点的管理等知识已经成为现代人必备的一种技能。

本课程的将全面介绍网站建立与网页制作的有关知识以及 Macromedia 公司最新发布的网页制作顶级软件Dreamweaver MX 2004 与 Fireworks MX 2004 的操作使用方法，目的是使学生全面掌握网站设计与建立的全过程以及 Web 页制作的常用技术和方法，使学生能够开发与制作出具有专业水准的网站，以适应现代网络社会对人才的需要。

二．与相关课程的衔接学习者已经学习并掌握微机基础知识包括 Windows的操作、网络的基本概念、Internet的使用。

三．课程教学目标1.掌握网页图形图像处理方法。

通过学习Fireworks的图形图像处理的基本操作，能够利用该软件进行网页图形图象制作、文字制作、图像编辑与处理、按钮、导航条、Gif动画等网页元素的制作。

2．掌握多媒体动画制作方法。

使用Flash设计制作各种动画、在动画作品中加入图片、声音、视频等多种媒体、能够运用ActionScript实现动画控制和用户交互。

3．掌握网站建立与网页设计方法。

使用网页设计常用软件Dreamweaver创建与设置网站、管理与维护网站、测试与发布网站的技术与方法。

网页与网站的基本概念、网站策划与创建原则、网站的开发与发布工作流程、网页制作的各种方法和技巧，如文本处理、图象处理、超级链接、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。

在较短的时间内，通过学习《网页制作》网络教程，能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页；能够建立、管理与发布小型网站；应用网站与网页技术传授知识、传播信息。

《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题（1）静态网页、动态网页（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言（3）文字、图形图像、动画、视频（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver2、问答题(1)www的特点有哪些？答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。

2）WWW是建立在客户机／服务器模型之上的。

3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。

4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。

5）WWW浏览提供界面友好的信息查询接口。

(2)网页的基本元素有哪些？答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。

它们的特点如下：文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。

图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。

动画：动画是动态的图形，添加动画可以使网页更加生动。

常用的动画格式包括动态GIF图片和Flash动画声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。

网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。

表格：在网页中使用表格可以控制网页中信息的结构布局。

超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。

表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。

其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。

学会使用AdobeDreamweaver进行网页动画制作第一章：Adobe Dreamweaver简介Adobe Dreamweaver是一款功能强大的网页设计和开发工具，由Adobe公司开发。

它集成了网页制作所需的各种工具和功能，能够帮助用户创建出精美、功能丰富的网页。

Dreamweaver具有直观的界面和强大的编辑器，使得用户可以轻松地编辑和调整页面布局、添加多媒体元素等。

同时，它还支持网页动画制作，提供了丰富的动画特效和工具，方便用户创建出生动有趣的网页。

第二章：了解网页动画网页动画是指在网页中使用图像、文字或其他元素进行动态效果展示的技术。

通过使用网页动画，可以使网页更加吸引人，增强用户的视觉体验，提高网页的互动性和吸引力。

常见的网页动画效果包括渐变、旋转、缩放、动态图像切换等。

在使用Dreamweaver制作网页动画之前，我们需要了解不同的网页动画效果以及如何选择合适的效果来展示我们的内容。

第三章：使用Dreamweaver制作基础网页动画在Dreamweaver中制作网页动画非常简单。

首先，我们可以使用内置的动画特效库来选择我们所需的动画效果，如文本闪烁、图像飞入等。

只需要简单的拖拽和设置一些参数，就能够在网页中实现这些动画效果。

另外，Dreamweaver还提供了可视化的时间轴编辑器，方便用户调整动画的持续时间、延迟时间和循环次数等。

第四章：自定义网页动画效果除了使用Dreamweaver内置的动画特效库，我们还可以通过自定义代码来创造独特的网页动画效果。

Dreamweaver支持HTML、CSS和JavaScript的编辑和预览，我们可以使用这些语言来编写我们所需的动画效果代码。

通过控制元素的位置、大小、颜色和透明度等属性，以及使用CSS3的过渡和动画效果，我们可以实现更加丰富多样的网页动画效果。

此外，还可以结合JavaScript的能力，实现更高级的动画效果，如拖拽、碰撞效果等。

网页的组成元素有哪些-有什么组成元素-具体介绍在〔制定〕网页时要组织好页面的基本元素，其常见的元素包括文字、图片、动画、音频、视频、超链接等，这些元素在网页中都占据着相对重要的位置。

以下是关于网页的组成元素有哪些的具体介绍。

(1)文本。

文本是网页中最常见的元素之一，也是网页内容的核心部分。

在制定网页时，应合计到文字的字体、字号、颜色、段落、层次等属性。

(2)图像。

图像是用来美化网页的主要元素，具有生动、直观等特点，在网页中合理使用图像，不仅可以产生一定的视觉冲击力，而且可以简化页面内容，从而传达出用文字难以表达的信息。

(3)动画。

动画是网页上最活跃的元素，通常状况下，吸引访问者最有效的方法是制作优秀的、有创意的动画。

网页中使用的动画文件一般采纳GIF动画格式或Flash动画格式。

(4)视频、音频。

随着网络带宽的增加，在网页中嵌入视频和音频元素，可以提升网页的多媒体效果，更加直观、生动、准确、特别地表达网页内容，受到浏览者的欢迎。

(5)Logo。

网站Logo相当于网站的图形标识，它可以显示网站名称、英文网址、网站理念等信息。

(6)Banner 。

Banner多用于展示网络广告的内容，又称网络图片广告，常位于Logo的右侧，多采纳GIF或Flash动画建立的动画元素，其形状、颜色应与整个页面的布局和色调一致。

(7)超链接。

超级链接(简称超链接或链接)是网页中最重要和最基本的元素之一。

超链接可以使一些孤立的网页产生一定的互相联系，从而使各个网页形成一个有机的整体。

当鼠标指针移动到设置有超链接的对象(如文字、图片、标题、动画等)时，鼠标指针会变成一个手指形，只要单击鼠标就可以打开超链接的网页。

(8)按钮。

按钮实质上也是一种超链接，通过按钮的形式可以直观地提示浏览者进行操作。

(9)导航栏。

导航栏实际上是一组采纳超链接技术的网页对象，包括文字、图像、按钮等。

它们有效地连接了网站或其他网站的内容，使你可以在各部分或各网站之间快速切换。

网页的基本构成元素介绍
不同性质的网站，构成网页的基本元素是不同的。

网页中除了用法文本和图像外，还可以用法丰盛多彩的多媒体素材等。

1.2.1 网站Logo
网站Logo也称为网站标记，它是一个站点的象征，也是一个站点是否正规的标记之一。

网站的标记应体现该网站的特色、内容以及其内在的文化内涵和理念。

胜利的网站标记有着独特的形象标识，在网站的推广和宣扬中将起到事半功倍的效果。

网站标记普通放在网站的左上角，拜访者一眼就能看到它。

网站标记通常有三种尺寸：88×31、
120×60和120×90像素。

图1-11所示为网站Logo。

标记的设计创意来自网站的名称和内容，大致分以下三个方面。

网站有代表性的人物、动物、花草，可以用它们作为设计的蓝本，加以卡通化和艺术化。

假如是专业性网站，可以用本专业的代表物品作为标记，如中国银行的铜板标记、疾驰汽车的方向盘标记。

最常用和最容易的方式是用自己网站的英文名称作为标记。

采纳不同的字体、字符的变形、字符的组合可以很简单地制作出自己的标记。

1.2.2 网站Banner
网站Banner是横幅广告，是互联网广告中最基本的广告形式。

Banner 可以位于网页顶部、中部或底部随意位置，普通为横向贯通囫囵或者
第1页共4页。

《网页设计课后复习题》第一章网页设计概述一、填空题。

1.HTML是超文本标记语言的英文缩写，全称是Hyper Text Markup Language。

2.现在网络上使用的绝大多数图片和图像是gif格式、jpeg格式和png文件格式。

3.通过超链接可以从一个网页转到另一个网页，也可以从一个网页转到另一个网页。

超链接的载体包括文本、图像和热区三种。

4.网页能够把信息以多媒体的方式表现出来，同时把世界各地的信息链接在一起。

网页的基本功能有媒体的作用、互动的作用和传输的作用三方面。

5.PNG格式是Fireworks默认的格式。

它结合了jpeg和gif的优点，也支持透明和交错，是无损压缩的。

二、选择题。

1.网页中最基本的元素是（D）。

D.文字。

2.浏览网页时，当鼠标指针指向超链接时，通常鼠标指针的形状会变成（A）。

A.手形。

3.下列（D）不是用于制作网页的软件。

D.ORC。

4.以下图像格式具有动画效果的是（B）。

B.GIF。

5.网页编制完成以后，一般是以(C)为扩展名存盘的。

C.html。

第二章HTML语言基础一、填空题。

1.在HTML语言中文本文档标签是必须的。

2.在HTML语言中<P>标记的作用是表示一个文本段落的开始。

3.在插入图像或者使用超链接时，路径有相对路径和绝对路径两种。

4.HTML的英文全称是Hypertext Markup Language。

5.HTML列表常用的包括有序列表和无序列表，有序列表的标记是<OL>，无序列表的标记是<UL>。

二、选择题。

1.为同段落中的文本换行时，HTML标记为（B）。

B.<br>。

2.HTML代码<img src=url>表示（A）。

A.添加一个图像。

3.在HTML文档中创建最大的标题的文本标签是（B）。

B.<hL></hL>。

4.在HTML文档中网页的主体内容将写在（A）标记内。