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

Other html editor
・ ホームページ・ビルダー
・ GoLive
・ Frontpage
・ html編集ソフトをお持ちでない方
ここでご紹介するのはAdobe Photoshopを使用した制作手順の一例です。さらに詳しい手順や、その他アプリケーションの操作方法は各画像処理ソフトの説明書等をご覧ください。

画像を作成する
@rt webですでにサンプルとして作成されたサイトタイトル画像を新しいサイトタイトル画像に変更します。
●サイトタイトルの画像を作成する

1. コピーしたファイル内の第一階層目にあるindex.htmlをwebブラウザで開きます。

2. トップページに記載されているnavi.htmlを選択します。
>各パーツ一覧が表示されます。


・次のステップからタイトル画像の種類によって作成手順が変わりますので以下の3種類のものからお選び下さい。
<作成例1>べた塗りの背景色とテキストが一体となっているもの
元画像
<作成例2>背景画像とテキストが一体となっているもの
元画像 カスタマイズ用背景画像
<作成例3>テキスト画像の背景色が透過処理され、背景画像の上に載っているもの
元画像

お使いのサイトが上記のどのタイプのタイトル画像かはindex.htmlをwebブラウザで開き、タイトル画像の上で右クリックをし、「画像を名前を付けて保存」で一度お使いのパソコンにコピーし、その画像をwebブラウザや、画像処理ソフトなどで開く事で確認することが出来ます。


BACK NEXT

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