{技术手册定稿}手册阅读体验改进及电子版发行

[alexyu]

技术手册定稿工作正在紧张进行当中，除了内容上需要完善，图书电子版也需要有好的阅读体验，我们是不是需改善版面设计，增加阅读体验？
比如目前这样，在每一章的开始加上一些图文介绍 http://sociallearnlab.org/wiki/index.php/SGLCTManual200905#Gmail
以及我们在导航链接上如何处理下可以增加可读性？

还可以怎么做呢，邀请大家一起来设计

以及如果我们要发行电子版的话，使用什么格式比较好呢，pdf？ chm？ 或者其它

[alexyu]

2009/7/10 alexyu <y.bl...@gmail.com>

技术手册定稿工作正在紧张进行当中，除了内容上需要完善，图书电子版也需要有好的阅读体验，我们是不是需改善版面设计，增加阅读体验？

建议：大家在自己负责的章节内部添加一些导航链接（以GoogleGroups章节为例）

1.跳往图书项目主页面的导航，以及跳往GoogleGroups章节目录的导航（可以放置与页面最上方）

示例：http://sociallearnlab.org/wiki/index.php/SGLCTManual200905GoogleGroups-03

代码如下
*<font color="blue">返回[http://sociallearnlab.org/wiki/index.php/SLSS200905 《村落学习——技术环境手册》图书项目主页面]</font><br/>
*<font color="blue">返回[http://sociallearnlab.org/wiki/index.php /SGLCTManualGoogleGroup200905 《村落学习——技术环境手册》GoogleGroups章节目录]</font><br/>

2.在每一小节的开始和结尾都添加前后小节的导航链接

示例：http://sociallearnlab.org/wiki/index.php/SGLCTManual200905GoogleGroups-03

代码示例：（记得替换成对应的内容）
[http://sociallearnlab.org/wiki/index.php/SGLCTManual200905GoogleGroups-02 上一节:如何加入GoogleGroups]     [http://sociallearnlab.org/wiki/index.php/SGLCTManual200905GoogleGroups-05 下一节:发帖时的要点]

--
余波

[Chunlei Zhang]

对这样就做成一个电子书了，另外也可以每个小节的侧边栏增加目录页，这样可能更方便阅读。

2009/7/12 alexyu <y.bl...@gmail.com>

--
Chunlei Zhang
Ph.D. candidate
Major: Curriculum & Teaching
Scholar Interests: science education; teacher training ; teacher knowledge; pck; concept map
Biology Teaching Club：http://groups.google.com/group/bioteahouse

[alexyu]

2009/7/12 Chunlei Zhang <luk...@gmail.com>

对这样就做成一个电子书了，另外也可以每个小节的侧边栏增加目录页，这样可能更方便阅读。

好主意，等下我做下代码发出来

--
余波

[alexyu]

2009/7/12 alexyu <y.bl...@gmail.com>

2009/7/12 Chunlei Zhang <luk...@gmail.com>

对这样就做成一个电子书了，另外也可以每个小节的侧边栏增加目录页，这样可能更方便阅读。

好主意，等下我做下代码发出来

我在gmail和googlegroups章节的每个小节页面中都添加了该章节的目录，效果如：
http://sociallearnlab.org/wiki/index.php/SGLCTManual200905Gmail-1

代码：（其中width=180 也就是宽度可以自行调整，color也同样，涉及到具体章节链接替换成相应的地址即可）

{| align="right"  width=180  style="background-color:#f4f4ff;margin: 0.1em 0 0 1em; padding:0.1em;" 
|
<div style="margin:0px;padding:10px;border:1px solid rgb(128, 192, 128);font-size:12px;">

<center>章节目录</center>
[[SGLCTManual200905Gmail-1|1.Gmail概述]]

[[SGLCTManual200905Gmail-2|2.如何申请Gmail]]

[[SGLCTManual200905Gmail-3|3.如何添加Gmail联系人]]

[[SGLCTManual200905Gmail-4|4.在Gmail中使用Gtalk聊天]]

[[SGLCTManual200905Gmail-8|5.添加 Gtalk 联系人]]

[[SGLCTManual200905Gmail-5|6.高效管理邮件--搜索]]                    

[[SGLCTManual200905Gmail-6|7.高效管理邮件--标签]]                       

[[SGLCTManual200905Gmail-7|8.高效管理邮件--过滤器]]  
</div>
|}

--
余波

[xiuli]

2009/7/14 alexyu <y.bl...@gmail.com>:

> 2009/7/12 alexyu <y.bl...@gmail.com>
>>
>> 2009/7/12 Chunlei Zhang <luk...@gmail.com>
>>>
>>> 对这样就做成一个电子书了，另外也可以每个小节的侧边栏增加目录页，这样可能更方便阅读。
>>
>> 好主意，等下我做下代码发出来
>
> 我在gmail和googlegroups章节的每个小节页面中都添加了该章节的目录，效果如：
> http://sociallearnlab.org/wiki/index.php/SGLCTManual200905Gmail-1
>

==> 可读性一下子提高了很多。

[alexyu]

一些修改格式说明，大家可以参考该格式对章节导航还有题目格式修改：

可以参考整个Gmail章节，这里以“如何添加Gmail联系人”为例：
http://sociallearnlab.org/wiki/index.php/SGLCTManual200905Gmail-3

涉及代码可以直接打开上面这个页面点击编辑然后复制并替换相关内容

页面最上方两个导航：
返回《村落学习——技术环境手册》图书项目主页面   （回到图书页面）
返回《村落学习——技术环境手册》Gmial章节目录    （回到该章节目录页面）
如图1


如果有小节导言 可以放在小节题目上方
eg：“把Gmail作为网络上的会话客户端与集成办公平台，我们的一切活动都围绕联系人展开，如何添加Gmail联系人呢？”的位置
小节题目 绿色 二级标题
代码： ==<font color="green">'''如何添加Gmail联系人</font>==
如图2


 
章节目录加在上方
如图3 （右侧方框内）



章节尾部如需文字过渡直接放在末尾处
在章节最下方添加导航，并用横线和章节文字隔开：
上一节  返回章节目录 下一节
如图4：


--
余波