博文插图有序图解

    饶有兴味地选读老妪侍花的博客http://blog.

sina.com.cn

/u/54581675

28，一位愿帮男生洗被褥的学长形象，跃然纸上；尽管其洗涤手艺欠精，但仍受到鼻涕虫们的普遍敬仰。

    老妪君一不小心，在桌面截图中暴露她没学过Ps、Corel

DRAW以及Flash之类图像处理软件，却满腔热诚地绘图祥解博客插图办法，助人为乐，诲人不倦，试问当今有几？

    显然，老妪君是在Win

dows附件·画图程序环境下，完成其《博客插图祥细图解》的，充满一个小姑娘洗被褥的自信与玩闹，虽然思路清晰，但力不从心，难免稚拙。然而，就是有人收藏！兹循其后，依序分图，补充解说，操作如次。

    —.找图片
    当我们觉得文字叙述难以言传时，就想到附图而形象化补充之。在计算机写作环境下，相关图像的来源很简便，可：∥〔左键双击〕初屏〔桌面〕浏览器，显“百度搜索”输入文本框窗口，如图一；输入要找图片名称，例如“天工开物  附图”／〔左键单击〕“百度搜索”，显百度网收藏的《天工开物》附图窗口及相关各种图片选项，如图二。

    ／第一选项·“天工开物 附图 百度图片”，展开海量花色品种，右击其中一种，出菜单／图片另存为，显“另存为”窗口，如图三；在另存为窗口中，保存位置／桌面；在保存“文件名”右侧文本框中输入001之类易记名称，／窗口右下角“保存”，保存图片001的图标即到桌面。

    二. 设置图片本身大小

    个人在网页中选用的插图尺寸，是据视觉范围为横陈长方形而选定，具体为120×80mm；又因在位图处理程序〔Ps〕中缩放图片、易生所谓赛璐珞模糊及图边锯齿，故用矢量图平面设计软件来剪切、设置插博图片大小；操作是：

    1.打开平面设计程序导入插图

    ∥桌面·Corel DRAW，打开窗口及其空白页面；／文件／导入／桌面／001／导入／空白页面／前述另存001图片上屏。

    2.剪切图片

    ／屏左工具箱·挑选工具／图片，图片周边显控制点表选定，屏上部第四排属性栏·左起第二项“对象大小”自动显示当前图片宽高值；／图片对角控制点，不松左键向内或向外缩放图片，使图片≥120×80mm；／工具箱“剪切工具”右下角▼／剪切／图片左上角，不松左键拖到右下角，显剪切虚线框表选定；同时，／屏上部·第四排属性栏·左起第二项·剪切“对象大小”的宽度值变蓝色，输入120，选定高度值输入80，回车；按键盘→←↑↓四键，微调图片到剪切框适合位置；∥图中，图片剪定，如图四。

    三. 设置插图版面大小

    版面是一个关系图文对立统一存在的重要概念，是图像的载体，又叫“纸张大小”；版面减居中图片大小所剩的四向空白曰“余白”，又谓图像“页边”，是图文有序依存既象充满火药味的“边界无人区”，又似情好夫妻的暂别与距离；愚谓老妪君稚拙，主要指她似乎于对立统一法则尚缺实践与深刻理解，如图五。插图页边的正规做法用代码设置，土法设置如下。

    紧接二～2剪切图片之“图片剪定”；／屏上部·菜单栏·版面，下拉列项，／页面设置，如图六；弹出“选项”问答框，如图七；在“选项”问答框中，／选定“宽度”值变蓝色，输入比图片宽120mm＋8mm之和；／选定“高度”值变蓝色，输入比图片高80mm＋5mm之和／回车确定，右、下两方显阴影的长方形横陈版面生成，如图八。
    四. 图片与版面结合

    1.图片群组和在版面居中

    当图片添加了图内题跋或标注时，／屏左·挑选工具，／图片左上角外围，不松左键拖到右下角外围、图片显控制点表全选；／屏上部·菜单栏·排列／群组。／排列／对齐和分布／在页面居中。
    2.设置白色版面及连同居中图片再群组

    ∥屏左·工具箱·矩形工具，版面周边显黑框；左键和右键分别单击屏右调色板的白色块，版面及其周边显白色。／屏左·工具箱·挑选工具，／版面外围、不松左键拖到右下角外围，表示全选版面及已居中的图片，／菜单栏·排列／群组，如图九。

    五. 矢量图导出为网络兼容的位图

    ／文件／导出，打开导出问答框，如图十；／导出位置选桌面；保存“文件名”输入易记名称；保存类型默认JPG；／导出，弹出“转换为位图”问答框，默认一切，／确定／确定。／窗口右上角×，返回桌面，导出位图图标显于桌面。

    六. 图片插入博文

    1.选择插入位置
    确定图片插博位置的依据，无非有三：①陪衬、补充和强化文字说明；②适当照顾图文混排均匀而实现图文并茂；③插图与文字既联系又区别的辩证关系是：上下各空一个行距，左右各空一个字宽；当博文页面分栏为一栏时，上、右、下三方环绕文字的居左混排图片应与博文左页边平齐；居右混排则与博文右页边平齐，如图十一。

    本人插博图片具体位置的确定，是基于如下环境：屏幕分辨率1680×1050；选用中文华制字号小二号；网页缩放比100%；目测字间距 1mm，行距≈字高的75%.确定博客插图位置操作如下。

    ∥桌面·浏览器／新浪／博客／个人网站昵称，进入个人网站／发博文／空白页面左上角显光标，输入文字。在文字陈述需要插图的一行，由此上溯第三行居中字间单击，显光标，如图十二。

    2.设置插图高级功能

    在上述“发博文”或“编辑博文”窗口、插图伊始，需要强调一脚重要步骤，务请单击窗口右上角按钮，使菜单栏的插图工具由简单功能的变为“更多功能”的，如图十三。
    3.图片插入博文
    承前，／菜单栏·“图片”，显“插入图片”窗口，如图十四；／我的电脑／添加，打开“选择要上载的文件”窗口，如图十五；／桌面，显示桌面软件及已存图片图标，／右侧滚动条，不松左键上下拉动，寻找已制好且准备插博的图片／认准图片变蓝色表选定／打开，系统自动上传图片，当上传到100%而显微缩图时／“插入图片”，稍待，图片进入博文。目测插入图片宽度铺满网页，高度也比设定尺寸大，如图十六，这或与原图像素高、而输出像素低有关。

    4.手动调节已进博文图片大小

    ①／已插博文图片显控制点表选定，／其对角控制点沿对角线向内或向外推动，从而缩放图片；缩放依据是：在个人网页设定小二号字、一行28字环境下，缩放图片宽占位22字，图片高占位10行。   

    ②设置图片居左或居右与文字混排

    ／已插博文图片显控制点表选定／菜单栏·“图片居左混排”，图片隨之居左，图片上、下与右侧文字自动环绕，但存在一二行文字脱节、或曰“掉链子”的情况，如图十七。

    5.銜接插博图片周边环绕文字
    ／下方脱节文字段首字左侧显光标，断续按键盘退格键〔BACKS

PACE〕，使脱节文字紧密联系，如图十八，从而实现图文既严格区别、又相对贯通的状态，才反映社会、自然和思维的客观存在；而当局之维稳、民间的糊涂，无论延时多久，难逃灭亡命运。收工请记住：右击桌面临时图片文件，出菜单／删除；最后，∥桌面·回收站／清空回收站／是。寄托如此，问君悟乎？