ホームページ用の素材集

テンプレート・見本画像

簡単(初歩的)なカスタマイズからチャレンジ

 ホームページをカスタマイズする簡単な方法として素材(画像)の利用があります。要するに画像(写真)の力を借りてサイトのイメージを変える手法です。ネット上でも探せますし、ご自身で撮られても構いませんが、このサイト内でも用意しております。

 テンプレートを入手された方はページをご覧になれば判るでしょうが、素材を表示している箇所は右上に横長のものがあり、さらに本文中で使っているスクエアの素材があります。右上の写真はテンプレートの構造上一枚しか使えませんが、本文中用のスクエア素材は、多々使われても問題ありません。

テンプレート用素材の利用方法

テンプレート・ダウンロード方法の説明画像

 テンプレート用素材の利用方法を説明いたします。利用する素材は右上の画像と仮定します。まずあなたが利用したい素材(例として鉄道関係の素材)を選びます。すると上のようなページに移動しますから、使いたい写真を探します。

テンプレート・ダウンロード方法の説明画像

 使いたい写真(画像)が決まったらその写真(素材)の上にカーソルを移動させて、右クリックします。すると、上の画像のように、これから行う作業の方法が選択できるようになりますから「名前を付けて保存」を選択します。

テンプレート・ダウンロード方法の説明画像

 保存を選択すると(クリックすると)保存するフォルダをどこにするかパソコンから質問されますから、template内のgというフォルダを指定します。すると無事に下のようにフォルダ内に希望した素材が保存されているはずです。

テンプレート・ダウンロード方法の説明画像

 最後にテンプレート内に<!--OA-->と書いてある場所(下の方にあります)を探します。
<img src="g/top-8.jpg" style="position:absolute;top:10px;right:0px;width:450px
;height:60px" border="0" alt="インテリア・イメージ画像">

上記のうちtop-8.jpgと書いてある文字列をgのフォルダに入れた素材の名称(例で言えばte-3.jpg)に書き換えます。その後上書きをし、ブラウザの再読み込みをすれば右上の画像が入れ替わっているはずです。

――― END of This page.And Copyright-Suemoritakumu-All Rights Reserved.―――

ホームページ作成・製作メインメニュー

ホームページ用テンプレートTOP

その他、サイト内情報

 サイト内の文章及び画像には全て著作権があります。許可無く複製・再配布することは著作権法で禁じられています。

ホームページ・拓夢書房メインバナー ホームページ・イメージ画像