実践テクニカルライティングセミナー：第1部　見出し構成と見出し名の考え方－Webマニュアルの見出し構成－

<BODY BGCOLOR="#ffffff" LINK="#ffffff" ALINK="#ebc83d" VLINK="#ffffff"> <P> <img border="0" src="../gif/sec2.gif" alt="執筆のポイント" width="540" height="26"><BR> <IMG SRC="../gif/tw2-3.gif" ALT="見出し構成と見出し名の考え方" width="570" height="150"><hr><H1> <span style="font-weight: 400"><font color="#800000">Webマニュアル</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="margin:1 10; line-height: 150%; text-indent:15"> Webマニュアル（ここではHTML形式のマニュアルを指します）の見出し構成も、印刷文書あるいはPDFマニュアルと同様（あるいはそれ以上）に「解説の基本単位」から発想するのが適切です。一見すると、印刷文書とWebマニュアルでは構成が異なるように思えますが、“見通しがよい”につながる原理は同じです。</p> </td> </tr> </table> </blockquote> </blockquote> <hr> <h2><span style="font-weight: 400"><font color="#800000">Webマニュアルの</font>課題</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 印刷文書の章あるいは節をそのままHTML文書に変換すると、きわめて“長い”HTMLファイルになる場合があります。スクロールしながら必要な事項を目で追いかけなければなりません。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080">印刷文書ならば、見開き（A4判・2ページ分）で視野にはいります。また、表示領域が画面ならばPDF文書を見開きで読めます。ところが、Webマニュアルでは長いスクロールから必要な領域を探さなくてはなりません。</font></li> </ul> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15" align="center"> <img border="1" src="1018.jpg" vspace="10" width="384" height="288"><hr> <h2><span style="font-weight: 400">陥りやすい事例<font color="#000080">－長い節－</font></span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 印刷文書あるいはPDF文書の場合と同様に、重要事項をいくつも項見出しにすると節が長くなります。その結果、長いスクロール中に重要な事項が点在するWebマニュアルになるおそれがあります。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 加えて、節見出しが「最上位のリンク」となり、章見出しには何もリンクが設定されない場合もあります。</font></li> </ul> <p align="center"><img border="1" src="1019.jpg" vspace="10" width="384" height="288"></p> <hr> <h2><span style="font-weight: 400"><font color="#800000">解説の基本単位</font>＝1HTMLファイルの構成</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 印刷文書あるいはPDF文書の場合と同様に、重要事項（＝解説の基本単位）を節見出しにすればHTMLファイルが不要に長くなりません。読者は章見出しから直接に第1節（章の導入）に移り、そこから順に読むあるいは必要な事項に進めます。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> HTMLファイルを短くすれば、それに応じてファイル数は増えます。管理すべきファイルの数は増えますが、読者の利便につながる構成になります。</font></li> </ul> <p align="center"><img border="1" src="1020.jpg" vspace="10" width="384" height="288"></p> <HR> <p><a TARGET="_parent" href="t-2-3abs99f.htm"> <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>