カスタム検索(不登校情報センターの全サイト内から検索)

 
Clip to Evernote  Twitterボタン  AtomFeed  このエントリーをはてなブックマークに追加  


テストページ_バナー挿入手順(wiki外URLリンク)

(版間での差分)
移動: 案内, 検索
2行: 2行:
 
<HTMLet>bnr_snp001</HTMLet>
 
<HTMLet>bnr_snp001</HTMLet>
 
<HTMLet>bnr_snp001</HTMLet>
 
<HTMLet>bnr_snp001</HTMLet>
<HTMLet>bnr012</HTMLet>
+
<HTMLet>bnr_snp001</HTMLet>
 
</div>
 
</div>
  

2011年8月10日 (水) 15:26時点における版

 バナーサンプル001  バナーサンプル001  バナーサンプル001

手順1
画像ファイル(.jpg .jpeg .png .giif など)をサーバーにアップロードする。
※このページの画像のファイル名は"bnr_snp001.jpg"
※このページの画像の保存先は、"http://www.futoko.co.jp/zzimage/bnr_snp/bnr_snp001.jpg"
手順2
手順1の画像ファイルにリンクした、htmlファイル(.html .htm)をサーバーにアップロードする。
※このページのhtmlファイルのファイル名は"bnr_snp001.html"
※このページの htmlファイルの保存先は、"http://www.futoko.co.jp/zzmediawiki/extensions/HTMLets/htmlets/bnr_snp001.html"
手順3
wiki編集画面で、画像を入れたい場所に"<HTMLet>htmlファイル名</HTMLet>"と入力してwikiページを保存する。
※"htmlファイル名"には拡張子(.html)を付けない

手順2の 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で保存してアップロードする。

手順3を終えると、"(手順2の)htmlファイルを埋め込んだwikiページ"がサーバーに保存され、
これ以降、手順2のhtmlファイルを再アップロードするだけでは、wikiページに変化は無い。

手順3の"<HTMLet>htmlファイル名</HTMLet>"を切り取ってwikiページを1度保存、
手順3の"<HTMLet>htmlファイル名</HTMLet>"を貼り付けてwikiページを再度保存すると、
手順2のhtmlファイルの再アップロードがwikiページに反映される。

(このページの場合)
"<HTMLet>htmlファイル名</HTMLet>"から変換される<a><img>タグはインライン要素なので、

wiki編集画面で"<HTMLet>htmlファイル名</HTMLet>"と"<HTMLet>htmlファイル名</HTMLet>"の間に、
"<br>"か"空行"を入れる等しなければ、画像は横に並ぶ。

親要素に"text-align:center;"を付ければ中央揃えになる。



さくらメンタルクリニック

個人用ツール
名前空間
変種
操作
案内
地域
不登校情報センター
イベント情報
学校・教育団体
相談・支援・公共機関
学校・支援団体の解説
情報・広告の掲載
体験者・当事者
ショップ
タグの索引
仕事ガイド
ページの説明と構造
ツールボックス