分享

博客中学做大图的方法

 希越 2009-05-03

博客中学做大图的方法

  早就想学着做大图,无奈我的每篇文章总是图片很多,不适合做大图。

  我曾在马语着的文章里留言:大图好看,我嫌麻烦。。。

  如今游记基本发完,也就有了试做大图的想法。之所以是试做,是知道和讯有很多朋友都会做大图,我不知道自己的操作步骤是否与朋友们的一致?但不管怎样也整出来了。发了几篇大图,就有朋友想学着做,我想了一下,还是把自己的不规范步骤写出来,希望喜欢大图的朋友都能把自己的图片做的更加漂亮。

  可用大图的条件:

  1.整篇文章插入图片的数量不多,本人感觉10张左右(因为博客有文章数字限制)

  2.图片横向宽度最大值为680像素,不然显示不完全。(图片上传前缩放)

  步骤:

  1.上传要发表的图片

  2.进入相册在单张浏览图片的页面下点击“查看原图”(按钮位置在图片的左下方

  例如([查看原图 ] [url=javascript:GetSelectedCopied2()][ 复制本图地址,发给好友分享!][/url] 上传时间:2009-3-20 11:05 [删除]))

  3.在原图上面右键选择“复制图像地址”,然后先粘贴到写字板上备用,因为每张图片都要用到代码,这样可以多次复制粘贴。

  以上是发表图片前的准备工作,有了要发表的图片网址还不行,还要有自己的图片代码,就要进行下一步的操作。

  4.进入文章发表页面,在“设计”模式下面通过正常的方法随便插入一张图片,接着切换到“代码”模式(“设计”,“代码”按钮都在编辑栏的左下角,切换后即可看到类似如下的代码:“XXX.photo.hexun.com/XXXXXXX.html" target=_blank>XXXXXXX">

  ”)

  用我的图片举例:

  tl999.photo.hexun.com/61350263_d.html" target=_blank>大图图片网址 ">

  5.将“src="http://XXXXXXX"”两个双引号中间的网址替换为步骤3 中得到的地址

  6.切换回“设计”模式调整整体效果。

  7.每一张图片需要一个代码,发几张大图,就要将上述代码几次复制粘贴。

  有了上面的步骤,我把自己平时操作顺序再啰嗦一下:

  图片上传好----点击发表按钮----在代码状态下将保存在写字板上的代码复制到发表文章栏。发几张图就复制几次-----再去点击要发表的图片查看原图,将原图的图片网址插入到代码里-----点击设计按钮,图片显示出------点击发表即可

  要说明的是如果想写文字,如果是第一次做最好先发表后再修改插入文字,这样不会出错哦。

  真的很简单哦

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多