|
|
|
テストページ＿バナー挿入手順（wiki外URLリンク）
（版間での差分）
| 2行： | 2行： | ||
<HTMLet>bnr_snp001</HTMLet> | <HTMLet>bnr_snp001</HTMLet> | ||
<HTMLet>bnr_snp001</HTMLet> | <HTMLet>bnr_snp001</HTMLet> | ||
| − | <HTMLet> | + | <HTMLet>bnr_snp001</HTMLet> |
</div> | </div> | ||
2011年8月10日 (水) 15:26時点における版
- 手順１
- 画像ファイル（.jpg .jpeg .png .giif など）をサーバーにアップロードする。
※このページの画像のファイル名は"bnr_snp001.jpg"
※このページの画像の保存先は、"http://www.futoko.co.jp/zzimage/bnr_snp/bnr_snp001.jpg"
- 手順２
- 手順１の画像ファイルにリンクした、htmlファイル（.html .htm）をサーバーにアップロードする。
※このページのhtmlファイルのファイル名は"bnr_snp001.html"
※このページの htmlファイルの保存先は、"http://www.futoko.co.jp/zzmediawiki/extensions/HTMLets/htmlets/bnr_snp001.html"
- 手順３
- wiki編集画面で、画像を入れたい場所に"<HTMLet>htmlファイル名</HTMLet>"と入力してwikiページを保存する。
※"htmlファイル名"には拡張子（.html）を付けない
手順２の htmlファイル
<a href="http://www.futoko.co.jp/" target="_blank"> <img src="http://www.futoko.co.jp/zzimage/bnr_snp/bnr_snp001.jpg" alt="バナーサンプル001" border="0" width="200" height="60" hspace="0" vspace="0"> </a>
※<html><head><body>タグは必要ない。（wikiページの<body>タグの中に上記のHTMLが埋め込まれるため。）
※<a>タグのhref属性にクリック先のURLを入力。
※<img>タグのsrc属性に画像ファイルの保存先を入力。
※文字化けする時は、htmlファイルの文字コードをUTF-8で保存してアップロードする。
手順３を終えると、"（手順２の）htmlファイルを埋め込んだwikiページ"がサーバーに保存され、
これ以降、手順２のhtmlファイルを再アップロードするだけでは、wikiページに変化は無い。
手順３の"<HTMLet>htmlファイル名</HTMLet>"を切り取ってwikiページを１度保存、
手順３の"<HTMLet>htmlファイル名</HTMLet>"を貼り付けてwikiページを再度保存すると、
手順２のhtmlファイルの再アップロードがwikiページに反映される。
（このページの場合）
"<HTMLet>htmlファイル名</HTMLet>"から変換される<a><img>タグはインライン要素なので、
wiki編集画面で"<HTMLet>htmlファイル名</HTMLet>"と"<HTMLet>htmlファイル名</HTMLet>"の間に、
"<br>"か"空行"を入れる等しなければ、画像は横に並ぶ。
親要素に"text-align:center;"を付ければ中央揃えになる。
