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

Other html editor
・ Dreamweaver
・ GoLive
・ Frontpage
・ html編集ソフトをお持ちでない方
画像を作成する
●サイトタイトルの画像を作成する

<作成例2>背景画像とテキストが一体となっているもの

3. objectのページを開き文字の載っている背景画像の上で右クリックし、「プロパティ」を選択します。

4. プロパティウィンドウ内の画像のファイル名をメモしておきます。
>htmlファイル内で使われているタイトル画像のファイル名が調べられました。

5. 「カスタマイズ用」と書かれたテキストののっていない画像上で右クリックし、「名前を付けて保存」を選択します。

6. 保存先をマイドキュメントやデスクトップなど、自分が分かりやすい場所に設定し、保存を選択します。
>タイトル画像が任意の場所に保存されます。

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

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

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

10. 文字ツールでタイトルを入力します。
サンプル画像の様に文字に効果をあたえてもよいでしょう。

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

12. 画像を最適化し、OKを選択します。
注)メモしたファイル名と同じ形式(JPGなど)で最適化してください。
最適化するには2アップ画面にし、画像の形式(GIFなど)・カラー数などを調節し、画像のサイズを最適な容量に減らします。
画像の最適化の方法は画像ファイルについてをご覧下さい。

13. 保存先を第1階層目にあるimageフォルダに設定し、4.で調べたファイル名を入力しOKを選択します。

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


BACK NEXT

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