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

Other html editor
・ Dreamweaver
・ GoLive
・ 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.