wml字体格式和图像.pptxVIP

前言 文本（文字）与图像是手机网页制作中最重要的两大元素。 文本组成了大部分网页的结构，作为网页中最常见也是运用的最广泛的元素之一，是网页内容的核心部分。Wap1.0手机网页中的字体虽然没有电脑网页中字体等绚丽设置，但是 WML中的字体格式标记可以设置文本字号大小，字体粗细，字体强调等，与word相似。 图像是网页美丽的衣衫。图像可以装饰网页，可以表达大量的信息。 作为网页元素，恰当地运用图像可以给网页带来生气，直观形象、丰富多彩的图片可以将网页点缀得令人流连忘返，会给网页带来更好的效果。本章主要内容3.1 字体格式（七种）3.2 预定格式3.3 图像格式3.4 图像标记及相关属性3.5 设置图像大小3.6 设置图像边缘距离3.7 设置图像与文本对齐方式3.8 图片与字体格式3.9 图像路径问题WML字体格式标记【功能】 控制文本字体。【字体格式标记（7种）】双字母——em：设置强调的字体——emphasized——斜体字i：设置斜体字体——italic——意大利Italy比萨斜塔u：设置有下划线的字体——underlineb：设置粗体字体——boldstrong：设置强烈强调的字体small：设置小号的字体big：设置大号的字体EIU单字母WORDBS2B单 词【记忆】哎呦（eiu），小魔鱼（BS2B）【相同效果】 i与em效果同 b与strong效果同 建议使用i和b字体标记的讲解以标记b为例WML字体格式标记【语法格式】 b…/b 所有字体格式均为对称标记，因为需把要修饰的包含进来。 其中省略号为： ① #PCDATA（任意字符） ② br/ ③ 嵌套使用 标记任意嵌套实现字体格式多样化 bigsmall嵌套smallbig ④ 其他标记，如img、a、table。【br/示例】bWbr/Abr/P/b【#PCDATA示例】 bWAP/b iWAP/i uWAP/u bigWAP/big smallWAP/smallWML字体格式标记【嵌套使用示例】 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预定格式【功能】 以原文样式来显示文本数据，保持空格和回车。【语法格式】 pre…/pre——示例【相关说明】 1.保持空格和回车 2.取消文本数据过长会自动换行的功能 3.M3Gate模拟器尚未支持该标记 4.不要将pre和prev混淆【在HTML文档中使用】 html body pre小学文凭， 叫做小本！ /pre /body /htmlWML图像【图像格式】 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格式相同，区别是除保存图像数据外，还能够存储摄影日期、使用光圈、快门、闪光灯数据等曝光资料和附带信息以及小尺寸图像。 WML图像【图像格式】 6.PSD：Photoshop图像处理软件的专用文件格式，可以支持图层、通道、蒙板和不同色彩模式的各种图像特征，是一种非压缩的原始文件保存格式。在图像处理中对于尚未制作完成的图像，选用 PSD格式保存是最佳的选择。【WML网页使用图像格式】 WML网页（手机浏览器（M3GATE））中能支持的图片格式为PNG格式图像文件。【FLASH演示透明部分的区别】WML图像【语法格式】 img src=“图片路径” alt=“图片说明/ 说明：标记img为英语“image”的简写【相关属性】 1. src属性（必选属性）：设置图片所在