|
原创:不知
整理:寂语
不要看我写了这么多,其实,最常用最实用的,就是到蓝色分割线位置,蓝色分隔线下面的,不太常用,但如果你遇到一些困惑的问题的时候,可以来看看。
日志编辑窗口的下方,有一个添加照片的按钮,但用这个往往得不到令人满意的效果,那,该怎么做呢?尝试下面的方法:
1. 基本的贴图方法: 首先,日志里的贴图,必须是网络上的,不能是自己电脑里的,如果想贴自己电脑里的,可以先把它上传到自己的 MSN SPACE 相册里(其他的网站的相册也可以),这样,就算是"网络上的图片"了。
浏览网页的时候,在你喜欢的图片上拖动鼠标左键选定(当图片出现一层虚虚的蓝色时,就证明你已经选定了它),点右键复制(或者不用选定图片,直接右击图片,选复制),回到正在编辑的日志窗口中,"Ctrl+V"粘贴,稍等片刻,就看到图片了。
粘贴成功后可以根据自己的需要调整图片的位置:在日志编辑窗口里右击图片,右键菜单会出现"水平对齐方式"和"垂直对齐方式",鼠标点上去,就会出现"左对齐","右对齐","居中对齐"等对齐方式,选吧。
另外,有时需要调整图片大小,同样的方法,右击图片,菜单里还有个"大小",点一下,会出现各个百分比的级联菜单可选,选一个合适的大小吧。
可能有朋友比较好奇,这到底是怎么回事呢?隐藏在后面的到底是什么样的呢,可以说隐藏在后面的是代码,现在的编辑器功能越来越完善,代码已经可以不需要掌握了,但了解一些还是有好处的,有时候出问题了不知道出在哪里,点一下日志编辑窗口工具栏里的<HTML>按钮,就可以看到代码了,下面对与贴图有关的代码进行分析:
2. 贴图代码:
一篇空白日志,你只贴一张图片,其他的不要写,然后进入代码模式,就可以看到以下代码: <IMG src="图片地址"> 这是最基本的贴图代码,图片地址应该是 http://www.xxxxxx.jpg,或者http://www.xxxxxx.gif 的形式,怎么知道图片地址?右击网络上的图片(包括相册里的),选择"属性",看到地址了把?把它复制、粘贴,就ok了。按这个代码贴图,看出来的效果是图的原始大小,但大部分情况下,原始大小都不符合自己的要求,需要缩放,这在日志的普通编辑模式里,拖拽图片边缘的控制点可以实现,但有一个缺点:不能按比例缩放,所以有些时候需要对图片的宽、高做精确的控制,方法如下: 带尺寸的贴图代码:
<IMG height=图片高度 src="图片地址" width=图片宽度>
只是比基本代码多了height=图片高度和width=图片宽度,用"拖曳"的方法贴过来的图,基本上就是这个形式,可以把多余的代码都删掉(当然,如果只是想要图,不需要其他效果的话),图片的原始尺寸,同样可以通过右击图片,选择"属性"来查看,然后下一步,如果需要缩放的话,拿出计算器(用windows自带的就可以,"开始菜单-程序-附件-计算器"),按比例计算出你需要的尺寸,具体怎么算就不说了,小学的时候学过比例算式的都会算,这个方法可能是有点麻烦,但还没有发现比这个更简洁,又同样精确的方法,还是那句话:"想要最好的效果,就不要怕麻烦!"当然,有些不需要计算的这么精确的情况下,在日志的普通编辑模式里拖拽图片边缘的控制点就足够了,也不会太失真,看你自己的个人需要了。 文本绕排图片代码:
<IMG height=图片高度 src="图片地址" width=图片宽度 align=对齐方式>
看到了吗?比带尺寸的贴图代码只是在最后面多了 align=对齐方式 ,图片的对齐方式有 left,center,right 三种,下面给出三种对齐方式的代码及其示例:
左对齐: 代码: <IMG height=96 src="http://www.flash8.net/bbs/UploadFile/2005-5/20055719128285.jpg" width=96 align=left border=1> 示例:
左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;左对齐示例;
代码中,border=1 表示图片右边框,=0为无边框,=1为有边框。
右对齐: 代码: <IMG height=96 src="http://www.flash8.net/bbs/UploadFile/2005-5/20055719128285.jpg" width=96 align=right border=1>
示例:
右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;右对齐示例;
居中对齐: 代码: <IMG height=96 src="http://www.flash8.net/bbs/UploadFile/2005-5/20055719128285.jpg" width=96 align=center border=1>
示例: 居中对齐示例;居中对齐示例; 居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例; |