《网页设计基础教程与上机指导(第2版)》第23章:Fireworks 8快速入门
为一个对象出现在文档窗口中, 在Fireworks 8中输入的文本会作为一个对象出现在文档窗口中,可以 中输入的文本会作为一个对象出现在文档窗口中 像选择其他对象一样选择文本,然后对其进行编辑。 像选择其他对象一样选择文本,然后对其进行编辑。 (1) 在工具箱中选择【文本】工具,在文字上进行单击,如图 在工具箱中选择【文本】工具,在文字上进行单击,如图23.26所 所 此时【属性】面板如图23.27所示。 所示。 示。此时【属性】面板如图 所示 (2) 单击【字体】右边的下拉按钮,在弹出的下拉列表中设置需要的字 单击【字体】右边的下拉按钮, 体。 (3) 单击【颜色框】右下角的颜色按钮,在弹出的菜单中选择需要的颜 单击【颜色框】右下角的颜色按钮, 色。
23.2 Fireworks 8的工作环境 8的工作环境
Fireworks 8的工作界面主要有标题栏、菜单栏、工具箱、 的工作界面主要有标题栏、 的工作界面主要有标题栏 菜单栏、工具箱、 文档窗口、浮动面板和属性面板组成,如图23.2所示为 文档窗口、浮动面板和属性面板组成,如图 所示为 Fireworks的工作环境。 的工作环境。 的工作环境 1. 菜单栏 2. 状态栏 3. 工具箱 4. 文档窗口 5. 属性面板 6. 浮动面板
23.3 编辑位图图像
Fireworks 8提供了大量的工具来编辑位图 提供了大量的工具来编辑位图 图像。在编辑图像时,常用的工具有【 图像。在编辑图像时,常用的工具有【套 刷子】 红眼消除】 用】、【刷子】和【红眼消除】等。 23.3.1 使用套索工具编辑位图图像 23.3.2 使用刷子工具编辑位图图像 23.3.3 使用红眼消除工具编辑位图图像
23.5.3 附加文本到路径
一般文字都按照横排或者纵排直线排列, 一般文字都按照横排或者纵排直线排列,还可以按照一个任意 路径的形态排列。附加文本到路径的具体操作步骤如下。 路径的形态排列。附加文本到路径的具体操作步骤如下。
– (1) 使用工具箱中的【多边形】工具,在文档中绘制一个多边形,如图 使用工具箱中的【多边形】工具,在文档中绘制一个多边形, 23.28所示。 所示。 所示 – (2) 使用工具箱中的【文本】工具,在文档中单击输入文本,如图 使用工具箱中的【文本】工具,在文档中单击输入文本, 23.29所示。 所示。 所示 – (3) 选中多边形,按住 选中多边形,按住Shift键的同时选择文字,选择【文本】|【附加 键的同时选择文字, 键的同时选择文字 选择【文本】 【 到路径】命令,将文本附加到路径,如图23.30所示。 所示。 到路径】命令,将文本附加到路径,如图 所示
23.3.2 使用刷子工具编辑位图图像
【刷子】工具是一个非常易用但又非常不容易控制的工具。说其不容易 刷子】工具是一个非常易用但又非常不容易控制的工具。 控制,主要是因为该工具的设置非常繁琐, 控制,主要是因为该工具的设置非常繁琐,在平面设计软件区域还是不 多见的。说其易用,主要是因为该工具是一个自由的绘图工具, 多见的。说其易用,主要是因为该工具是一个自由的绘图工具,只要使 用鼠标拖曳即可实现。使用刷子工具绘图的具体操作步骤如下。 用鼠标拖曳即可实现。使用刷子工具绘图的具体操作步骤如下。
23.4 编辑矢量图形
对于一次绘制的图形,很难符合要求, 对于一次绘制的图形,很难符合要求,所以经常需 要对其进行编辑修改。 要对其进行编辑修改。 编辑矢量图形之前,需先选取要修改的图形对象, 编辑矢量图形之前,需先选取要修改的图形对象, 在Fireworks 8中,主要使用【指针】工具、【选 中 主要使用【指针】工具、 择后方对象】工具和【部分选取】工具, 择后方对象】工具和【部分选取】工具,如图 23.17所示。 所示。 所示
在【属性】面板中可以进行如下设置。 属性】面板中可以进行如下设置。
– 【笔触颜色】:单击【颜色】按钮,在弹出的颜色框中设置刷子的【颜色】。 笔触颜色】 单击【颜色】按钮,在弹出的颜色框中设置刷子的【颜色】 在其右边的文本框中设置刷子的【大小】 单击其右边的列表框, 在其右边的文本框中设置刷子的【大小】。单击其右边的列表框,在弹出的 菜单中设置刷子的【描边】种类。 菜单中设置刷子的【描边】种类。 – 【纹理】:在该选项的下拉列表中可以选中要使用的各种纹理选项。 纹理】 在该选项的下拉列表中可以选中要使用的各种纹理选项。
第23章 Fireworks 8快速入门 23章 8快速入门
教学提示和教学目标 23.1 Fireworks 8概述 概述 23.2 Fireworks 8的工作环境 的工作环境 23.3 编辑位图图像 23.4 编辑矢量图形 23.5 对文本的编辑
教学提示和教学目标
– – – – 1. 选取单个对象 2. 选取多个对象 3. 选取被遮挡的对象 4. 转换为位图图像
23.5 对文本的编辑
的文件中, 在Fireworks 8的文件中,文本作为一个对 的文件中 象整体而被保存和控制。 象整体而被保存和控制。用户可以在文件的 任意位置输入文本, 任意位置输入文本,然后将输入的文本作为 对象在文件中进行处理。 对象在文件中进行处理。 23.5.1 输入文本 23.5.2 编辑文本 23.5.3 附加文本到路径 23.5.4 转换文本为路径
23.1 Fireworks 8概述 8概述
Fireworks是第一个为网页制作而设计的图像处理软件,能使图像以最简洁的 是第一个为网页制作而设计的图像处理软件, 是第一个为网页制作而设计的图像处理软件 方式在网页中显示出最好的效果, 方式在网页中显示出最好的效果,它最为突出的功能是可以导入多种格式的图 像文件,包括Macintosh的PICT文件,Freehand、Illustrator和CorelDraw 文件, 像文件,包括 的 文件 、 和 等软件制作的矢量文件, 编辑处理过的PSD文件以及常用的 文件以及常用的GIF、 等软件制作的矢量文件,Photoshop编辑处理过的 编辑处理过的 文件以及常用的 、 JPEG、BMP和TIF等格式的文件,甚至还可以导入 等格式的文件, 码的TXT文本文件, 文本文件, 、 和 等格式的文件 甚至还可以导入ASCII码的 码的 文本文件 而且Fireworks 8还可以辨识矢量文件中的绝大部分标识和 还可以辨识矢量文件中的绝大部分标识和Photoshop文件中 而且 还可以辨识矢量文件中的绝大部分标识和 文件中 的图层。作为一款专门为网页制作而设计的图像处理软件, 的图层。作为一款专门为网页制作而设计的图像处理软件,Fireworks 8卓越 卓越 的切割和优化导出功能使得用户可以直观简便地找到图像质量与下载速度之间 的最佳平衡点。 系列的最新版本, 的最佳平衡点。Fireworks 8是Fireworks系列的最新版本,首先对工作界面进 是 系列的最新版本 行了改进,使之和Dreamweaver8、Flash 8的界面统一;其次增强了部分功 的界面统一; 行了改进,使之和 、 的界面统一 并对从前版本中已有功能的实现进行了简化。如图23.1所示是 所示是Fireworks 能,并对从前版本中已有功能的实现进行了简化。如图 所示是 8的启动界面。 的启动界面。 的启动界面
23.5.1 输入文本
当要在文档窗口中输入文本时,选择工具箱中的【文本】工具进行输入。 当要在文档窗口中输入文本时,选择工具箱中的【文本】工具进行输入。 输入文本之前,首先要创建文本块, 输入文本之前,首先要创建文本块,文本块按照不同的创建方式可以分 成两类,分别是自动调节大小的文本块和固定宽度文本块。 成两类,分别是自动调节大小的文本块和固定宽度文本块。
教学提示: 是创建、 教学提示:Fireworks 8是创建、编辑和优化网页图像的多功能应用程序。 是创建 编辑和优化网页图像的多功能应用程序。 随着该软件版本的不断升级,其功能也在不断加强,因此Fireworks 8受 随着该软件版本的不断升级,其功能也在不断加强,因此 受 到越来越多图像网页制作者的青睐。目前最新的版本Fireworks 8中文版 到越来越多图像网页制作者的青睐。目前最新的版本 中文版 更是以它方便快捷的操作模式,以及在位图编辑、矢量图形处理与GIF动 更是以它方便快捷的操作模式,以及在位图编辑、矢量图形处理与 动 画制作功能上的多方面优秀整合,赢得诸多好评。 画制作功能上的多方面优秀整合,赢得诸多好评。本章主要介绍 Fireworks 8的概述以及 的概述以及Fireworks 8的工作环境。通过本章的学习,读 的工作环境。 的概述以及 的工作环境 通过本章的学习, 者可以快速了解、熟悉Fireworks 8。 者可以快速了解、熟悉 。 教学目标: 教学目标: – 熟悉 熟悉Fireworks 8的基础知识 的基础知识 – 熟悉 熟悉Fireworks 8的工作环境 的工作环境 – 掌握位图图像的编辑 – 掌握矢量图形的编辑 – 掌握对文本的编辑 – 掌握网页特效文字的制作
– (1) 打开图像文件,选择工具箱中的 打开图像文件, 套索】工具。 【套索】工具。 – (2) 拖曳鼠标在要进行选取的区域边 缘进行勾勒,如图23.10所示。 所示。 缘进行勾勒,如图 所示 – (3) 当要封闭选区时,可以将鼠标放 当要封闭选区时, 置到开始处,再释放鼠标, 置到开始处,再释放鼠标,此时软件 将在开始处和结尾处连成一条直线进 行封闭。 行封闭。
– 2. 固定宽度文本块
» (1) 在工具箱中选择【文本】工具。 在工具箱中选择【文本】工具。 » (2) 将鼠标指针置于文档中,在需要创建文本的位置拖动鼠标,创建一个文本框, 将鼠标指针置于文档中,在需要创建文本的位置拖动鼠标,创建一个文本框, 如图23.24所示。 所示。 如图 所示 » (3) 使用键盘或者其他方式输入文本,如图 使用键盘或者其他方式输入文本,如图23.25所示。 所示。 所示
23.3.1 使用套索工具编辑位图图像
使用【套索】 使用【套索】工具选择的区域形状 是不规范的,【套索】工具在图像 是不规范的, 套索】 中选择自由变形区域。使用【套索】 中选择自由变形区域。使用【套索】 工具的具体操作步骤如下。 工具的具体操作步骤如下。
fireworks课件
Macromedia Fireworks 8
一、Fireworks 工作界面介绍 二、动画制作 三、切片和热点 四、行为 五、优化和导出
Fireworks 工作界面介绍
绘图编辑区是编辑图形图像的工作区 工具箱与工具栏提供了常用的绘图工具和编辑工具 控制面板主要有【层】、【帧】、【优化】和【历史】 等面板组成,用于设置动画、优化和简化工作流程等 行为。 菜单栏主要包括【文件】、【编辑】、【视图】、 【选择】、【修改】、【文本】、【命令】、【滤 镜】、【窗口】和【帮助】10个菜单,主要负责工具 箱与工具栏没有的其他一些复杂命令与行为。
菜单栏 工具栏
控制 面板 绘图编 辑区 工具箱
属性检 查器
工具箱
选取工具组 变换工具组
部分选定工具 切割工具组
选取框工具组 魔术棒工具 铅笔工具 模糊工具组
套索工具组 刷子工具 橡皮擦工具 橡皮章工具
工具箱
直线工具 矩形工具组 自由路径工具组
钢笔工具组Байду номын сангаас文本工具 刻刀工具
热区工具组 隐藏热区和切片
行为——fireworks自带的行为 自带的行为 行为
简单变换图像行为 交换图像行为 添加状态栏信息 添加导航栏 添加弹出菜单
注:切换到fireworks
动画制作
行为
行为就是在网页中进行的一系列动作。通过这 些动作,可是实现用户同网页的交互或导致某 个任务的执行。通常一个行为由一个事件和一 系列动作组成。 举个例子,用户将鼠标移动到一副图像上,这 就产生了一个事件,如果这时候图像发生变化, 就导致了一系列动作发生。
行为
Fireworks的行为可以通过行为面板进行添加 和编辑。 不是所有对象都能添加行为的, Fireworks只 允许为热区或切片添加行为。
网页设计与制作(附微课视频第2版)参考答案
⽹页设计与制作(附微课视频第2版)参考答案第⼀章习题参考答案⼀、选择题1、A2、A3、B4、C5、A、B、C、D6、A、C、D7、B8、C9、B⼆、简答题1.答:URL是UniformResourceLocation的缩写,译为“统⼀资源定位符”,URL是Internet 上⽤来描述信息资源的字符串,主要⽤在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。
采⽤URL可以⽤⼀种统⼀的格式来描述各种信息资源,包括⽂件、服务器的地址和⽬录等;2答:⽂本、图像、动画、视频等。
3.答:⽹页结构语⾔的作⽤是将⽹页需要的内容以结构化、模块化的⽅式总结和存储,供表现语⾔和⾏为进⾏调⽤。
⽹页结构语⾔包括可扩展超⽂本标记语⾔XHTML 1.0和HTML 5等两种结构语⾔。
其中,XHTML 1.0为当前被⼴泛使⽤的标准,⽽HTML 5标准则是⽹页未来将被使⽤的标准。
⽹页表现语⾔的作⽤是为⽹页的结构语⾔定义尺⼨、位置、背景,以及⽂本的各种效果。
⽬前⽹页表现的国际标准语⾔为CSS 样式表技术。
⽹页结构语⾔和⽹页表现语⾔共同作⽤可以为⽤户呈现⽹页的整体画⾯,然⽽,⽹页是⼀种交互性的媒体,其除了可以呈现内容外,还可以根据⽤户的界⾯操作响应各种事件,此时,就需要⽤到⽹页的⾏为语⾔。
⽹页的⾏为语⾔包括多种类型,例如,JavaScript、JScript以及VBScript等。
4.答:⼀个完整的HTML5⽂档包含声明、头部和主体三个部分组成。
第⼆章习题参考答案⼀、选择题1.A、B2.A3.B4.D5.D6.D7.C⼆、简答题1.答:(⼀)⽹站功能需求分析;(⼆)⽹站的策划,本阶段主要包含⽹站栏⽬,内容,产品提炼等等;(三)⽹站设计,根据策划开始进⾏设计;(四)程序代码的开发;(五)上线测试;(5)后期维护;2.答:(1)对称与均衡对称分为左右对称、上下对称、重复对称、旋转对称等形式。
对称的造型在⼤⾃然中⽐⽐皆是,同时也是版式设计常⽤的构成形式。
fireworks教程
fireworks教程Fireworks是一款由Adobe公司开发的图形编辑软件,主要用于创建和编辑Web图像,特别适用于设计师和开发人员在制作网站时进行图像处理和优化。
本教程将介绍Fireworks 的基本功能和使用方法,帮助读者快速上手并提升其设计能力。
简介Fireworks是一款在Adobe Creative Suite软件套件中独立存在的软件,最早被设计用于处理和优化Web图像。
它的特点是集成了矢量图形编辑器和位图编辑器的功能,能够同时处理SVG、PNG、GIF、JPEG等多种图像格式。
Fireworks的设计理念是帮助用户快速创建和编辑Web图像,提供丰富的工具和特效,支持切片和优化,以及生成HTML和CSS代码。
下载和安装Fireworks可以通过Adobe官方网站下载安装程序。
安装过程与大多数软件相似,跟随提示完成即可。
安装后,启动软件并进入主界面。
界面概览Fireworks的主界面分为几个主要区域:1.菜单栏:包含各种工具和功能的菜单。
2.工具栏:包含常用工具的按钮,用于选择和应用工具。
3.画布:用于显示和编辑图像的区域。
4.图层面板:显示和管理图像的各个图层。
5.属性面板:用于调整和修改工具和图层的属性。
基本操作创建新文档要创建新的Fireworks文档,请执行以下操作:1.单击菜单栏中的“文件”>“新建”。
2.在弹出的对话框中,设置文档的尺寸、分辨率和背景颜色等选项。
3.单击“确定”创建新文档。
绘制基本图形Fireworks提供了多种绘图工具,可以帮助用户创建各种基本图形。
以下是创建基本图形的一般步骤:1.选择合适的绘图工具,例如矩形工具或椭圆工具。
2.在画布上单击并拖动,绘制出所需大小的图形。
3.在属性面板中设置图形的颜色、边框大小和样式等属性。
编辑图像Fireworks提供了丰富的编辑工具和功能,可以对图像进行调整和修改。
以下是一些常用的图像编辑操作:1.裁剪图像:选择裁剪工具,拖动鼠标选择要保留的区域,点击“裁剪”按钮完成裁剪操作。
《网页设计与制作》讲义-专题1 网页设计基础知识
专题1 网页设计基础知识1.1 认识网站、网页与主页1.1.1什么是网页网页(Web页)实际上就是HTML文件,是一种可以在WWW网上传输,并能被浏览器认识和翻译成页面的文件。
HTML是“HyperText Markup Language”的缩写,意为“超文本标记语言”,它是一种规范,一种标准。
它是纯文本格式的,用任何文本编辑器都可以打开编辑。
网页包括的主要元素有:文本、图像、动画、声音、视频、超链接、表格、表单等。
由于多数网页一般均有文字、图像、图形、动画、音频、视频等多媒体信息,具有超链接、并可与网络链接,因此这就使人们登上站点以后,便可以看到五彩缤纷的界面。
那么,这些五彩缤纷和千姿百态的Web网页是如何制作出来的?制作好网页以后又如何将它发布到Internet上?这些问题正是本课程所要阐述的主题。
1.1.2什么是网站多个相互之间具有一定联系的网页就构成了一个网站。
网站用于存储提供给用户浏览的网页文件。
它也是一种文档的磁盘组织形式,由文档和若干文件夹组成,文档经过组织分类分别放在不同的文件夹中。
网站存储在服务器或服务器的虚拟主机上,接受访问者通过WWW域名的访问。
网站是具有独立域名、独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其它文件,一个网站不一定要有很多网页,主要是有独立域名、独立存放空间,即使只有一个页面,也叫网站。
网站按照其内容可以分为以下几类:1、企业网站:围绕企业、产品及服务信息进行网络宣传,通过网站树立企业网络形象。
2、个人网站:个人为了兴趣爱好或为了展示个人等目的而建的网站,具有较强的个性化特色。
3、门户网站:提供综合性互联网资源的网站。
国内著名三大门户网站:网易、搜狐、新浪。
4、机构网站:政府机关、相关社团组织或事业单位建立的网站。
以机构或社团形象宣传和政府服务为主。
5、娱乐网站:提供娱乐信息、流行音乐、视频等娱乐内容为主的网站。
6、电子商务网站:依靠因特网来完成商业活动的各个环节的网站,如卓越、当当、淘宝、易趣、拍拍等。
FIREWORKS8标准实例教程教程配套全册教学课件
1.分组和移动面板 Fireworks自动把功能相近的面板停靠在同一个面板停靠架上,选择
其中一个面板,整个面板停靠架便会一起出现。也可以手动对浮动面 板进行停靠和拆分操作。
1.3.2 菜单的使用
Fireworks 8菜单的使用方法与其它Windows应用软件完全一致。在此 不再赘述。
1.3.3 工具箱的使用
Fireworks的工具箱通常固定在窗口的左边,主要由选择工具、位图工 具、矢量工具、网页工具、颜色工具、视图工具组成。那些带有黑色 小箭头的工具按钮即是一个工具组,其中包含了一些相同类型的工具。
1.3 基 本 操 作
1.3.1 认识Fireworks 8的工作界面 单击【开始】/【程序】/【Macromedia】/【Macromedia Fireworks 8】
命令启动Fireworks 8软件。 Fireworks 8的工作界面主要由标题栏、菜单栏、常用工具栏、工具箱、
修改工具栏、编辑窗口及多个面板组成。编辑窗口是用户使用 Fireworks进行创作的主要工作区。文档编辑窗口顶部有4个选项卡, 用于控制文档编辑窗口的显示模式。
第一章 初识Fireworks 8
1.1 Fireworks 8的新功能
1.Fireworks 8不仅继承了以往Fireworks的强大功能,还增添了许多新的特性。 下面我们看一下它与以前的版本相比有哪些改进。
2.新增〖图像编辑〗面板,使用该面板可以快捷地访问常用的图像编辑工具、 滤镜和菜单命令。
1.2.2 分辨率 分辨率是位图特有的概念,图像的分辨率是指单位长度上的像素数,通常用
每英寸中的像素数来表示(即ppi)。图像的分辨率越高,构成图像的像素数 就越多,相应地,图像文件也就越大。在处理网页图像时,一定要平衡好图 像的色彩品质和网络传输速度之间的关系。 设计处理网页图像时,一般地,PC机的分辨率是 96 ppi,苹果机的分辨率是 72 ppi。
《网页设计与制作》笔记_学习笔记
《网页设计与制作》笔记第一章:网页设计基础1.1网页设计的定义与重要性1.2网页设计的历史与发展1.3设计原则与最佳实践1.4用户体验的基本概念第二章:网页设计工具与技术2.1设计软件介绍(如Photoshop、Sketch)2.2前端开发工具(如HTML、CSS、JavaScript)2.3响应式设计与框架(如Bootstrap、Foundation)2.4版本控制与协作工具(如Git、GitHub)第三章:网页布局与结构3.1网页布局的基本概念3.2网格系统与布局设计3.3导航设计与信息架构3.4模块化设计与组件化开发第四章:色彩与字体选择4.1色彩理论与配色技巧4.2字体的选择与排版4.3色彩与品牌形象4.4可访问性与色彩使用第五章:网页内容与互动5.1内容策略与信息呈现5.2图像与多媒体的使用5.3互动设计与用户反馈5.4SEO基础与内容优化第六章:网页测试与上线6.1测试类型与测试工具6.2性能优化与加载速度6.3上线流程与维护建议6.4数据分析与用户行为追踪第1章:网页设计基础网页设计的定义与重要性网页设计是指为网站创建和布局视觉内容的过程。
这包括网页的整体外观、结构和交互功能。
网页设计不仅涉及视觉元素的排版和配色,还包括用户如何与网页互动。
一个好的网页设计能够提升用户的体验,增加网站的访问量和转化率。
重要性:1.吸引用户:优秀的网页设计能够第一时间吸引用户的注意,提高用户的留存率。
2.增加可用性:良好的设计帮助用户更容易找到他们所需的信息,减少用户的挫败感。
3.提升品牌形象:专业的网页设计能够增强品牌的可信度和专业形象。
4.搜索引擎优化:设计良好的网页更容易被搜索引擎抓取,从而提升网站在搜索结果中的排名。
考试要点:网页设计的定义及其组成部分网页设计对用户体验和品牌形象的影响网页设计在市场营销中的作用网页设计的历史与发展网页设计的起源可以追溯到20世纪90年代初。
当时网页主要是以文本为主,简单的超链接连接不同的信息。
Fireworks8使用基础优秀课件
中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口旳底部,其中旳参数伴随绘图窗口中旳对象 不同而变化,如下图所示。当编辑矢量图形时,属性面板中会出现笔触、 填充、滤镜等参数设置选项;而当编辑位图图像时,属性面板只出现滤 镜参数设置选项。灵活利用属性面板旳各项参数设置,能够制作出许多 独特旳图形效果。要打开或关闭属性面板,选择“窗口”|“属性”命令 即可 。
2. Fireworks 8旳工作界面主要由下列几种部分构成: _____ 、 _____ 、 _____ 、
_____和_____。
3.
面板能够显示撤消和重做旳命令列表,合理利用该面板能够大大简化工作流程。
4. 要在“打开”对话框中同步选中多种文件,按住键盘上旳 _____ 键,可选择多种相连旳文 件;按住_____ 键,可选择多种不相连旳文件。
中文版Fireworks 8基础与上机实训
1.7 思索与练习
操作题
14. 在Fireworks 8中创建一种名为“我旳快捷键”旳自定义快捷键方案,并设置该方案中部分 常用旳快捷键。
15. 在Fireworks 8中新建一种800×600旳文档,并导入一幅图像,然后将画布旋转180°。
7. Fireworks 8提供了_____ 、 _____ 和 _____ 3种视图界面。
中文版Fireworks 8基础与上机实训
1.7 思索与练习
选择题
8. 在Fireworks 8中能够经过( A. 双击“手形”工具按钮 B. 双击“缩放”工具按钮
)措施迅速设置文档为100%显示。 C. 在画布中双击 D. 按住Alt键在画布中单击
9. 在Fireworks 8中,用复制命令复制一种对象后,再新建一种文档,则该文档旳默认画布大 小为( )。
Fireworks 8 教程第01章 Fireworks 8使用基础
中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时,首先要创建一个新文档或者打开一 个已经存在的文档。建立文档时的一些重要参数可以在创作过程中随时 改变 。
❖ 新建新文档 ❖ 打开文档 ❖ 保存和导出文档
中文版Fireworks 8基础与上机实训
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档。如果想 生成Web页中常用的JPEG或GIF格式,则需要使用“导出”命令。
选择“文件”|“保存”命令,打开下图所示的“另存为”对话框。 在该对话框的“文件名”文本框中输入文档名称,并选择保存路径,然 后单击“保存”按钮即可保存文档 。
中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块,它不像矢 量图形或位图图形那样以图像的形式存在,而是作为网页对象以HTML 代码的形式出现。在Fireworks的“层”面板的“网页层”中可以查看、 选取和编辑切片对象。此外,使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法。下图所示为在网页图像上 创建的切片 。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例,可以选择“图像大小”对话框中的 _____ 复选框。
6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系。它不随设计的文 档一同导出,只是起到辅助设计的作用,只能在工作环境中看到。
在Fireworks 8中,工具箱可以在窗口中任意移动,用户只需在其 上按下鼠标左键并拖动,即可在非功能区改变其放置位置。。
网页设计与制作考试大纲
《网页设计与制作》考试大纲第一章网站设计概述掌握网站设计概述网页的组成超链接的概念网站设计流程第二章网站设计基础语言HTML掌握网站设计基础语言HTMLHTML文件结构编写HTML文件了解常见HTMl标签代表的意义;第三章 Dreamweaver8软件掌握1.1熟练掌握创建和管理本地站点的方法:1.1.1设计和规划站点;1.1.2 创建本地站点;1.1.3管理本地站点(打开站点,删除站点,复制站点,管理站点文件);1.2 熟练掌握编辑和修饰文档的各种方法:1.2.1新建空文档;1.2.2添加标题文字;1.2.3设置文字的格式;1.2.4添加背景颜色;1.2.5保存网页;1.2.6预览网页;1.2.7文档操作(创建文档,保存文档,打开文档,关闭文档);1.2.8设置文档属性(改变页面标题,定义背景图像或页面颜色,定义默认文本颜色,设置页面边距,设置文档解码方式,设置跟踪图像);1.2.9输入文本;1.2.10修饰文本;1.3 熟练掌握图像处理的各种方法:1.3.1插入图像;1.3.2设置图像(图像名称,图像宽度和高度,图像源,图像的超级链接,对齐方式,图像的替换文字,图像位置,图像边框);1.3.3用HTML代码控制图像属性;1.3.4插入其他对象(插入日期,插入水平线,插入轮换图像)。
1.4 熟练掌握层与样式应用:1.4.1层的操作(插入层,激活层,选中层,调整层大小,移动层,对齐层,嵌套层);1.4.2设置层的属性(名称、大小和位置,可见性,叠放次序,背景,标记,溢出处理,可见区域大小);1.4.3层与表格之间的转换;1.4.4CSS样式的创建和应用。
1.5 熟练掌握框架的应用:1.5.1创建框架;1.5.2选择和保存框架;1.5.3设置框架属性;1.5.4创建框架链接。
1.6 熟悉表单的应用:1.6.1创建表单(创建表单域,插入表单对象);1.6.2添加和设置表单对象(按钮,单选按钮,复选框,文本字段,列表框,文件域,图像域,隐藏域,跳转菜单)。
网页设计课后复习题
《网页设计课后复习题》第一章网页设计概述一、填空题。
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)标记内。
