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

Other html editor
・ ホームページ・ビルダー
・ GoLive
・ Frontpage
・ html編集ソフトをお持ちでない方
テキストを入力する
@rtwebではあらかじめデザインされたページにサンプルテキストが書き込まれています。書かれたテキスト部分を入力し直す方法を説明します。

1.

デザインビュー内で変更したいテキストを選択します。


2.

キーボードで文字を入力します。

 
サンプルで入力されているテキストにはフォントサイズなどが設定されています。上書きした場合、指定が消えてしまう場合がありますので、書き換えたテキストを選択し、選択プロパティーの「サイズ」で指定してください。

TOP


リンクを設定する
●画像にリンクを貼る

1.

デザインビュー内でリンクを貼りたい画像を選択します。


2.

プロパティウィンドウ内でリンク先を直接入力、またはファイル先を選択して下さい。


3.

ファイル先を選択した場合、htmlフォルダ内からhtmlファイルを選択し、OKを選択します。

 >リンクが設定されます。

TOP


●テキストにリンクを貼る

1.

デザインビュー内でリンクを貼りたいテキストを選択します。


2.

プロパティウィンドウ内でリンク先を直接入力、またはファイル先を選択して下さい。

 >リンクが設定され、選択したテキストはリンク色に変わり下線が引かれます。

他のサーバー上のファイルにリンクする場合などは絶対パス(例 http://www.ddnj.com)を直接入力します。
同じフォルダ内のドキュメントにリンクする場合はファイル先を選択し、相対パスで指定します。

相対パスの例
・同じフォルダ内 そのままファイル名を記述します 例)about.html
・一つ下の階層 フォルダ名/リンク先のファイル名 例)html/about.html
・一つ上の階層 ../ファイル名 例)../index.html


BACK NEXT

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