Profil von 维江ㄨ 鲫 鱼 汤 ㄨFotosBlogListenMehr Extras Hilfe

Blog


    如何在日志中贴图

    原创:不知

    整理:寂语

          不要看我写了这么多,其实,最常用最实用的,就是到蓝色分割线位置,蓝色分隔线下面的,不太常用,但如果你遇到一些困惑的问题的时候,可以来看看。

          日志编辑窗口的下方,有一个添加照片的按钮,但用这个往往得不到令人满意的效果,那,该怎么做呢?尝试下面的方法:

    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>

    示例:
    居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;居中对齐示例;

    如果您有问题,请点击这里进行提问

    Kommentare (56)

    Bitte warten...
    Der eingegebene Kommentar ist zu lang. Bitte kürzen Sie ihn.
    Sie haben keine Angabe gemacht. Bitte versuchen Sie es erneut.
    Ihr Kommentar kann im Moment leider nicht hinzugefügt werden. Bitte versuchen Sie es später erneut.
    Zum Hinzufügen eines Kommentars ist die Erlaubnis von einem Elternteil erforderlich. Erlaubnis einholen
    Der Elternteil hat die Kommentarfunktion deaktiviert.
    Ihr Kommentar kann im Moment leider nicht gelöscht werden. Bitte versuchen Sie es später erneut.
    Sie haben die maximale Anzahl an Kommentaren, die pro Tag zugelassen sind, überschritten. Versuchen Sie es in 24 Stunden erneut.
    Kommentare wurden in Ihrem Konto deaktiviert, da in unseren Systemen angegeben wird, dass Sie anderen Benutzern möglicherweise unerwünschte E-Mails versenden. Wenn Sie der Meinung sind, dass es sich beim Deaktivieren Ihres Kontos um einen Fehler handelt, wenden Sie sich an Windows Live Support.
    Schließen Sie die Sicherheitsüberprüfung unten ab, damit Sie ein Kommentar hinterlassen können.
    Die bei der Sicherheitsüberprüfung eingegebenen Zeichen müssen den Zeichen im Bild oder in der Audiodatei entsprechen.

    Melden Sie sich zum Hinzufügen eines Kommentars mit Ihrer Windows Live ID an (wenn Sie Hotmail, Messenger oder Xbox LIVE verwenden, besitzen Sie eine Windows Live ID). Anmelden


    Sie haben noch keine Windows Live ID? Registrieren

    14 Mai
    Bild von Anonym
    过路人 schrieb:
    谢谢你
    16 Okt.
    展 苏schrieb:
    不错,难易适中,有参考意义。
    12 Okt.
    Yan Maschrieb:
    偶然闯入你的世界
    21 Dez.

    你好,路过,看见你有关贴图的方法,对我很有帮助,谢谢。把你的空间收藏了,已备今后有问题可以请教,我是妈妈级的菜鸟,可以吗?

    29 Aug.
    伊 紫schrieb:
    呵呵,知道了。谢谢
    8 Juli
    谢谢!终于明白了!
    25 März
    Rachel Wongschrieb:
    这世界上还能有比你更好的人吗??十分感谢,在你这里学到很多东西哦
    ^^
    23 März
    Kein Nameschrieb:
    thank you
    9 März
    Kein Nameschrieb:
    thank you
    9 März
    lucy 李schrieb:
    不知道为什么,我的图片贴上去以后的效果像是半透明的???再次麻烦你了
    呵呵,谢谢!!!
    7 März
    Bild von Anonym
    我的沉默是寂静的康桥 schrieb:
    学到了好多东西,谢谢.我链接了你.呵呵.空间的老师.
    22 Jan.
    Bild von Anonym
    纸の戒指 schrieb:
    觉得,你应该会是一个很好的老师。不过,更适合写教材。
    27 Dez.
    Bild von Anonym
    蝶谷琳灵 schrieb:
    好用!!
    谢谢啊!!
    26 Dez.
    Bild von Anonym
    齿流香 schrieb:
    我添加了图片之后又想不要,可是怎么都删不了.请问是怎么删的???谢谢.
    14 Dez.
    Bild von Anonym
    快乐源于选择 schrieb:
    我添加了图片之后又不想要了,可是怎么都删不了,我把网络日志的相册都删了,那张照片还存在,而且大小改变不了。
    8 Dez.
    Bild von Anonym
    孤单的幽灵 schrieb:
    急我所急,想我所想
    7 Dez.
    Bild von Anonym
    九尾狐dong schrieb:
    做个连接,可否?可否?
    4 Dez.
    Bild von Anonym
    3 Dez.
    Bild von Anonym
    bluesun飘渺的梦 schrieb:
    把你链接了,呵呵!不介意吧?谢谢!!!
    30 Nov.

    Trackbacks

    Die Trackback-URL für diesen Eintrag ist:
    http://king19120.spaces.live.com/blog/cns!29F140C794516526!872.trak
    Weblogs, die sich auf diesen Eintrag beziehen
    • Keine