网页设计与制作_课堂教学.ppt

Flash动画 随着Internet技术的发展，网页上出现了越来越多的Flash动画。Flash动画已经成为当今网站不可缺少的部分，美观的动画能够为网页增色需要具有，从而吸引更多的浏览者。Flash动画不仅需要对动画制作软件非常熟悉，更重要的是设计者独特的创意。 多媒体 多媒体网页元素中，除了文本、图像和Flash动画外，还有声音、视频等其他媒体。 声音是多媒体网页中的一个重要组成部分，可以将某些声音添加到网页中。在添加声音前，需要考虑的因素包括其用途、格式、文件大小、声音品质及浏览器差别等。不同浏览器对声音文件的处理方法有所不同，彼此之间可能不兼容。 用于网络的声音文件格式非常多，常见的有MIDI、WAV、MP3和AIF等。在使用不同格式文件时，需要加以区别。很多浏览器不用插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要用专门的浏览器插件播放。 视频文件的采用使网页变得精彩而富有动感。视频文件的格式也非常多，常见的有RM、MPEG和AVI等。 1.4.2网页设计的原则 ● 整体规划 ● 鲜明的主题 ● 善用图像 ● 醒目的导航 ● 及时更新 ● 易记的网站名称 ● 通用网页 ● 动画适量 1.4.3网页设计的一般步骤 ● 规划网站 ● 收集整理资源 ● 配置站点 ● 创建页面 ● 测试站点 ● 发布站点 ● 维护、更新站点 1.4.4 网页制作工具介绍 1、网页编辑工具 2、素材处理与创作工具 图像浏览与处理 矢量图创作工具 多媒体制作工具 特效制作工具 网页编辑工具 Macromedia Dreamweaver Microsoft FrontPage Adobe GoLive SoftQuad HotMetal 素材处理与创作工具 1、图像浏览与处理 ACDSee Photoshop Fireworks PhotoImpact 2、矢量图创作工具 FreeHand CorelDraw Illustrator 3、多媒体制作工具 Flash Director Authorware LiveMotion 4、特效制作工具 ● Anfy ● Cool 3D ● GIF Animator 2 Dreamweaver 8基础—安装 使用Dreamweaver 8制作网页之前，需先将该软件安装到电脑中，其方法与安装其他软件相似，用户可根据提示操作。 2 Dreamweaver 8基础—启动 Dreamweaver 8基础—界面 Dreamweaver 8的操作界面是由标题栏、菜单栏、插入栏、文档窗口、状态栏、属性面板以及多个浮动面板组成。 2.3.1 菜单栏 2.3.2 插入栏 2.3.3 浮动面板 2.3.4 【属性】面板 2.3.5 文档窗口 Dreamweaver 8基础—菜单栏 菜单栏中共包含10个菜单项，分别是【文件】、【编辑】、【查看】、【插入】、【修改】、【文本】、【命令】、【站点】、【窗口】和【帮助】，如图所示，下面逐一介绍每个菜单的功能。 2 Dreamweaver 8基础—插入栏 插入栏包含各种类型的对象，如图像、表格和层。每个对象都是一段HTML代码，允许在插入时设置不同的属性，可以通过单击插入栏中的按钮插入表格，也可以不使用插入栏而使用插入菜单插入对象。如图所示。 2 Dreamweaver 8基础—浮动面板 Dreamweaver 8中的面板统称为浮动面板，这些面板浮动于文档窗口之外，如图所示，若要展开一个面板，单击面板名称左侧的展开箭头。 Dreamweaver 8提供了多种面板，可以利用【窗口】的子菜单命令打开。 2 Dreamweaver 8基础—属性面板 【属性】面板如图所示，用于显示网页中各个元素的相关属性，用户可以通过设置【属性】面板中的各选项，对网页中的各个属性做精确的修改。 【属性】面板的内容会随当前所选定元素的不同而发生变化，在以后的章节中将结合具体的实例来讲述具体的设置。对于【属性】面板所做的大多数设置会立刻应用到文档窗口中。但是对于有些属性，则要在属性编辑文本域外单击并按Enter键，或者按Tab键切换到其他属性才会使更改生效。 2 Dreamweaver 8基础—文档窗口 如图是文档窗口，文档窗口用于显示当前创建和编辑的网页文档。可以在设计视图、代码视图、拆分视图中查看文档内容。 2 Dreamweaver的基本操作—新建网页 (1)启动Dreamweaver 8软件。选择【文件】|【新建】命令，弹出【新建文档】对话框，在对话框中选择【类别】列表框的【基本页】选项，在【基本页】列表框中选择HTML选项。 (2)单击【创建】按钮，显示创建的HTML网页编辑窗口。 (3)选择【文件】