テストページ_バナー挿入手順(wiki外URLリンク)
(版間での差分)
16行: | 16行: | ||
<pre> | <pre> | ||
<div style="text-align:center;margin:;"> | <div style="text-align:center;margin:;"> | ||
− | + | <a href="http://www.futoko.co.jp/" target="_blank"> | |
− | <img src="http://www.futoko.co.jp/ | + | <img src="http://www.futoko.co.jp/zzimage/bnr_snp001.png" alt="バナーサンプル1" border="0" width="160" height="60" hspace="0" vspace="0"> |
− | + | </a> | |
</div> | </div> | ||
</pre> | </pre> |
2011年7月20日 (水) 19:57時点における版
ページつくり直し中
- 手順1
- 画像ファイル(.jpg .jpeg .png .giif など)をサーバーにアップロードする。
※このページの画像のファイル名は"bnr_snp001.png"
※このページの画像の保存先は、"http://www.futoko.co.jp/zzimage/bnr_snp001.png"
- 手順2
- 手順1の画像ファイルにリンクした、htmlファイル(.html .htm)をサーバーにアップロードする。
※このページのhtmlファイルのファイル名は"bnr_snp001.html"
※このページの htmlファイルの保存先は、"http://www.futoko.co.jp/zzmediawiki/extensions/HTMLets/htmlets/bnr_snp001"
- 手順3
- wiki編集画面で、画像を入れたい場所に"<HTMLet>htmlファイル名</HTMLet>"と入力してwikiページを保存する。
※"htmlファイル名"には拡張子(.html)を付けない
↓手順2の htmlファイル↓
<div style="text-align:center;margin:;"> <a href="http://www.futoko.co.jp/" target="_blank"> <img src="http://www.futoko.co.jp/zzimage/bnr_snp001.png" alt="バナーサンプル1" border="0" width="160" height="60" hspace="0" vspace="0"> </a> </div>
※<html><head><body>タグは必要ない。<img>タグだけでも良い。
(wikiページの<body>タグの中に上記のHTMLが埋め込まれるため。)
※文字化けする時は、htmlファイルの文字コードをUTF-8で保存してアップロードする。
手順3を終えると、"(手順2の)htmlファイルを埋め込んだwikiページ"がサーバーに保存され、
これ以降、手順2のhtmlファイルを再アップロードするだけでは、wikiページに変化は無い。
手順3の"<HTMLet>htmlファイル名</HTMLet>"を切り取ってwikiページを1度保存、
手順3の"<HTMLet>htmlファイル名</HTMLet>"を貼り付けてwikiページを再度保存すると、
手順2のhtmlファイルの再アップロードがwikiページに反映される。