@rt web ビギナーズガイド
サイトマップ サポートサイト DDNトップページ
TOP WEBサイトのしくみ WEBサイトを作る前に @rt webについて WEBサイトの作成手順 リンク
WEBサイトの作成手順
GoLove
初級編
準備
サイトをコピーする
コンテンツ名を変更する
画像を作成する
  サイトタイトル
  メニューボタン
htmlファイルの編集
htmlファイルを開く
サイトを定義する
ページタイトルを変更する
ファイル名を変更する
画像を削除・挿入する
テキストを入力する
リンクを設定する
ブラウザで確認する
ファイルを転送する
応用編
メニューボタンを増やす
JavaScriptを設定する
Flashを挿入する

Other html editor
Dreamweaver
ホームページ・ビルダー
Frontpage
html編集ソフトをお持ちでない方
画像を作成する
●サイトタイトルの画像を作成する

<作成例3>テキスト画像の背景色が透過処理され、背景画像の上に載っているもの

3. objectのページを開き、サンプルのタイトル画像の上で右クリックし、「名前を付けて保存」を選択します。

4. 保存先をマイドキュメントやデスクトップなど、自分が分かりやすい場所に設定し、保存を選択します。

5. Photoshopを開き、メニューバーから[ファイル]-[開く]を選択します。

6. 新しく保存されたタイトル画像を選択し、開くを選択します。

7. メニューバーから[イメージ]-[モード]-[RGBカラー]を選択します。
*画像がJPEG形式で保存してある場合は必要ありません。

8. 矩形選択ツールで元からあるタイトル部分を選択し、キーボードから「Delete」キーを押して削除します。

9. 文字ツールでタイトルを入力します。

10. メニューバーから[ファイル]-[Web用に保存]を選択します。

11. 画像をGIF形式で最適化にし、透明部分のチェックボックスを入れ、マットのカラーをタイトルの背景色に近い色を選択し、OKを選択します。

最適化するには2アップ画面にし、画像の形式(GIFなど)・カラー数などを調節し、画像のサイズを最適な容量に減らします。
画像の最適化の方法は画像ファイルについてをご覧下さい。
 
12. 保存先を第1階層目にあるimageフォルダに設定し、ファイル名は変更せずにOKを選択します。

13. 同じ名前のファイルがimageフォルダ内にすでにあるので、「上書き」を選択します。
>オリジナルのタイトル画像に入れ替えられました。


BACK NEXT

TOP / WEBサイトのしくみ / WEBサイトを作る前に / @rt webについて / WEBサイトの作成手順 / リンク
サイトマップ / サポートサイト / DDNトップページ
Copyright (C) AIDIA Inc. All Rights Reserved.