Transcript Overview

上机实训
 虚拟现实是一种可以创建并让用户体验虚拟世界的计算机系统。计算
机生成的虚拟环境,通过视、听、触觉等作用于用户,使之产生身临其
境的感觉。虚拟现实是一项包括计算机图形学、图像处理与模式识别、
人工智能、语音识别处理的综合技术。
 互联网已经制定出采用VRML文档传输虚拟现实世界或场景的标准。
 VRML文档扩展名是.wrl。
 http://spaceflight.nasa.gov/gallery/vrml/station/
复活节彩蛋
 复活节彩蛋（Easter Eggs）是西方国家复活节的一种过节习俗，最
初人们赠送象征着生命的周而复始的彩蛋，后来人们开始用巧克力等
做成蛋状，然后内藏一些小礼物，给受赠者带去意外的惊喜。

而什么是软件中的“复活节彩蛋”呢?它就是软件开发者在编写
软件（特别是大型软件）的时候，往往会设计一些增加软件的趣味性
的特殊软件功能。这些信息并不能通过一般的操作方法，而是需要通
过特定的操作才能显现。这就被称作为复活节彩蛋（Easter Egg）。
 拿到老师发的实验光盘后，以小组为单位演示你所拿到的多媒体光盘，
讨论以下问题：
描述该项目的图形用户界面，它使用了那些导航
元素？ 采用了什么颜色方案？看起来是否混乱？
对内容进行描述、
组织得是否合理？是否有遗漏的内容，需要添加的部分？
讨论该
作品的多媒体演示是否流畅，所用技术是否合理， 有哪些需要加强
的地方？
 观看《孩子来了》动画，然后小组讨论： 分析他们的创作基础、创
作来源和故事基调 说明这个动画的故事梗概和反映的主题思想 分析
他们的角色设定，有几个角色，是否鲜明有无寓意 分析他的制作过
程和人员配置，他的场景设计、分镜头设计和美术风格。
 讨论如果你将开展的多媒体项目，设定项目小组的人员和分工 描述
小组至少应该包含的人员分工和他们应该掌握的技术？
 项目经理——组长
 脚本——编辑
 图像设计者、声音处理者、视频编辑者
 集成程序员
Lesson 4-Text
大纲 Overview
1. 文本的发展史
2. 文本的重要性
3. 文本块的5种属性：字体、字间距、行间距、黑体、下划线和色彩
4. 字体属性：字形、字号和斜体
5. 字体和字样的区别，影响文本易读性的因素
6. 字体编码系统和HTML字符编码标准
7. 多媒体体、交互式多媒体、超文本、超媒体和超链接、锚和节点
使用文本 Using Text
 文本的发展史：Text in history.
1. 文本最早诞生的历史 Written text came into use about 6,000 years ago.
阅读、书写和集权政治密不可分。Initially, reading and writing was
reserved for the elite classes of society and the inner circles of
government.
2. 活字印刷Johann Gensfleisch zum Gutenberg’s printing press revolutionized
text in the 15th century.
文本的传递具有深远的影响力。Text became more affordable and
accessible to the masses.
楔形文字
约在公元前3200年以前苏美尔人就
发明了一种象形文字，因笔划形似
楔子而称为楔形文字，后来发展成
表意和指意符号。它被亚述人、巴
比伦人和波斯人继承，逐渐成为音
形结合的文字。由于苏美尔人把它
们刻在石板上和泥板上，后人常称
之为“不朽的文字”。
文本的重要性
 简单的词语会有多种意义，文本在多媒体中会出现在标题、菜单和导
航条中。
 文本必须是准确而简明扼要。
 试用词语的最好的检验方法。
 选择多媒体文本的词汇必须谨慎
和小心。
文本的重要性 The power of
meaning.
 文本必须是准确而简明扼要。Text must be distilled to a few meaningful words.
 雀巢咖啡：味道好极了
 德芙巧克力：牛奶香浓，丝般感受
 耐克：just do it（要做就做）
 诺基亚：科技以人为本
 IBM：四海一家的解决之道
 人头马XO：人头马一开，好事自然来
 戴比尔斯钻石：钻石恒久远，一颗永流传
文本的重要性 The power of meaning.
 选择多媒体文本的词汇必须谨慎
和小心。
风格力作：《中国的保护
地》
囊括中国保护地重要信息
追踪中国保护地历史轨迹
探索中国保护地未来之路
文本在多媒体中的重要性
Importance of Text in a
Multimedia Presentation
影响文本易读性的因素有Factors affecting legibility of text:
 尺寸Size.
 背景和前景色Background and foreground color.
 风格样式Style.
字体的重要性Importance of Text
in a Multimedia Presentation
 字体和符号无论采用什么形式都是最常用的交流系统。Words and
symbols in any form, spoken or written, are the most
common means of communication.
 字体是多媒体产品中最重要的因素。Text is a vital element of
multimedia menus, navigation systems, and content.
字体和字样Understanding Fonts
and Typefaces
 字样是具有各种尺寸和样式的图形字符的集合。A ‘typeface’ is a
family of graphic characters that usually includes many type
sizes and styles.
 字体是属于某一个字样集合中单一尺寸和样式的字符集合。A ‘font’
is a collection of characters of a single size and style
belonging to a particular typeface family.
http://font.knowsky.com/
Understanding Fonts and
Typefaces
The study of fonts and typefaces includes the following:
 字体样式Font styles: attributes of a font .
 字体尺寸Font sizes.
 大小写字母Cases.
 衬线和非衬线Serif versus Sans Serif.
字体样式Font Styles
字体样式包括Font styles include:
 粗体Boldface
 斜体Italic
 下划线Underlining
 外围线Outlining
字体尺寸Font Sizes
 字的尺寸通常用点来表示 the type size is usually measured in points

One point is 1/72nd of an inch (0.0138 inch).一般认为，简体中文网页上，汉字采用9pt（约12px)或
10.5pt(约14.7px)的宋体，英文数字采用verdana 和Arial字体,看起来最舒服。同时，为了保证不同浏览器上字
号保持一致,字号建议用点数 pt 和像素 px 来定义。
 字体作为术语比字样用得更加广泛Character metrics are the general
measurements applied to individual characters.
 字符间距Kerning is the spacing between character pairs.
 行间距Leading is the space between lines.
大小写Cases
 大写字母A capitalized letter is referred to as ‘uppercase’, 小
写字母while a small letter is referred to as 'lowercase.'
 中间大写Placing an uppercase letter in the middle of a word
is referred to as“ intercap”.
衬线和非衬线Serif Versus Sans
Serif
 衬线是指字母笔划中投影出来的起装饰作用的短线Serif is the little
decoration at the end of a letter stroke.
 衬线字体在传统上被用来印刷重要的文本Serif fonts are used for
body text.
 非衬线字体没有在字母笔划上的衬线Sans serif fonts do not have
a serif at the end of a letter stroke.
T T
 非衬线字体被用来作为标题和加粗的评论These fonts are used for
http://zh.wikipedia.org/wiki/%E8%A1%AC%E7%BA%BF%
Using Text Elements in a
Multimedia Presentation
在多媒体中使用文本：The text elements used in multimedia are:
1. 文本设计：
2. 选择文本字体：ields for reading.
3. 导航菜单：菜单和导航Menus for navigation.
4. 交互按钮Interactive buttons.
5. 阅读区域
6. HTML文档
7. 符号和图标
8. 动画文本
文本设计Designing with text.
 计算机屏幕是一个非常小的空间，要求有效的设计和精确的文本表达
信息Computer screens are small and require efficient
design.
 字体的尺寸和标题的数量依赖于要传达的信息的复杂度Strike a
density balance.
a) 大量文本的放置方法Users performing research often prefer dense material, but too
much material can seem overcrowded.
b) 考虑强调最重要的信息Consider the venue and purpose of the text.
选择文本字体 Choosing text fonts.
1.
考虑字体的易读性Consider legibility when selecting fonts.
2.
避免使用太多字体Avoid using too many different faces.
3.
调整行间距Adjust leading for readability.
4.
字间距Carefully observe kerning, especially in headings.
5.
背景Explore different colors and backgrounds.
6.
混合过渡Use anti-aliasing to achieve a blended look.
7.
下沉样式和首字大写Use drop caps and initial caps to accent words.
8.
居中样式Minimize lines of centered text.
9.
文本的图形化Use altered or distorted layouts to grab attention.
10. 阴影样式和预留空白Surround headlines with white space.
11. 采用颜色和下划线使链接更突出Use colors and underlining to distinguish text links.
12. 重要文本的放置On a Web page, place important items in the top 320 pixels of screen real
estate.
导航菜单Menus for Navigation
 导航菜单贯穿多媒体项目内容全篇A user navigates through content
using a menu.
 Menus are useful navigation aids in many projects.
 最简单的菜单应是包含一系列内容的主题列表Menus can be simple lists
of text headings
 Use navigation menus to show:
a) Where the user can go.
b) Where the user currently is.
交互按钮Interactive Buttons
 按钮是一个当你点取激活它可以引发命令的物体。A button is a clickable
object that executes a command when activated.
 按钮是一些对象：文本或图形Users can create their own buttons from
bitmaps and graphics.
 按钮的制作The design and labeling of the buttons should be treated
as an industrial art project.
 翻转图片效果在按钮上的使用。
 DeKnop-v4.2f.rar
阅读区域Fields for Reading
 计算机屏幕上的阅读速度Reading a hard copy is easier and
faster than reading from the computer screen.
 一篇文档的显示效果A document can be printed in one of two
orientations - portrait or landscape.
符号和图标Symbols and Icons
 符号是以独立的图形为形式的浓缩文本Symbols are concentrated
text in the form of stand-alone graphic constructs.
 符号可以传递有意义的信息They are used to convey meaningful
messages.
 由字符组成的图释Symbols used to convey human emotions
are called emoticons.
 图标是图形用户界面常用的对象和进程的符号表示。Icons are
symbolic representations of objects and processes.
Using Text Elements in a
Multimedia Presentation
 被广泛接受的符号
字符祝福语
QQ个性签名大全
κiξs ☆玉龙☆ ご☆—可珂 ≈☆肖◎静☆ ♀杀♀ ツ火龙り ⌒☆YWH☆⌒ ◥⊙坦⊙克⊙◤
〓刹〓 奇遇+小Ｓ ♂桃∴子♀ しovの吐泡泡 ⌒ω⌒ ￡婷婷￡ ☆岩⊙飞★ ≮触电≯情缘
传奇ゆ ※芩勤※ ★§狂§★ じ☆ve流星雨 ∧∧泡 ΘAMY￥Ж 【紫色流星】 ※永不言爱※
『LY』 ▂★σ弧 №々龙※吻▲ ∧∞∧ Ж阿梁Θ o○朋友o○ ←①≯烟火≠ ≤C&c☆乐园≥
￡劲￠ 【§杰§】 ^*^ゃ羞の羞 * ♀多情少女 酷ˇ明 ぱ伊男☆ 夜吻♂芭芘 ξ网狂少女ξ
ξ流ぁ星ぷ ☆芸芸※ ╰☆真情人☆ ★〓张明〓★ 卐古愁 Ж阿梁Θ ☆剑※客☆ づぜ☆九☆妹
№小猫 ╭●★★●╰ 梦*☆*瑶* ☆◆幽灵◆☆ 传奇ゆ ※婷＄婷§ ☆月光GRIL☆ →茶褒╆仔≮
╰☆☆∮ ぷ芷柔ぷ ☆⌒_⌒☆ づ★冰封谷≈ ☆girl ╭①∞①╮ ★风の影★ ＳＶmm丫丫ｙ
☆girl ~@_@~冷冰 ☆风ψ铃☆ ◥◤苹果◥◤ ~⊙ō⊙~ ＷeＳt囧Ｋ ┣┫糖の果 Ｉしovのyoｕ
だ花魂だ ｓＳＺｚОo 冰 ★:）★ @_--3:16--_@ ￡婷婷￡ №:2^ǒ^ ㊣@_@㊣ROY☆ γ⌒_⌒γ卉
☆FQ☆ ご★轩☆ゞ だ￥㊣╃じ ￠丫ぢ头ぢ￠ γ^ō^γ~ ΘAMY￥Ж じ☆ve熏伊草 ^o^星禾じ☆ve★
亮亮★ ξ深蓝の爱ゞ 【☆宝♀贝☆】 ≈☆灵♂之☆梦♂☆≈ ＬｏＶё 爱 →♀Simleyt
☆づ紫欣 ぁ★ぁラ☆ラ ☆梦琳2002☆ (=^o^=)泡(=^o^=) $刺#灵$ ぷＡ⌒囡ぷ ∮唯一∮
○Оοo靓￡仔oο Оo泡泡♂灵儿oо ㊣〖热血同盟会〗㊣〓∮╰☆ Ψ【流※星¤狂※喷】Ψ
★★靓妹爱帅哥〓魅力四射★★ ◆嗨－－天马流星拳 卐【●】拳【●】脚 ㊣〖热血同盟会〗㊣
◣ミ非你不可↙╬↘非你不嫁ミ◥ ぷ风≈☆ば度☆≈☆翩☆ば≈翩☆ぷ ※卡摸卑鄙☆不要骗我※≮爱
≯ ぷ￠◎ㄨ○搞基的你要唔要啊∩¤々♀♂ ǒ^*★*^ǒ^*☆*^ǒ^*
♀★♂I☆★☆★Love★☆★☆You♂☆♀ う≮灬爱你不久メ就壹辈子灬≯う
 动画文本
计算机和文本
 字体之争：ｐｏｓｔＳＣＲＩＰＴ和ＴｒｕｅＴＹｐｅ
 小型字样
 字体朔件
 管理字体
 管理软件：字体管理是一款集字体浏览、安装、反安装等功能的软件，让您对您
计算机内的字体了如指掌，对您的网页设计、FLASH设计等工作都有很大帮助。
附带放大镜功能让您把想要了解的字体看得清清楚楚；新版增加键位对应的功能
让您对键盘上字母所对的符号了如指掌。
字符设置Character Sets
 美国信息交换代码The American Standard Code for
Information Interchange (ASCII) is a 7-bit coding system.
 扩展字符集The extended character set is commonly filled
with ANSI standard characters.
 Unicode字符：多种文字文本和字符编码的16位架构，使多种语言共
有一套字符集
 跨平台的文本映射
Creating Attractive Texts
其他一些制作字体的工具软件
Applications that are used to enhance texts and images
include:
 Adobe Photoshop
 TypeStyler
 COOL 3D
 HotTEXT
 TypeCaster
HTML Documents
 超文本链接语言HTML stands for Hypertext Markup Language.
 网页标准文档格式It is the standard document format used for
Web pages.
 用标记符对网页中的文本进行标记HTML documents are marked
using tags.
 多媒体素材实例文件
HTML Documents
 动态HTMLAn advanced form of HTML is DHTML.
 DHTML stands for Dynamic Hypertext Markup Language.
 CSS样式表DHTML uses Cascading Style Sheets (CSS).
HTML Documents
一些常用的标记Some of the commonly used tags are:
 The <B> tag for making text bold faced.
 The <OL> tag for creating an ordered list.
 The <IMG> tag for inserting images.
Hypertext System
 超文本是一些单词被编入关键字或作为其他单词的索引Hypertext is
defined as the organized cross-linking of words, images,
and other Web elements.
 超文本系统A system in which words are keyed or indexed to
other words is referred to as a hypertext system.
 非线性方式导航A hypertext system enables the user to
navigate through text in a non-linear way.
Using Hypertext Systems
 字符、图像和其他数据资料元素都可以用来做超链接Information
management and hypertext programs present electronic
text, images, and other elements in a database fashion.
 Web页面中的超级链接Software robots visit Web pages and
index entire Web sites.
Hypermedia Structures
超媒体结构
 链接Links.
 节点Nodes.
 锚Anchors.
 导航结构Navigating hypermedia structures.
链接 Links
 链接是概念性元素之间的关联Links are connections between
conceptual elements.
 链接是导航路径和菜单Links are the navigation pathways and
menus.
节点 Nodes
 节点是可以获取得标题、文档、消息和内容元素Nodes are
accessible topics, documents, messages, and content
elements.
 链接和节点是一个知识系统的中枢神经Nodes and links form the
backbone of a knowledge access system.
锚点 Anchors
 锚点被用来作为一个文档到互联网上其他文档、图像、声音和文件的
引用。Anchor is defined as the reference from one
document to another document, image, sound, or file on
the Web.
 一个链接的锚点是开始，链接的终点是链接到这个锚的目标节点The
source node linked to the anchor is referred to as a link
anchor.The destination node linked to the anchor is referred
to as a link end.
Hypertext Tools
超媒体系统主要用于Hypertext systems are used for:
 电子书Electronic publishing and reference works.
 技术文档Technical documentation.
 教学课件Educational courseware.
 交互信息亭Interactive kiosks.
 电子产品目录Electronic catalogs.