wml字体格式和图像.ppt

第三章 WML字体格式和图像 前言 文本（文字）与图像是手机网页制作中最重要的两大元素。 文本组成了大部分网页的结构，作为网页中最常见也是运用的最广泛的元素之一，是网页内容的核心部分。Wap1.0手机网页中的字体虽然没有电脑网页中字体等绚丽设置，但是 WML中的字体格式标记可以设置文本字号大小，字体粗细，字体强调等，与word相似。 图像是网页美丽的衣衫。图像可以装饰网页，可以表达大量的信息。 作为网页元素，恰当地运用图像可以给网页带来生气，直观形象、丰富多彩的图片可以将网页点缀得令人流连忘返，会给网页带来更好的效果。 3.1 字体格式（七种） 3.2 预定格式 3.3 图像格式 3.4 图像标记及相关属性 3.5 设置图像大小 3.6 设置图像边缘距离 3.7 设置图像与文本对齐方式 3.8 图片与字体格式 3.9 图像路径问题 本章主要内容 【功能】 控制文本字体。 【字体格式标记（7种）】 em：设置强调的字体——emphasized——斜体字 i：设置斜体字体——italic——意大利Italy比萨斜塔 u：设置有下划线的字体——underline b：设置粗体字体——bold strong：设置强烈强调的字体 small：设置小号的字体 big：设置大号的字体 双字母—— 单字母 单 词 BS2B EIU WORD 【相同效果】 i与em效果同 b与strong效果同 建议使用i和b 【记忆】哎呦（eiu），小魔鱼（BS2B） 字体标记的讲解以标记b为例 WML字体格式标记 【语法格式】 b…/b 所有字体格式均为对称标记，因为需把要修饰的包含进来。 其中省略号为： ① #PCDATA（任意字符） ② br/ ③ 嵌套使用 标记任意嵌套实现字体格式多样化 bigsmall嵌套smallbig ④ 其他标记，如img、a、table。 【#PCDATA示例】 bWAP/b iWAP/i uWAP/u bigWAP/big smallWAP/small 【br/示例】 bWbr/Abr/P/b WML字体格式标记 【嵌套使用示例】 biuWAP/u/i/b buiWAP/i/u/b 说明：以上两者效果同，与顺序无关。 buW/uAiP/i/b 说明：可以局部修饰文本。 bigsmallWAP/small/big 说明：big和small嵌套使用与不修饰相同效果同。 【错误示例】 bWiA/bP/i 说明：封闭、成对。 【其他标记示例】 b WAPimg src=“wap.png” alt=“?”/ /b WML字体格式标记 预定格式 【功能】 以原文样式来显示文本数据，保持空格和回车。 【语法格式】 pre…/pre——示例 【相关说明】 1.保持空格和回车 2.取消文本数据过长会自动换行的功能 3.M3Gate模拟器尚未支持该标记 4.不要将pre和prev混淆 【在HTML文档中使用】 html body pre小学文凭， 叫做小本！ /pre /body /html WML图像 【图像格式】 1.GIF(Graphics Interchange Format)：图像互换格式。 GIF图像文件的数据是经过压缩的。GIF格式是其在一个GIF文件中可以存多幅彩色图像，可构成一种最简单的动画。 2.JPG或JPEG（Joint Photographic Experts Group：“联合图像专家组”的缩写，是最常用的图像文件格式，是一种有损压缩格式，图像中重复或不重要的资料会被丢失，因此容易造成图像数据的损伤。但这种图像格式用最少的磁盘空间得到较好的图像品质。 3.PNG(Portable Network Graphics)：“可移植性网络图像”，是网上接受的最新图像文件格式。Photoshop可以处理PNG图像文件，也可以用PNG图像文件格式存储。有透明部分。 4.BMP：就是“位图”,颜色丰富,可达2的24次幂种(即真彩色),缺点是图像文件太大。不采用其他任何压缩，因此，BMP文件所占用的空间很大。 5.EXIF：1994年富士公司提倡的数码相机图像文件格式，其实与JPG格式相同，区别是除保存图像数据外，还能够存储摄影日期、使用光圈、快门、闪光灯数据等曝光资料和附带信息以及小尺寸图像。 【图像格式】 6.PSD：Photoshop图像处理软件的专用文件格式，可以支持图层、通道、蒙板和不同色彩模式的各种图像特征，是一种非压缩的原始文件保存