「画像貼付」の編集履歴(バックアップ)一覧はこちら

画像貼付」(2008/07/12 (土) 15:36:50) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

|CENTER:100|CENTER:100|CENTER:100|CENTER:100|CENTER:100|CENTER:100|c |BGCOLOR(#dddddd):&size(15){[[TOP>TopPage]]};|COLOR(grey):BGCOLOR(lavender):&size(15){[[VectorWorks]]};|COLOR(grey):BGCOLOR(lavender):&size(15){[[活動]]};|COLOR(grey):BGCOLOR(lavender):&size(15){[[データ]]};|COLOR(grey):BGCOLOR(lavender):&size(15){[[広場]]};|COLOR(grey):BGCOLOR(lavender):&size(15){[[駆込寺]]};| |>|>|>|>|>|BGCOLOR(#dddddd): [[はじめに]]  [[どんなクラブ?]]  [[利用方法]]  [[ページのしくみ]]  ページの作方  [[登録の仕方]]  [[会員規約]] | |>|>|>|>|>|BGCOLOR(white):[[はじめに>ページの作方]] [[雛形の読込]] [[文字の装飾]] [[見出し]] [[画像貼付]] [[コメント・投票]] [[区切り線]] [[見出一覧]] [[リンク]] [[お家の雛形]]| &br; //{ここまでがバナーです。ページに合うように変更してください} ---- -添付するファイル名には半角英数字をお使いください。スペースにはアンダースコア「_」をお使いください。ファイル名に全角文字を使うと、文字化けする場合がありますのでご注意ください。 -HPの特性上、大きな画像をおくと、いくらでもページが広がってしまいます。トップページの横幅にあわせて下さいね。トップページで下にバーがでないところがそのサイズです。 ---- ** 画像をアップする。#ref (ファイルをアップするときも基本的に同じ。) [#z3aa9428] +画像をデスクトップに用意(png,jpg)する。(別にデスクトップでなくてもいいのですが、) +上のメニューの添付をクリック(画像を入れたいページ上で) +ファイルを選択ボタン→デスクトップの指定ファイルを選択→アップロードボタンを押す +そのページの一番下にその画像がいるか確認(たとえば、rakuraku.jpg) +デスクトップにある rakuraku.jpg の名前をコピー +#ref() と 行頭にかいて()の中をクリックして、ペースト +#ref(rakuraku.jpg) これで、プレビューしてみると 画像が貼付いているよ。 画像の位置決め(左、中央、右)、回り込みある(無い場合いらない)、50%(拡大縮小100%の場合いらない)) それぞれ、left,center,right 回り込みaround、150% +回り込み:aroundを指定したら、必ず#clearをすること。 *画像の貼付け [#c8491472] #ref(vwrr.png) **画像にリンク先指定 [#g682e842] -右の画像をクリックすると、「A&A社」の「製品ページ」に移動します。 [[&ref(vw12.jpg,nolink,100%);:http://www.aanda.co.jp/ct_products/]] |[[&ref(vw12.jpg,nolink,100%);:http://www.aanda.co.jp/ct_products/]]|[[&ref(vw12.jpg,nolink,100%);:http://www.aanda.co.jp/ct_products/]]|[[&ref(vw12.jpg,nolink,100%);:http://www.aanda.co.jp/ct_products/]]| *画像に内部リンクを張る [#m79a9442] [[&ref(vw12.jpg,nolink);>TopPage]] *画像を横に3枚並べる [#h4a05713] #ref(vw12.jpg,around) #ref(vw12.jpg,around) #ref(vw12.jpg,around) #clear -テーブルを利用した場合 |BGCOLOR(white):#ref(vw12.jpg,,50%)|BGCOLOR(white):#ref(vw12.jpg)|BGCOLOR(white):#ref(vw12.jpg)| |CENTER:VectorWorks12|CENTER:VectorWorks12|CENTER:VectorWorks12|

表示オプション

横に並べて表示:
変化行の前後のみ表示: