HTML形式に変換する場合の約束事と手順など

スーパーＳＦ大戦に投稿する場合の
HTML形式に変換する場合の約束事と手順など

文責：しまぷ(う)

目次
１．目的
２．textデータの分類とファイル名
３．変換前の注意事項等
４．HTML化作業
５．ソースコード改訂版

１．目的

　文字修飾なしのプレーンtext形式のデータを　s-ssfw-SS-basic.htmlにて示された書式を基本書式とし　それに準拠する形でＨＴＭＬに変換する作業とその補足等が目的である
　文章そのものの推敲などは全て終わった物とする
　なお　ここではＨＴＭＬの基礎的なことは説明しないので注意

２．textデータの分類とファイル名

１．textデータの分類
原文のデータを全部で6つの項目に分類します
最低限必要な事項は　作者名　作品タイトル名　作品本文　の三つとし
補足的に分類される事項は　作品サブタイトル名　後書き　作品冒頭文　とする

作者名
　特に説明は必要ないと思われるが　一意の作者名である
　公序良俗に従った名前である方が望ましいし　でなければ人格を疑われることもしばしばである(駄)

作品タイトル名　
　作品の主題で　これも特に説明は必要ないと思われます
　ただし副題サブタイトルについては作品サブタイトル名へ分類してください

作品本文
　作品の本文で作品の題名よりも後に来るものをここに分類する
　文章中で何章かの構成になっている場合は　適度な改行で行間をもうけるなりするのがお勧め
　また長文になった場合は　作品データを分けるのがお勧めです

作品サブタイトル名
　作品のサブタイトル　およびそれ以下のタイトルをここに分類する

後書き
　作品に直接影響しない　後書きや解説などをここに分類する
　変換時に本文とは短めの横罫線で分けることになります

作品冒頭文
　作品の題名よりも前に来る本文をここに分類する
　あまり冒頭文は長くない方がお勧めです

基本的に以上のどれかに分類してください

２．ファイル名の決定
　ファイル名は「s-ssfw-ローマ字表記の作者名-投稿ナンバー(01から始まる十進数).htm」となっています
　たとえば私　しまぷ(う)の3つめの作品　だと　s-ssfw-shimapuw-03.htm　と言う感じですね

３．変換前の注意事項等

textデータをHTMLに変換する前に注意する事項です

機種依存文字について
　半角文字(1byte文字)は機種依存文字に当たる場合があるため　使用することをお勧めしません　使用される場合は以下の文字のみ使われることをお勧めします

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!"#$%&'()*+,-./:;<=>?@[]^_{|}~

文字コード
　ベーシックファイルでは　ファイルの文字コードを最も用いられているであろうShift_JISと仮定してmetaタグを記述してあります
　metaタグ内の　charset=Shift_JIS　と言う部分が該当部分
　一般に日本語で表記する場合は　Shift_JISかEUC-JPが望ましいですが　一部の文字はUnicodeでしか表現できない物もあるので　その場合は文字コードを該当Unicodeに変更する事　その際Unicodeに対応していない古いブラウザでは見ることが出来ないので注意

<pre>タグ
　<pre>タグは極力使用しない方が良い　古いタイプのHTML記述であると同時に　あまり固定フォントは使われていないと判断したため

<p>タグ
　本文中では<p>タグの使用は禁止
　(本文を挿入する前後に<p></p>があるのと　STYLEタグで指定しているので厳守の事

その他
　ほとんどの場合HTML記述の基本原則を守っていれば記述に関しては問題ないと思いますが　閲覧ではブラウザにより微妙に　あるいは大きく差が出てしまうのは仕方のないことだと思う
　ただし初めからHTMLの表現特性を利用しての文章記述ではなく　あくまでtext文のhtml化である
　また特殊な表現をする場合はこの限りではありません

４．HTML化作業

作業の流れ
　1.各部分指定の作業を進める
　2.全体を順につなげる
　3.タイトル周りの修正(冒頭文がある場合はタイトルサブタイトルが文章真ん中あたりに来るようにする)
　4.HTMLヘッダで指定した文字コードでファイル名に従った名前を付けて保存する
以上でHTML化の作業は終わります

注意事項としてはソースコードを扱うためエディタでの作業を推奨します

以下は　各部分別の説明
　まず元のソースコードを改変した物を　HTMLヘッダ　作品冒頭　作品タイトル　作品本文　後書き　HTMLフッタ　の六つの部分に分けて説明します　このうちHTMLヘッダ　作品タイトル　作品本文　HTMLフッタの部分は必須です　作品冒頭　後書きの部分は必要なければ飛ばしてください

HTMLヘッダ部分
・ＨＴＭＬの各種設定が表記されている部分で　及び文章冒頭の作者名までを含むとする
・使用する項目は　作者名　作品タイトル名　作品サブタイトル名の三つ　必要箇所にペーストすること
・文字コードはShift_JISに設定してあるが別の文字コードを使用する場合は変更しておくこと

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>作者名：作品タイトル名／作品サブタイトル名</TITLE>
</HEAD>
<BODY BGCOLOR="#000080" TEXT="#F1FAFF" LINK="#7B11FF" VLINK="#A82946" ALINK="#E9FF00">
<STYLE TYPE="text/css">

</STYLE>
<p>
作者：　作者名さん
</p>

作品冒頭部分
・基本書式に含まれていないが作品本文に従うとする
・使用する項目は作品冒頭文のみ　該当部分がない場合はこの部分は扱わない事とする
・文の改行を改行<br>に置換してペーストすること

<p>
<br>
<br>
作品冒頭文
<br>
<br>
</p>

作品タイトル部分
・styleによって書式が決定しているので必要箇所にペーストすればいい
・文字修飾はしない物とする

<div align="center">
<H2>作品タイトル名</H2>
<BR>作品サブタイトル名
</div>

作品本文
・使用する項目は作品本文のみ
・文の改行を改行<br>に置換してペーストすること

後書き部分
・使用する項目は後書きのみ
・文の改行を改行<br>に置換してペーストすること
・作品本文と分けるために横罫線を使用している

HTMLフッタ部分
・使用する項目はありませんが　ファイル名が必要です
　ファイル名は「s-ssfw-ローマ字表記の作者名-投稿ナンバー(00から始まる十進数)」となっています
　たとえば私しまぷ(う)の3つめの作品だと　s-ssfw-shimapuw-02　と言う感じですね
・CGI及びフォームの送信ボタンを押した後の行き先アドレスは　アイングラッドさんが管理されています

<HR>
<BR>
<BR>
<BR><a href="s-ssfw-index.html">スーパーＳＦ大戦のページへ</a><BR>
<HR>
<BR>
<FORM METHOD="post" ACTION="http://mdec.nifty.com/cgi-bin/ahpmdec.cgi">
<INPUT TYPE="hidden" NAME="ok_page" VALUE="http://homepage2.nifty.com/eingrad/thanks.html">
<br><INPUT TYPE="hidden" NAME="to_mail" VALUE="eingrad@nifty.com">
<br>
<br><INPUT TYPE="hidden" NAME="sub" VALUE="ファイル名">
<br>
<br><INPUT TYPE="text" NAME="name" SIZE="30" MAXLENGTH="40">　・　　お名前　　・　<br>
<br><INPUT TYPE="text" NAME="from" SIZE="30" MAXLENGTH="80">　・メールアドレス・　<br>
<br><TEXTAREA NAME="body" ROWS="20" COLS="100">
メッセージ：
</TEXTAREA>
<br>
<br>
<br>★この話はどうでしたか？
<br>
<br>
<INPUT TYPE="radio" NAME="suki-kirai" VALUE="好き">好き
<INPUT TYPE="radio" NAME="suki-kirai" VALUE="嫌い">嫌い
<INPUT TYPE="radio" NAME="suki-kirai" VALUE="普通">普通
<br>
<br>
<br>★評価は？
<br>
<br>
<INPUT TYPE="radio" NAME="star" VALUE="特上">特上
<INPUT TYPE="radio" NAME="star" VALUE="良い">良い
<INPUT TYPE="radio" NAME="star" VALUE="普通">普通
<INPUT TYPE="radio" NAME="star" VALUE="悪い">悪い
<br>
<br>
<br>
<INPUT TYPE="submit" VALUE="送信">
<INPUT TYPE="submit" VALUE="クリア">
</FORM>
</BODY></HTML>

５．ソースコード改訂版

以下は全部がある場合のソース例
主な変更点は
・Centerタグのdiv化と不要タグの削除
・Metaタグの追加

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>作品タイトル名／作品サブタイトル名</TITLE>
</HEAD>
<BODY BGCOLOR="#000080" TEXT="#F1FAFF" LINK="#7B11FF" VLINK="#A82946" ALINK="#E9FF00">
<STYLE TYPE="text/css">

</STYLE>
<p>
作者：　作者名さん
</p>
<p>
<BR>
<BR>
作品冒頭
<BR>
<BR>
</p>
<div align="center">
<H2>作品タイトル名</H2>
<BR>作品サブタイトル名
</div>
<p>
<BR>
<BR>
作品本文
<BR>
<BR>
</p>
<hr width="75%" size="1">
<p>
<BR>
<BR>
後書き
<BR>
<BR>
</p>
<HR>
<BR><a href="s-ssfw-index.html">スーパーＳＦ大戦のページへ</a><BR>
<HR>
<BR>
<FORM METHOD="post" ACTION="http://mdec.nifty.com/cgi-bin/ahpmdec.cgi">
<INPUT TYPE="hidden" NAME="ok_page" VALUE="http://homepage2.nifty.com/eingrad/thanks.html">
<br><INPUT TYPE="hidden" NAME="to_mail" VALUE="eingrad@nifty.com">
<br>
<br><INPUT TYPE="hidden" NAME="sub" VALUE="ファイル名">
<br>
<br><INPUT TYPE="text" NAME="name" SIZE="30" MAXLENGTH="40">　・　　お名前　　・　<br>
<br><INPUT TYPE="text" NAME="from" SIZE="30" MAXLENGTH="80">　・メールアドレス・　<br>
<br><TEXTAREA NAME="body" ROWS="20" COLS="100">
メッセージ：
</TEXTAREA>
<br>
<br>
<br>★この話はどうでしたか？
<br>
<br>
<INPUT TYPE="radio" NAME="suki-kirai" VALUE="好き">好き
<INPUT TYPE="radio" NAME="suki-kirai" VALUE="嫌い">嫌い
<INPUT TYPE="radio" NAME="suki-kirai" VALUE="普通">普通
<br>
<br>
<br>★評価は？
<br>
<br>
<INPUT TYPE="radio" NAME="star" VALUE="特上">特上
<INPUT TYPE="radio" NAME="star" VALUE="良い">良い
<INPUT TYPE="radio" NAME="star" VALUE="普通">普通
<INPUT TYPE="radio" NAME="star" VALUE="悪い">悪い
<br>
<br>
<br>
<INPUT TYPE="submit" VALUE="送信">
<INPUT TYPE="submit" VALUE="クリア">
</FORM>
</BODY></HTML>

File Ende