HTML文書付属作業

　私の周辺作業方法を参照用覚え書きとして整理します。公開目的じゃありませんが、ここまで辿り着いた方は気の向くまま眺めて下さい。そんな訳で暫時工事中。

特殊記号の表記
［数値文字：Latin-1コード］　&#nnn　：nnn は、下表の１６進数を１０進数に変換した値
　　　適用例：　Å＝Ｃ５h＝Ｃ×16＋５＝12×16＋５＝&#197

０-

１-

２-

３-

４-

５-

６-

７-

８-

９-

Ａ-

Ｂ-

Ｃ-

Ｄ-

Ｅ-

Ｆ-

-０

未
定
義

-１

-２

-３

-４

-５

-６

-７

-８

(

-９

)

-Ａ

-Ｂ

;

[

{

-Ｃ

-Ｄ

]

}

-Ｅ

-Ｆ

20H＝＆＃32は表示不能！
A0H＝＆＃160がスペース
∓＝＆＃８７２３
以後、回り込み禁止
<br clear=all>

[特殊文字表]：

特殊文字	記述法	CD	特殊文字	記述法	CD	特殊文字	記述法	CD
"	&quot	34	¢	&cent	162	©	&copy	169
&	&amp	38	£	&pound	163	®	&reg	174
<	&lt	60	¥	&yen	165	°	&deg	176
>	&gt	62	§	&sect	167	±	&plusmn	177
Spc	&nbsp	160	¨	& uml	168	¶	&para	182

以後、回り込み禁止
<br clear=all>

html文作成
- 一太郎html出力：添数の大きさ調整がうまくない。コード量が多くhtmlの直接修正困難。それ以外は簡易法として使える。
- エクセル：コード量が１桁大きくなる。htmlの直接修正困難。
- ホームページ作成ソフト。一見簡易で、部品豊富なので見てくれは作りやすい。コード量多く、表の均等位置決め等が難しい。転送ソフトは便利。
- 一般にはTAG入力はテキストエディターを用いる。
  前ページはテキストエディター使用が前提
- プレヴューソフトで改ページ位置を確認し、一覧表が腹切りになったり、図、画像で不自然な空白が生じないようレイアウト調整を行う。無料ＨＰの広告スペース（４行ほど）にも注意。無償ソフトあり。
図
1. 花子（等作図ソフト）→gif＋htmlファイル生成→
  　又は、花子（等作図ソフト）→一太郎→.gif／.jpg＋htmlファイル生成→
  .gif／.jpgファイルをリネームしてhtmlに読み込んで利用(花子は横分解能640画素デフォルトだが、原寸指定可能)
  　使い慣れた作図ソフトを利用できるから簡易には適。
  
  　花子で作成の図は~~一旦一太郎に読込んで、そこから図ファイルに変換した方が解像度の良い絵が得られる。~~花子の図は
  　一太郎の挿入→オブジェクト枠→作成→ファイルからtab→参照→ファイル(花子図)指定，OK→枠(位置)の基準選択,周囲スペースmm指定,OK（待ち）→（必要なら寸法と縦横比調整）→ファイル→他形式での保存(一太郎13)→html形式での保存(「.gif」形式が欲しい場合)or 画像に変換して保存(「.jpg」形式が欲しい場合)→画像ファイル･･･.gif、･･･.jpg化完了、ファイル名変更→画像編集ソフトで細部や全体寸法などを修正→転送
  　という手順で横幅640ドットを大きく超える画像を作成できる。
  　　<a href="'url'図.gif" alt="内容説明" width=幅 height=高さ>
  　　<a href="'url'図.jpg" alt="内容説明" width=任意幅 height=任意高さ>
2. JAVA描画
表　　　　　(06/05/21追記)
　表計算ソフトの結果をhtml文書に貼る場合，csv受け渡しでhtmlに直接書き込んでは完成した表を再構成するので非能率で誤りも生じやすい．
1. 一旦花子，一太郎に貼りつけて，そこからgif画像に落として，renameしてhtmlに読み込む．(→画質悪い！)
2. 一旦pdfに落としてそのまま使うか，
3. そこからjpg画像としてhtml本文に取り込む．(これが操作が単純でお勧め)

写真

画像補整＆加工ソフト

ペイント	Windows付属：低機能
花子ﾌｫﾄﾚﾀｯﾁ３	X-Y数値で切り取り可
CAMEDIA Master	CANONデジカメ添付：樽型歪補正
Paint Shop Pro	台形歪補正＝あおり補正、樽型歪補正

樽型歪み補正
あおり補正（台形補正）
トリミング＆画調変換
ドット数変換
記録形式指定(jpeg,gif,等)

ss 秒後 'URL' 頁へジャンプ
　　　　<meta http-equiv="refresh" contents="ss;url=URL">

各<TAG>パラメター補足　　　　

<body text="#文字色" link="#RGB色" alink="#選択色" vlink="#既参照"

	bgcolor="#背景色"	各色00～FFh： "#RRGGBB"
	background="URL"	背景画像ファイルURL指定
	style="各種指定"	文字、英文字、太さ、サイズ、行高、書体名、幅の指定
	XXXmargin="画素数">	XXX＝left、right、top、bottom

文書内容
</body>

<div style="width:164mm;">
文節内容
</div>
style のオプションパラメターで、行幅、書体、字高等を指定する。
(body、div、p、内でstyle指定する)

<table rule="all"　　　　　　　　　　　内側罫線表示col：行、row：列

	frame="box"	外枠線表示
	bordercolor="#RRGGBB"　.	枠線色
	bgcolor="#RRGGBB"	背景色
	background="URL"	背景画像ファイル(table全体)
	width="w"	全体幅：w～640ピクセル、～100%
	hight="h"	h～ピクセル
	align="横位置"	指定無で回込み禁止、right、leftで反対側
	cellpadding="n"	n=0 でセル密着：連続罫線
	cellspacing="n"	n=0 でセル密着：連続罫線
	border="n" >	外枠線ピクセル幅。非表示は"0"

<tr	align="横位置"	right、left	trは行単位で位置指定のみ有効。 thは＋改行、tt有効。center既定 middleが既定 tdには他のTAG有効
	vAlign="縦位置"	upper、bottom　.	trは行単位で位置指定のみ有効。 thは＋改行、tt有効。center既定 middleが既定 tdには他のTAG有効
	background="URL">	背景画像ファイル(tr行全体)
<td	縦横"位置指定">項内容に加えnowrapで非改行、 "char" char="."により"."　. で位置そろえ	<b>や色など他のTAGも指定可
	background="URL">	背景画像ファイル(tdセル)

</table>

<font size=＋２>
</font>
<hr size="ポイント" width="長さ％"

　 align="左右詰め" left、right、center
　 color="#RRGGBB" 色指定
　 noshade> 陰なし線指定

宣言部の記述１　<META NAME="">

<meta name=	"情報名↓"　contents=	"情報内容↓">
検索語	"keyword"	"内容，contents"
検索内容	"description"	"概要説明約100字内に検索キー"
記述言語	"content-language"	"ja"、
著作権	"copyright"	"著作権者名"
制作者	"auther"	"制作者"
連絡先メアド	"reply-to"	"your@mail.ne.jp"
製作年月日	"build"	"2004/03/03"

宣言部の記述２　<meta http-equiv="">　　文字コード、時限ジャンプ

<meta http-equiv=	"content-type" contents="text/html;charset=文字コード">
文字コード指定	2022-JP	ＪＩＳコード
	Shift_JIS	Shift JIS(x-sjisは制定外)
	EUC-JP	ＥＵＣコード
<meta http-equiv=	"refresh" contents="ss;url=URL">		ss秒後URL頁へジャンプ

javascript 各種機能の利用
HTMLのVer.の指定：冒頭に記述
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- 1.0 Draft

mail to：

adrs
Last update: 2004/03/02　

	align="左右詰め"	left、right、center
	color="#RRGGBB"	色指定
	noshade>	陰なし線指定