実践テクニカルライティングセミナー－マニュアル作成の進め方とわかりやすいマニュアルのポイント－

<BODY BGCOLOR="#ffffff" LINK="#ffffff" VLINK="#ffffff"> <P> <img border="0" src="../gif/sec5.gif" alt="執筆の知識" width="540" height="26"><BR> <IMG SRC="../gif/tw2-4.gif" ALT="文書書式の選び方と執筆のルール化" width="570" height="150"><hr> <H1> <span style="font-weight: 400">書式の<font color="#800000">工夫</font></span></H1> <blockquote> <blockquote> <table border="0" cellspacing="0" width="75%" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0"> <tr> <td width="10" bordercolor="#000000" bgcolor="#008080" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">　</td> <td bordercolor="#000000" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF"> <p style="line-height: 150%; margin-top: 2; margin-bottom: 0; margin-left:10; margin-right:10; text-indent:15"> ワープロ文書に比べ、HTML文書（HTMLドキュメント）はより視認性に配慮する必要があります。解像度がさほど高くないあるいは表示領域が小さいモニタでの閲覧を考慮した書式にする必要があります。</p> </td> </tr> </table> </blockquote> </blockquote> <HR> <h2><span style="font-weight: 400"><FONT COLOR="#800000">見出しの書式</FONT>の工夫</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> ワープロ文書と同様に見出しランク（見出しの上位・下位）は、「<font color="#800000">見出し文字の大きさ</font>」、「<font color="#800000">見出しに当てる行数</font>」、「<font color="#800000">見出しの字下げ</font>（インデント）」で表します。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080">HTML文書では、本文と見出しともにゴシック体の書体を用いる場合が多くなります。この際、「見出し文字の色」、「見出しけい線の使い方（有無・種類・太さ・長さ・色）」で見出しを強調すると効果的です。</font></p> </li> </ul> <p style="line-height: 150%; margin: 1 10" align="center"> <img border="1" src="1158.jpg" vspace="10" width="384" height="288"></P> <hr> <h2><span style="font-weight: 400"><font color="#800000">仕切りけい線</font>の活用</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> スクロールで読む場合が多いHTML文書では、仕切りけい線による区切りが有効です。仕切りけい線（水平線）によって区切られた箇所に視線が誘導され読者の注意が集中します。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> あわせて仕切りけい線の始まりの個所に色文字など注意を引く対象を置くとさらに効果的です。</font></li> </ul> <p style="line-height: 150%; margin: 1 10; text-indent:15" align="center"> <img border="1" src="1159.jpg" vspace="5" width="384" height="288"></p> <hr> <h2><span style="font-weight: 400">文字への<font color="#800000">色使い</font></span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 印刷文書に比べ、HTML文書では文字への色使いが簡単です。主文など視線を誘導したい1文に色を使うと効果的です。また、注記あるいは副本文など補足的な箇所への色使いも有効です。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> この際、強調的な箇所には濃い暖色を用い、補足的な箇所には濃い寒色を用いると、黒文字との対比になります。</font></li> </ul> <p style="line-height: 150%; margin: 1 10; text-indent:15" align="center"> <img border="1" src="1160.jpg" vspace="10" width="384" height="288"></p> <HR> <p> <A HREF="t-2-4abs05fb.htm" TARGET="_parent"> <IMG SRC="../gif/0000.gif" ALIGN=bottom width="37" height="37"></A> <B>次ページに進む</B><FONT COLOR="#008080"><B>（ボタンをクリックしてください）</B></FONT></p> <HR> <DIV ALIGN=CENTER> <p style="margin:1 10; line-height:150%; text-indent:15"> <img border="0" src="../gif/trp-000.gif" alt="山之内総合研究所の出張開催セミナー" width="300" height="20"></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a target="_parent" href="../t6-1st/gb-smnr-1st.htm"> <img border="0" src="../gif/trp-1st-a.gif" hspace="2" vspace="2" width="282" height="24"></a><a target="_parent" href="../t6/gb-smnr.htm"><img border="0" src="../gif/trp-gb-a.gif" hspace="2" vspace="2" width="282" height="24"></a></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a target="_parent" href="../t7/mn-smnr.htm"> <img border="0" src="../gif/trp-mn-a.gif" hspace="2" vspace="2" width="282" height="24"></a><a target="_parent" href="../t5a/tp-smnr.htm"><img border="0" src="../gif/trp-tp-a.gif" hspace="2" vspace="2" width="282" height="24"></a></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a TARGET="_parent" href="../t-smnr-faq/faq-101f.htm"> <IMG SRC="../gif/tsub-faq.gif" ALT="セミナー／コンサルティングFAQ" ALIGN=bottom BORDER=0 hspace="2" vspace="2" width="282" height="24"></a><a TARGET="_blank" href="../t-smnr-trf/smnr-trf02.pdf"><IMG SRC="../gif/tsub-trf.gif" ALT="セミナー基本料金［抜粋PDF版］" ALIGN=bottom BORDER=0 hspace="2" vspace="2" width="282" height="24"></a></DIV> <hr> <p align="center" style="margin-top: 0; margin-bottom: 0"><A HREF="../../index.htm" TARGET="_parent"> <IMG SRC="../gif/modoru.gif" ALT="" ALIGN=BOTTOM width="180" height="50"></A></p> <hr> <p> <font color="#000066"><b>実践テクニカルライティングセミナー</b></font><font color="#008000"><BR> </font> <b>マニュアル作成の進め方とわかりやすいマニュアルのポイント</b><BR> Copyright:Takaaki-YAMANOUCHI/2002-2010<BR> 山之内孝明／有限会社　山之内総合研究所<BR> Takaaki Yamanouchi/ Yamanouchi Research Institute,Ltd.<BR> <IMG SRC="../gif/email.gif" ALT="" ALIGN=BOTTOM width="23" height="13"><FONT SIZE=4 COLOR="#000080">　</FONT><A HREF="mailto:takaaki@yamanouchi-yri.com"><FONT SIZE=4 COLOR="#000080">takaaki@yamanouchi-yri.com</FONT></A></p> </BODY>