动画制作第三章 网页中的基本元素
《网页设计基础》PPT课件
1.4 建立网站的基本流程
图1-2所示的是一个网站的完整制作流程.
确定主题策划与准备来自收集资料与素材规划网站结构
图
-
1
设计网页版式
2
确定网站结构
网
站
制作阶段
制作网页元素
的
制
插入元件与排版
作 流
上传网站
程
后期工作
维护与更新
1.4.1 确定主题
网站的主题也就是网站的题材, 是网站设计首先遇到的问题.
〔2〕利用Fireworks修改图像非常方便.
〔3〕Fireworks无需借助其他工具就可 以完成将一个图像转化为网页元素的全过程.
〔4〕Fireworks具有文件导出功能.
1.3.2 Flash
Flash是Macromedia公司开发 的用于矢量图形编辑和动画创作的 专业软件,它是一种交互式动画设 计工具,用它可以将音乐、声效、 动画以及富有新意的界面融合在一 起,以制作出高品质的网页动态效 果.
网站的定位要小,内容要精.
网站的题材最好选自己擅长或 者喜爱的内容.
网站名称,是网站设计的一部 分,而且是一个关键的要素,和现实 生活中一样,网站名称是否正气、
1.4.2 搜集资料 1.4.3 网站的整体规划
进行网站的整体规划也就是组 织网站的内容并设计其结构. 1.4.4 网页设计与制作
1．静态网页的设计与制 作
Dreamweaver是 Macromedia公司推出的一款大 众化的网页制作软件,它具有可 视化编辑界面,用户不必编写复 杂的HTML源代码就可以生成跨 平台、跨浏览器的网页,不仅适 合于专业网页编辑人员的需要, 同时也容易被业余网页制作人员 所掌握.
1.2.3 FrontPage
1.1.3 网页的基本组成元素[共2页]
![1.1.3 网页的基本组成元素[共2页]](https://img.taocdn.com/s3/m/d35d2ca402768e9950e73822.png)
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进行网页动画制作
学会使用AdobeDreamweaver进行网页动画制作第一章：Adobe Dreamweaver简介Adobe Dreamweaver是一款功能强大的网页设计和开发工具，由Adobe公司开发。
它集成了网页制作所需的各种工具和功能，能够帮助用户创建出精美、功能丰富的网页。
Dreamweaver具有直观的界面和强大的编辑器，使得用户可以轻松地编辑和调整页面布局、添加多媒体元素等。
同时，它还支持网页动画制作，提供了丰富的动画特效和工具，方便用户创建出生动有趣的网页。
第二章：了解网页动画网页动画是指在网页中使用图像、文字或其他元素进行动态效果展示的技术。
通过使用网页动画，可以使网页更加吸引人，增强用户的视觉体验，提高网页的互动性和吸引力。
常见的网页动画效果包括渐变、旋转、缩放、动态图像切换等。
在使用Dreamweaver制作网页动画之前，我们需要了解不同的网页动画效果以及如何选择合适的效果来展示我们的内容。
第三章：使用Dreamweaver制作基础网页动画在Dreamweaver中制作网页动画非常简单。
首先，我们可以使用内置的动画特效库来选择我们所需的动画效果，如文本闪烁、图像飞入等。
只需要简单的拖拽和设置一些参数，就能够在网页中实现这些动画效果。
另外，Dreamweaver还提供了可视化的时间轴编辑器，方便用户调整动画的持续时间、延迟时间和循环次数等。
第四章：自定义网页动画效果除了使用Dreamweaver内置的动画特效库，我们还可以通过自定义代码来创造独特的网页动画效果。
Dreamweaver支持HTML、CSS和JavaScript的编辑和预览，我们可以使用这些语言来编写我们所需的动画效果代码。
通过控制元素的位置、大小、颜色和透明度等属性，以及使用CSS3的过渡和动画效果，我们可以实现更加丰富多样的网页动画效果。
此外，还可以结合JavaScript的能力，实现更高级的动画效果，如拖拽、碰撞效果等。
山东省春季高考学习指导与练习 (数字媒体类和网络技术类)答案2
第一节 网页基础知识
【同步练习】
一、选择题
1. C 2. B 3. A 4. B 5.A 6.B 7.A 8.B 9. C 10.C
二、填空题
1.首页 2.html htm 3.URL 4.HTML 文档 5.色相 明度 纯度 6.蓝色 绿色 7.客户机/服务器
三、简答题
1. WWW 服务采用客户机/服务器工作模式，用户创建的网站及网页存放到 Web 服务器中， 当用户使用浏览器请求访问 Web 服务器上的信息时，Web 服务器接受并处理用户请求，然后 向浏览器发送对应的文件内容供浏览者浏览。
-1-
2. <form id="form1" name="form1" method="post" action=""> </form>
第二章 站点的创建与管理
第一节 DreamweaverCS6 工作界面及站点的创建与管理
【同步练习】
一、选择题
1. B 2.A 3. A 4. D 5.C 6.D 7.D 8.C 9.B 10.B 11.C
网页制作教程第3章
3.2.2 插入图像
(2) 在【选择图像源文 对话框中点选【 件】对话框中点选【文 件系统】单选钮， 件系统】单选钮，在 ch3】 【ch3】文件夹的列表 框中选择要插入的图像 文件，单击【确定】 文件，单击【确定】按 如图3 所示。 钮，如图3-6所示。弹 出【图像标签辅助功能 属性】对话框。 属性】对话框。
3.1.1 添加文本
2. 插入空格 若要在文本中插入空格，可执行下列操作之一。 在菜单栏中选择【插入记录】→【HTML】→ 【特殊字符】→【不换行空格】命令。 按<Ctrl>+<Shift>+<空格>组合键。 在【插入】工具栏的【文本】选项卡中，选 择【字符】下拉列表框中的【不换行空格】命令。
3.1 添 加 文 本
3.1.1 添加文本 3.1.2 设置文本格式
3.1.1 添加文本
1. 插入文字 若要将文字添加到网页文档中，可执行下列操 作之一。 ◆直接在【文档】窗口中输入文字。 ◆从其他应用程序中复制文本，切换到 Dreamweaver，将插入点定位在【文档】窗口的【设 计】视图中，然后在菜单栏中选择【编辑】→【粘 贴】命令。 ◆在菜单栏中选择【编辑】→【选择性粘贴】命 令，弹出【选择性粘贴】对话框，然后选择需要的 选项。
3.3 添 加 声 音
3.3.1 适合网页使用的声音格式 3.3.2 链接到声音文件 3.3.3 嵌入声音文件
3.3.1 适合网页使用的声音格式
MIDI格式 1. MIDI格式 MIDI是 乐器数字接口” MIDI是“乐器数字接口”(Musical Instrument Digital Interface)的简称 其扩展名为MID MIDI记录的不是声音本 的简称， MID。 Interface)的简称，其扩展名为MID。MIDI记录的不是声音本 而是将每个音符记录为一个数字， 身，而是将每个音符记录为一个数字，从而形成声音文件的格 MIDI格式文件声音效果的好与差 格式文件声音效果的好与差， 式。MIDI格式文件声音效果的好与差，与用户计算机声卡质量 有直接关系。很小的MIDI MIDI格式文件就可以提供较长时间的声音 有直接关系。很小的MIDI格式文件就可以提供较长时间的声音 剪辑。 剪辑。 MP3格式 2. MP3格式 MP3格式 是运动图像专家组音频第3 格式， MP3格式，是运动图像专家组音频第3层(Motion Picture Layer-3)，或称为MPEG音频第3 MPEG音频第 Experts Group Audio Layer-3)，或称为MPEG音频第3层的一 种压缩格式，它可使声音文件明显缩小。MP3文件的声音质量 种压缩格式，它可使声音文件明显缩小。MP3文件的声音质量 非常好，如果正确录制和压缩mp3文件，其音质甚至可以和CD mp3文件 非常好，如果正确录制和压缩mp3文件，其音质甚至可以和CD 音乐相媲美。MP3技术用户可以对文件进行 流式处理” 技术用户可以对文件进行“ 音乐相媲美。MP3技术用户可以对文件进行“流式处理”，以 便用户不必等待整个文件下载完成即可收听该文件。 便用户不必等待整个文件下载完成即可收听该文件。
网页的组成元素有哪些-有什么组成元素-具体介绍
网页的组成元素有哪些-有什么组成元素-具体介绍在〔制定〕网页时要组织好页面的基本元素，其常见的元素包括文字、图片、动画、音频、视频、超链接等，这些元素在网页中都占据着相对重要的位置。
以下是关于网页的组成元素有哪些的具体介绍。
(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）标记内。
网页制作复习Frontpage
3、有一个用FrontPage制作的关于“文学世界”网 站，下图为该网站结构。在主页中，为文字“寓言”设 置超链接，链接到标题为“寓言”的网页，则超链接所 yuyan.htm 指向的文件名应为____________________ 。若将主页文件改名 为default.htm ，则该网页中的超链接还能否成功链接？ 能。 ______
练习
网页制作及调试
⑤网页基本属性设置
网页标题、背景音乐、背景图片(必须为相对路径)、 背景颜色和超链接对象字体和颜色的设置。
网页标题 不能显示 FrontPage 中，只能 显示在浏 览器标题 栏里。
网页制作及调试
⑥网页的预览、调试与发布
在FrontPage窗 口左下侧有几个 标签？它们的作 用是什么？ 网站发布时要把 网页文件及用到的 文件(如图片、音 乐文件，超链接目 标文件等)都放在 同一文件夹中，发布时一并上传。
网页的含义及组成
1、网页
网页是按照超文本标记语言(HTML)规范要求表达 文本、图像、动画等多媒体信息的，网页之间遵循超文 本传输协议( HTTP )进行相互链接访问。围绕相关主题 的若干个网页组成一个网站，网页和网站的地址用统一 资源定位器( URL )标识。
2、网页的基本元素？
网页的基本元素是：文字、图形图像和超链接 。 网页中除基本元素外还有 表格、音乐 、表单、动画、 内嵌程序等内容，起着美化网页、双向交流的作用。 网页文件的扩展名为 .htm或.html 网站的主页一般命名为 Index.htm或Default.html
网站中的文件夹
在FrontPage文件夹列表区中，站点中有两个缺省 文件夹 _Private 和 images ，前者用于存放不愿公开的 文件，后者用于存放网页中用到的图像文件。
网站建设基本教程
分离补色：分离补色可以由2-3种颜色组成。在色环上选择一 分离补色 种颜色，他的补色就在色环的另一面。可以使用补色旁边的一 种或多种颜色，这样的一组颜色成为分离补色。分离补色的搭 配可以起到类似补充色的强烈对比作用，但有邻近色的缓冲， 可以使页面效果更加柔和。 组色：是色环距离相等的任意3种颜色，因为3种颜色形成了 组色 对比关系，所以当组色被用到一个色彩主题时，会造成浏览者 紧张的情绪。一般在商业网站上，不采用组色搭配。
去了网站存在的意义。有方向性。 去了网站存在的意义。有方向性。
的各个栏目。一个合理的导航设计可以使得网站变得合理应用。 的各个栏目。一个合理的导航设计可以使得网站变得合理应用。
正文内容：是网站的精神所在。 正文内容：是网站的精神所在。没有浏览者需要的内容就失 页脚：提供了字数，版权信息，联系方式等。 页脚：提供了字数，版权信息，联系方式等。
本章学习要点： 了解网页中的基本元素 熟悉网页设计所需的常用的工具 熟悉动态网站开发的常用技术 熟悉网站建设的一般步骤
1.1网站中的基本元素 1.1网站中的基本元素
网页中是由一些基本元素构成，包括文本、图像、超级链接、 表格、动画、音乐和交互式表单等。 • 文本 文本是现实社会中最重要的信息载体，而在网页中的信息 也多以文本为主。与图像相比，文字虽然不如图像那样易于 吸引浏览者的注意，但却能准确的表达信息的内容与含义。 • 图像和动画 图像在网页中具有提供信息，展示形象以及修饰网页的作 业。可以在网页中使用GIF,JPEG和PNG等多种图像格式，其 业。可以在网页中使用GIF,JPEG和PNG等多种图像格式，其 中最广泛的是GIF和JPEG两种格式。为了更有效的吸引浏览 中最广泛的是GIF和JPEG两种格式。为了更有效的吸引浏览 者的注意，通常网页中还会插入一些动画效果。 • 声音和视频 声音是多媒体网页的一个重要组成部分。用于网络的声音 文件
七年级信息技术 《第三章网页制作》教学设计 青岛版
《第三章网页制作》教学设计一、教学目标设计（一）教学对象分析在学习本章节之前，学生已初步具备获取信息的能力，他们学习了网络基础知识，掌握了网络信息的浏览、搜索和下载以及电子邮件的收发、文件传输等技能。
学生希望自己能制作网页，并将网页发布。
因此学生对本章学习的兴趣很大。
学生在学习本章节前已经学过WPS应用软件的使用方法，并掌握一定的文字编辑和图片处理的技巧，这对于本章的学习非常有利。
（二）教材内容分析1．教学内容简介及教学重点与难点本章主要内容是让学生学习FrontPage 2000网页制作工具的使用，并利用FrontPage 2000制作网页。
本章分为四节：第一节介绍网页、主页、子页的概念以及网页所包含的主要元素。
第二节介绍利用FrontPage 2000制作简单网页的全过程。
第三节介绍美化网页的各种方法。
第四节简明扼要地介绍网页发布的方式和方法。
2．课型特征本章书主要课型为应用软件的学习课，以掌握应用软件的使用方法，并使用软件解决实际问题为目的。
（三）教学目标[基本目标]1．知识与技能（1）了解网页、主页和子页的概念。
（2）了解网页所包含的主要元素。
（3）掌握FrontPage 2000的启动和退出。
（4）熟悉FrontPage 2000的窗口组成。
（5）掌握创建、打开网站的操作步骤。
（6）能熟练地建立、打开、关闭、保存、预览网页、浏览网页。
（7）掌握制作网页的全过程。
（8）理解表格在网页中的作用。
（9）熟悉表格的组成，掌握创建表格、表格操作、表格编辑的方法。
（10）掌握表格和单元格的属性设置方法。
（11）掌握在网页中插入图像和动画的方法。
（12）掌握对网页中的图形进行剪裁和插入文本的方法。
（13）能根据实际需要使用不同的超链接，合理地组织网页。
（14）掌握装扮网页文本的方法。
（15）能为网页添加合适的网页背景图案和背景音乐。
（16）掌握在网页中插入滚动字幕、横幅广告管理器和悬停按钮的方法。
（17）初步了解网页发布的方式和方法。
第一~三章网页设计基础知识
1.1.2 Internet 1.什么是Internet Internet即“因特网”，它是目前全球 最大的、开放的计算机互联网络。是一个 基于TCP/IP的网络，由分布在各个国家的 数以万计的网络互联设备组成。
1.1.2 Internet 1.什么是Internet （1） Internet起源于美国国防部的高级 研究计划局，最初主要用于军事。 20世纪70年代迅速壮大，发展成科研和 教育机构服务的网络。 （2） Internet提供的服务：WWW服务 （网页浏览服务）、电子邮件、文件传输 （FTP）、在线聊天、网上购物、网络炒股、 联网游戏等等。
WWW服务器采用客户机/服务器的工作模式。
1.1.4 统一资源定位器URL 1.URL：是对Internet上资源的一种准确定位 机制，它以一种全世界统一的、唯一标识 来确定某个网络资源，可以访问Internet 任何一台主机或者主机上的文件。
1.1.4 统一资源定位器URL
2.URL的组成：检索资源所使用的协议类型、存放 资源的主机域名、资源所在的路径名与文件名。 3.URL的地址格式：应用协议类型://主机域名/路径/ 文件名
2.1 页面的构成元素
2. 页面的构成元素
设计是一个思考过程，制作是将思考表现出来。也就 是说设计是网页的核心和灵魂。 结合网页设计的过程，按照网页页面所包含的各个构 成元素分类阐述： 表现主题 网站名称和CI形象 设计风格 版式设计 色彩运用 网页导航 视听元素
2.2 主题设计
1. 网页制作工具 （1）文本编辑器---网页制作通常使用HTML语言， HTML文档可以使用多种文件编辑器进行编辑。 例如记事本、word、写字板等。 （2）FrontPage---是由微软公司推出的网页制作工 具。其界面与word极为相似。 （3）Dreamweaver---具有可视化编辑界面，用户 不必编写HTML源代码就可生成跨平台、跨浏览 器的网页，即使是初学者也能制作出专业水准的 网页，是网页设计者的首选工具。
Dreamweaver网页制作教案
Dreamweaver网页制作教案第一章：Dreamweaver概述1.1 课程介绍了解Dreamweaver作为网页制作工具的优势熟悉Dreamweaver的工作界面1.2 创建和管理网页创建新文档打开和保存网页管理标签库1.3 实践操作制作一个简单的网页学会使用Dreamweaver的实时视图和代码视图第二章：网页基本结构2.1 网页元素文本图像表格表单2.2 排版和格式化字体和大小颜色和样式段落对齐和间距2.3 实践操作制作一个包含文本、图像和的网页学习使用Dreamweaver的排版和格式化工具第三章：CSS样式3.1 CSS介绍了解CSS的作用和优势熟悉CSS的基本语法3.2 创建和应用CSS样式创建样式表应用样式到网页元素编辑和删除样式3.3 实践操作制作一个使用CSS样式的网页学习使用Dreamweaver的CSS面板第四章：网页布局4.1 布局技术表格布局CSS布局框架布局4.2 常用布局方法固定布局可变布局响应式布局4.3 实践操作制作一个使用表格布局的网页学习使用CSS布局和响应式布局第五章：表单和交互5.1 表单元素表单标签输入框选择框文件5.2 验证和提交表单表单验证方法提交表单到服务器接收服务器返回的数据5.3 实践操作制作一个简单的表单页面学习表单的验证和交互功能第六章：Dreamweaver 网站管理6.1 网站结构规划了解网站结构的重要性学习如何规划网站结构熟悉网站的目录和文件组织方式6.2 站点设置和管理创建和定义站点管理站点文件和目录更新和网站文件6.3 实践操作规划并创建一个简单的网站结构配置和管理Dreamweaver 站点第七章：Dreamweaver 模板和框架7.1 模板的概念和应用理解模板的作用学习如何创建和使用模板掌握模板的插入点和使用技巧7.2 框架和框架集了解框架和框架集的概念学习如何创建和编辑框架掌握框架的布局和内容管理7.3 实践操作创建一个简单的模板文件使用模板创建网站的多个页面制作一个使用框架的网页布局第八章：Dreamweaver 动画和多媒体8.1 动画技术概述了解Dreamweaver 支持的视频和动画格式学习如何插入和编辑动画元素8.2 多媒体元素的应用插入图像、音频和视频设置多媒体属性和行为掌握交互式多媒体元素的制作8.3 实践操作制作一个包含动画和多媒体元素的网页学习使用Dreamweaver 的行为面板为网页添加交互功能第九章：Dreamweaver 网页编程9.1 行为和事件理解行为和事件的概念学习如何使用行为为网页添加功能掌握常见行为的使用方法9.2 JavaScript 基础了解JavaScript 的基本概念学习如何在Dreamweaver 中编写JavaScript 代码掌握Dreamweaver 的JavaScript 调试工具9.3 实践操作编写简单的JavaScript 代码为网页添加功能学习使用Dreamweaver 的JavaScript 面板和调试工具第十章：Dreamweaver 网站发布和维护10.1 网站测试学习网站在不同浏览器和设备上的测试方法掌握网站性能测试和优化技巧10.2 网站发布了解网站发布的流程和注意事项学习如何使用Dreamweaver 发布网站10.3 网站维护和更新学习网站的日常维护和更新技巧掌握网站安全和备份方法10.4 实践操作对一个网站进行全面的测试和优化发布和维护一个简单的网站第十一章：Dreamweaver 数据库和动态内容11.1 数据库基础了解数据库的概念和作用学习如何连接和操作不同类型的数据库11.2 动态内容创建学习如何创建动态网页和表单掌握Dreamweaver 内置的服务器模型和数据源11.3 实践操作连接一个数据库并创建一个动态表单使用Dreamweaver 插入动态内容到网页第十二章：Dreamweaver 扩展性和高级技巧12.1 扩展Dreamweaver学习如何安装和使用Dreamweaver 插件和扩展掌握Dreamweaver 扩展的创建和分享12.2 高级网页技术学习如何使用CSS3 和HTML5掌握响应式设计和移动网页制作技巧12.3 实践操作制作一个使用CSS3 和HTML5 的网页创建一个响应式设计的网页layout第十三章：Dreamweaver 与其他工具的集成13.1 图像和图形编辑工具学习如何使用Adobe Photoshop 和Fireworks 与Dreamweaver 协同工作掌握图像和图形的导入和编辑技巧13.2 代码编辑和调试工具学习如何使用Dreamweaver 的代码编辑功能掌握使用外部代码编辑器和调试工具的技巧13.3 实践操作使用Photoshop 和Fireworks 制作网页素材在Dreamweaver 中导入和应用图像和图形第十四章：Dreamweaver 项目管理和团队协作14.1 项目管理学习如何管理Dreamweaver 项目文件和资源掌握Dreamweaver 项目的备份和版本控制14.2 团队协作了解团队协作的重要性学习如何在团队中使用Dreamweaver 和版本控制系统14.3 实践操作管理一个Dreamweaver 项目并实现版本控制在团队中使用Dreamweaver 进行协作第十五章：Dreamweaver 综合实战项目15.1 项目规划和设计学习如何进行项目规划和设计熟悉项目的时间管理和资源分配15.2 项目实施学习如何实施Dreamweaver 项目掌握项目的时间管理和问题解决技巧15.3 项目评估和优化学习如何评估Dreamweaver 项目的效果掌握项目的优化和维护技巧15.4 实践操作完成一个Dreamweaver 综合实战项目进行项目评估和优化以提高网站质量和性能重点和难点解析重点：Dreamweaver的工作界面和基本操作网页基本结构元素的插入和编辑CSS样式的创建和应用网页布局技术，包括表格布局、CSS布局和响应式布局表单的创建和交互功能的实现网站的管理和站点的设置模板和框架的使用动画和多媒体元素的插入网页编程，包括行为和事件的应用、JavaScript基础网站的测试、发布和维护数据库连接和动态内容的创建扩展性和高级技巧的运用与其他工具的集成和项目管理的实践团队协作和综合实战项目的实施难点：CSS样式的复杂应用和调试网页布局的高级技巧，如响应式布局的实现表单验证和交互逻辑的编写网站管理和站点配置的细节处理模板和框架的精细操作JavaScript代码的编写和调试数据库连接和动态内容的管理扩展性和高级技巧的深入应用团队协作和项目管理的策略制定综合实战项目的规划和实施通过理解和掌握这些重点和难点，学生将能够熟练使用Dreamweaver进行网页制作，并能够应对真实世界的网页设计挑战。
《网页设计与制作》课程标准
《网页设计与制作》课程标准《网页设计与制作》课程标准前言：《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。
本课程定位于WEB技术开发工作岗位。
它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用，一、课程的说明：通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。
为今后从事网页设计与制作、网站开发和管理奠定基础。
在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。
二、课程内容与基本要求：该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：网页设计开发岗位职业能力教学内容（理实一体化课）基本开发工具的使用网页基本概念（第1章）DW CS6软件介绍（第2章）建立与管理站点（第3章）网页基本元素的处理制作主要内容为文本的网页（第4章）插入与编辑图像（第5章）插入多媒体元素（第6章）创建超级链接（第7章）HTML基础（第13章）网页布局表格处理与网页布局（第6章）AP Div的应用（第9章）使用CSS+DIV布局网页（第11章）网页美化CSS样式表（第10章）网页交互行为（第12章）动态网页基础（第15章）网页及元素的复用创建和使用模板（第9章）创建和使用库（第10章）网页与网站基本概念、网页基本组成元素、常用网页制作软件主要教学内容：1.1 网页制作基础知识1.2 网页的基本构成元素1.3 网页制作常用软件和技术第二章Dreamweaver CS6轻松入门（2学时）教学目标：DW CS6软件的安装、用DW建立网页的方法、打开和保存网页的方法主要教学内容：2.1 Dreamweaver CS6工作环境2.2 [插入]栏2.3 Dreamweaver CS6新功能第三章站点的搭建与管理（4学时）教学目标：本地站点与远程站点的概念、站点文件夹的管理主要教学内容：3.1 创建本地站点3.2 管理点站3.3 管理站点中的文件4.3 使用站点地图第四章网站建设规范和基本流程（2学时）教学目标：IIS信息服务器的搭建与管理、建立、发布主页、建立和管理站点主要教学内容：4.1 网站建设规范4.2 网站建设的基本流程第五章创建结构清晰的文本网页（6学时）教学目标：1. 在网页中添加文字和字符2. 使用背景、列表美化文本网页主要教学内容：5.1 设置文本属性5.2 插入其他元素5.3 创建项目列表和编号列表5.4 插入网页头部内容5.5 综合案例-创建基本文本网页第六章创建绚丽多彩的图像和多媒体网页（6学时）教学目标：1. 了解网页中常用的图像格式2. 网页中插入图像的方法3. 网页中插入多媒体的方法主要教学内容：6.1 网页中常用的图像格式6.2 编辑图像6.3 插入多媒体6.4 综合案例-创建图文混排网页第七章创建超级链接（6学时）教学目标：超级链接的概念、文字与网页间的链接、图片热点和锚记主要教学内容：7.1 超级链接的基本概念7.2 创建超级链接的方法7.3 创建各种类型的链接7.4 管理超链接7.5 综合实例第八章使用表格排版网页（6学时）教学目标：1. 表格的编辑处理2. 用表格制作网页元素主要教学内容：8.1 创建表格8.2 设置表格及其元素属性8.3 表格的基础操作8.4 表格的基本应用8.5 综合实例-利用表格排版网页第九章使用DIV和Spry灵活布局网页（4学时）教学目标：1. AP Div的创建2. 在AP Div中插入网页元素3. 设置AP Div的属性主要教学内容：9.1 插入AP Div9.2 设置AP Div属性9.3 使用Spry布局对象第十章使用CSS修饰美化网页（6学时）教学目标：1、CSS样式表的类型2、CSS样式表的创建3、不同样式表的样式应用主要教学内容：10.1 CSS简介10.2 使用CSS10.3 设置CSS样式10.4 CSS滤镜设计特效文字10.5 综合实例第11章CSS+DIV布局方法（6学时）教学目标：盒子模型概念、CSS布局理念、常见布局类型主要教学内容：11.1 初识DIV11.2 CSS定位11.3 CSS布局理念11.4 常见的布局类型第12章使用模板和库提高网页制作效率（6学）教学目标：了解模型的库的概念，会使用库创建项目主要教学内容：12.1 创建模板12.2 使用模板12.3 管理模板12.4 创建和应用库项目第13章使用行为和动作为网页添加活力（6学时）教学目标：重点区分行为、触发事件、动作、对象等概念和区别主要教学内容：13.1 行为的概念13.2 行为的动作和事件13.3 使用Dreamweaver内置行为第14章网站页面布局设计与色彩搭配（2学时）教学目标：网页色彩搭配知识、常见页面版式主要教学内容：14.1 网页版面布局设计14.2 常见版面布局形式14.3 网页色彩搭配知识第15章用表单创建交互式网页（6学时）教学目标：表单的基本概念、常用表单元素的插入方法主要教学内容：15.1 表单概述15.2 创建表单域15.3 插入文本域15.4 复选框和单选按钮15.5 列表和菜单15.6 跳转菜单的使用15.7 使用按钮激活表单15.8 使用隐藏域和文件域15.9 综合案例五、课程实施条件本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。
如何使用AbobeAnimate制作动画
如何使用AbobeAnimate制作动画如何使用Adobe Animate制作动画第一章: 介绍Adobe AnimateAdobe Animate是一款功能强大的动画制作软件，拥有丰富的工具和功能，适用于制作2D动画和交互式内容。
在本章中，将为您介绍Adobe Animate的基本信息和界面。
1.1 Adobe Animate的基本信息Adobe Animate是由Adobe Systems开发的多媒体和动画软件。
它的前身是Flash Professional，用于创建基于向量的互动内容和动画。
Adobe Animate支持多种输出格式，包括SWF、HTML5 Canvas和视频。
1.2 Adobe Animate界面Adobe Animate的界面由几个主要区域组成：舞台、时间轴、属性面板和工具栏。
舞台是您制作动画的主要区域，您可以将图形和对象放置在舞台上。
时间轴用于控制动画的时间和帧率。
属性面板可用于编辑和设置对象的属性。
工具栏提供了各种绘制和编辑工具。
第二章: 创建基本动画在本章中，将为您演示如何使用Adobe Animate创建基本的动画，并了解动画的关键概念和基本工作流程。
2.1 创建新文档首先，打开Adobe Animate并创建一个新的文档。
选择“文件”>“新建”>“新建动画文件”来打开新文档。
在弹出窗口中，您可以设置文档的尺寸、帧速率和背景颜色。
2.2 使用绘图工具在舞台上使用绘图工具，例如画笔和椭圆工具，绘制形状和对象。
您可以选择绘制直线、曲线和填充对象，创建基本图形。
2.3 添加关键帧和补间动画在时间轴上，使用关键帧和补间动画创建动画效果。
选择一个帧，在舞台上修改对象的属性或位置。
然后，在时间轴上选择另一个帧，重新调整对象的属性或位置。
Adobe Animate会自动创建两个关键帧之间的补间动画。
第三章: 进阶动画技巧在本章中，将介绍一些进阶的动画技巧，帮助您创造更生动和复杂的动画效果。
动画概论第三章-动画的基本形态
立体符号指的是偶动画形象，可以是木偶、布偶、纸偶与泥偶等不同 材质的偶像符号。
木偶动画《曹冲称象》
第二章 动画的基本形态
3.1.1 符号
虚拟符号是指通过计算机生成的无实物动画形象。
《怪物公司》
第二章 动画的基本形态
3.1.2 运动
运动的形态在动画中以位移和变形的方式来呈现，即位置的变化与形 状的变化，而这些变化需要对时间进行合理分配才能有变化的意义。
第二章 动画的基本形态
3.3 动画的基本分类 （1）二维动画
②计算机二维动画 借助计算机制作的平面动画，在二维空间里绘制平面活动图画。
采用“单线平涂”的绘制方法制 作的《摩登原始人》
第二章 动画的基本形态
3.3 动画的基本分类 （2）三维动画
三维动画是指利用计算机虚拟“笔”作为塑造虚拟立体角色造型和虚 拟立体环境空间造型的主要表现手段，在虚拟的空间中创作的动画。 如《汽车总动员》《怪物公司》
中国的剪纸动画 《除夕的故事》
第二章 动画的基本形态
3.2.1 影像构成 （2）立体动画影像
将立体形象逐个摆放姿态，然后逐格拍摄而成，也就是指定格方式制 作的动画。
现代偶动画《小鸡快跑》《超级无敌掌门狗》
第二章 动画的基本形态
3.2.1 影像构成 （2）立体动画影像
物质动画中的沙动画和盐动画
第二章 动画的基本形态
3.2.1 影像构成 （3）电脑动画影像
第二章 动画的基本形态
3.2.2 声音构成 如果说运动的质量是动画作品的灵魂，那么声
音就是灵魂的脉搏。 声音指运用人声、音响、音乐等声音元素反映
现实生活所形成的综合听觉印象。 声音不仅能简单地解释画面，还可以作为剧作
网页的组成元素
网页的组成元素包括设计网页时要组织好页面的基本元素，同时再配合一些特效，构成一个绚丽多彩的网页。
网页的组成对象包括文本、图像和超级链接。
内容是网站的灵魂，而文本则是构成网站灵魂的物质基础。
文本与图像在网站上的运用是最广泛的，一个内容充实的网站必然会用大量的文本与图像，然后把超级链接应用到文本和图像上，才能使这些文本和图像“活”起来。
1、文本元素文字是网页的主体。
虽然利用flash、图形文字也可以达到同样的效果，甚至超出纯文本效果，但是网页文字的优势还是无法被取代的。
因为纯文本所占用的存储空间非常小。
然而在页面上用同样的字体显示，会使页面过于呆板。
在页面中适当调整文字的大小、颜色等，也可以改善页面的效果。
1）标题在一个网站的网页或一篇独立的文章中，通常都会有一个醒目的标题。
告诉浏览者这个网站的名字或该文章的主题。
而现在很多网页设计者用图像或者flash动画来代替文字标题。
2）文字大小适当地调整文字大小，可以使文字编排得更生动活泼，达到更好的效果。
3）段落文章段落分明，有层次感，才能让浏览者更好的阅读，也使得页面看起来整洁、美观大方。
4）样式粗体、斜体和下划线是最基本的文字样式，然而在网页中不可过多地应用下划线，那样会使浏览者误以为是超级链接。
在页面的适当位置添加一些字体样式，会使页面更具有观赏性。
5）字体颜色也可以为页面上的字体添加颜色，以强调页面中的重点，使页面也变得绚丽起来。
但是一定要注意颜色的搭配。
在页面上也不能过多地应用颜色，太过华丽反而会引起浏览者的反感。
2、图像图像给人的视觉效果要比文字强烈得多。
灵活应用图像，在网页中可以起到点缀的效果。
但是运用不当，会使网页变得凌乱不堪。
Web页上的图像文字大部分都是使用JPG和GIF 格式。
因为它们除了具有压缩比列高外，还具有跨平台特性。
无论浏览者使用什么样的操作系统，都能够显示这两种图片。
图像在网页中的应用主要有以下几种形式。
1）图像标题一般在网页中都要有标题，用以提示浏览者这个网站是做什么的，起到了导航的作用，应用图像标题可以使网页更加美观。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
GIF格式
GIF全称为“Graphics Interchange Format”，意为可交换图像格式，它是第一个支 持网页的图像格式，在PC机和苹果机上都能被正 确识别。它最多支持256种颜色，可以使图像变 得容量相当小。GIF图像可以在网页中以透明方 式显示，还可以包含动态信息，即GIF动画。
相对路径
URL地址表述源端点到目标端点之间的相对位置，本地
连接时常采用此种方法。
源端点优与点目：标便端于点网在站同移一植个，目如录果下站：点的结构和文 文档名档缺的点如相：：对若fl位源ow/置e目r不.标h变t端m，点链相接对就位不置会发出生错变。化，
链接就会失效。
目标文档在当前目录的子目录中： 子目录名/文档名 如：new/创建列表项再输入文本外，还可以先 输入文本，然后再设置列表项。 1、创建列表
（1）将光标停在要插入列表的地方，单击属 性面板 “编号列表”或“项目列表”。
（2）选中要成为列表的所有段落，单击按钮 即可；取消方法相同。
2、在结束列表的位置，连续输入两次回车或再次
单击该按钮。
3、使用插入特殊字符面板
2、文本属性(文本属性即文字的大小、字形、颜色等格式)
(1)基本样式设置 [属性面板]
格式： 段落 标题1—标题6（从大到小） 预先格式化
字体： 字体的编辑 字符的颜色、大小、加粗倾斜等
(2)段落属性设置 对齐方式 缩进与凸出
二、列表的使用
列表：将具有先后顺序或相似特性的几行文 字进行对齐排列，而且在左侧添加编号或符号。
图像边距
选取图像在属性面板的“垂直边距”和“水 平边距”文本框中可以设置图像与页面上方和 左侧之间的距离，也可以设置图像与其它网页 元素之间的距离。
图像边框
选取图像后，在属性面板的“边框”文本框 中可以设置图像边框的宽度，单位为像素，“0” 表示无边框。
占位符插入
制作网页时还未选定需插入的图像，但确定 了图像大小的时候，可以使用图像占位符来代 替图像的方式插入到文档中。
无序列表
无序列表又称为项目列表，是一系列无顺序级 别关系的项目文本组成的列表，一般前面是用项 目符号作为前导字符。
有序列表
有序列表又称为编号列表，是有一定排列顺 序的列表，一般前面有数字前导字符，其中前 导字符可以是阿拉伯数字、英文字母或罗马数 字等。
创建嵌套列表
嵌套列表是包含在其它列表中的列表。
JPEG格式
JPEG全称为“Joint Photographic Experts Group”，意为联合图像专家组，它可以高效 地压缩图片，丢失人眼不易察觉的部分图像， 使文件容量在变小的同时基本不失真，通常用 来显示颜色丰富的精美图像。
PNG格式
PNG全称为“Portable Network Graphics”， 意为便携网络图像，它是逐渐流行的网络图像格 式。PNG格式既融合了GIF能透明显示的特点，又 具有JPEG处理精美图像的优势，且可以包含图层 等信息，常常用于制作网页效果图。
链接目标文件。 将“指向文件”图标拖到文件面板中目标文件上。 3、选择目标文档打开的位置 _blank：用新窗口显示链接网页或文档。 _self：在本窗口中打开链接网页或文档。 _parent：在父窗口中打开链接网页或文档。（主
要用于框架结构的页面。） _top：将链接文件载入整个浏览器窗口。（主要用
于框架结构的页面。）
创建热点链接
1、热点链接 热点链接是指将一张图像分成若干个区域，每
个区域建立不同链接。 2、创建步骤
选择图像。 设立热点区域
矩形热点工具 椭圆热点工具 多边形热点工具 选择热点，建立链接。
创建锚记链接
1、锚记 在网页中指定位置处的像“锚”一样的记号，
用来作为链接目标的一个标记。 2、锚记链接的创建
3、列表嵌套
选中要缩进的项目或光标移动到要缩进的某一
项列表中，单击“文本缩进”按钮。 4、更改列表的属性(属性面板中的“列表项目”)
光标移到要修改列表属性的任一项中，点击 “列表属性”按钮，修改。
标尺
标尺分为水平标尺和垂直标尺，分别显示 在Dreamweaver 文档编辑区的上方和左侧。
标尺的单位包括像素、厘米和英寸，在 默认状态下使用像素为单位。
二、鼠标经过图像 三、导航条 四、Flash动画
五、日期对象
1、日期对象的作用 在网页中插入当前日期
2、步骤： 打开“插入日期对话框” 选择日期时间格式 “确定”
添加水平线
在文档编辑区将插入点定位到所需位置，选择 插入/HTML/水平线菜单命令或单击“插入”栏中 “HTML”选项卡,在其中单击 按钮即可添加 水平线。
目标文档在当前目录之外其它目录中： ../文档名，../../目录名/文档名
如：../index.htm，../../myself/myweb.htm 根目录相对路径
从站点文件夹到文档的路径。（实际很少使用）
创建通用链接
1、选择链接载体 2、创建链接方法
在属性面板的文本框中输入路径或完整URL 单击“链接”文本框右侧“浏览文件”按钮，选择
网格
网格与标尺都是定位工具，但在网页布局中 使用网格更方便。文档编辑区中显示了网格 后，就可以对网页元素进行准确定位。
第二节 图像
一、图像文件的类型
二、插入图片对象 三、设置对象属性
1、选中图像 2、在属性面板中设置各属性
名称：脚本引用中所使用的名称。 宽与高：图像的大小。 源文件：图a.拖像动文图件像的上路的径控制。点。
3、设置导航条
4、修改导航条：
“修改”在菜“单插中入导的航导条航”条对命话令框中。，单击加号按钮，
注意：
继续添加。单击向上和向下按钮，调节导航 按钮间的顺序。
一个网页只允许有一组导航条。
Flash动画
一、步骤 1、打开“选择文件”对话框
菜单法 1、动画编辑工具 按钮法 动画分为Flash制作的动画和Fireworks 2、选择动画文制件作的Gif动画。 3、浏F览lash文件2ab、..类动GFil型画fa动s：插h画制.入f和作方l静的a法、态动.的画s图，wf像可、的通.s插过w入插t、方入.法面e相板xe同的。 网页中Fl“as插h入文F件la类sh”型按：钮，.格sw式f、为：..sswwtf。 二、设置动画对象的属性（属性面板）
修改水平线
初始绘制的水平线的格式往往不能满足实际 需要，此时可通过属性面板对其进行修改。
鼠标经过图像
1、特点: 当用户将鼠标移动到图像上时,图像变成另
一幅图像,鼠标移开时恢复原状。 2、插入“鼠标经过图像”步骤
准备两幅图像 打开插入“鼠标经过图像”对话框：
菜单法：“图像”/“鼠标经过图像”。 按钮法：“常用”选项卡“鼠标经过图像”按钮
图像插入
新建空白HTML文档。 打开“选择图像源”对话框：
菜单命令 单击按钮 拖动图像按钮 选择图像的路径名，单击“确定”按钮。 在询问“是否”将图片复制到当前站点文件 夹中时单击“是”按钮。 设置图片文件保存路径。 注意：
1、如果网页中插入的对象不在当前站点中，在
IE浏览器中可能不会正常显示,图像文件名最好用
外部链接：与链本接站、点图外像其链它接文、档图链像接的。热区链接、轮转图
E-mail链接：链通接过和O导ut航lo条ok链打接开等E-。mail窗口。
锚记链接：与本网页或其它网页的特定位置链接。
虚拟链接：单击链接不会跳转到其它任何地方，只 使页面产生一些变化。
绝对路径和相对路径
绝对路径（特点：与链接的源端点无关。 ）
第四节 超级链接
一、超级链接
1、概念 超级链接是指超级站链点接内是不因同特网网最页伟之大间特、性站之点一，与可We以b 之间的链接关系实现，在它不可同以的使UR站L之点间内跳的转。网页成为有机 的整体，还能够源锚使可不以同是站一点段之文本间、建一立幅联图系像。、图像的 超级链接由两热目区 标部等锚分；可组以成是：一链个网接页载、体一（幅源图端像点、）一和段 链接目标（目标声端音点、）一。段程序、网页某一位置等。 2、超级链接的载体和种类
设置对话框中
“原始图像”和“鼠标经过图像”。
预载“鼠标经过图像”：图像预先载入内 存。
替换文本：指向图像时的提示文字。 前往的URL:单击时的超级连接。 预览
导航条
一、导航条的作用：打开所连接的网页。 二、创建步骤： 1、准备图像集起导：航一作般用有，4是幅以图图片
一般状态 像做链接的。 鼠标经过 鼠标按下 按下鼠标经过 2、打开插入导航条对话框 菜单法 按钮法
3、绝对路径与相对路径 二、创建通用链接 三、创建热点链接 四、创建锚记链接 五、创建E-mail链接 六、虚拟链接及脚本链接
超级链接的载体和种类
1、链接的载体 文字、图片、图片热外内区部部、链链鼠接接标用用经绝相过对对图地地像址址和表表导示示航；。条等。
2、超级链接种类
按链接的目标分为：
内部链接：与本站点中其它文档链接。 按链接载体形式超级链接可以分为：文字
图像大小处理
当用户在网页中添加一幅大尺寸的图像时，即使用 【宽】和【高】文本框或拖动方式将图像调小，因 图像的容量并未改变，仍然会影响下载时间。因此， 在加入图像之前，最好用Fireworks或Photoshop之 类图像处理软件将图像尺寸设置好。
地图名称和热点工具：一般在指向图像某一点时设 置超级链接时用。
（1）创建锚记 定位光标 打开命名锚记对话框 菜单法：“插入”/“命名锚记” 按钮法：“插入面板”中“常用” 选项卡“命名锚记”按钮
在对话框中输入锚记名称，“确定”。 （2）锚记和目标在一个网页中的链接
选择链接目标，采用以下方法： 在属性面板的链接文本框中输入：#锚