「DreamWeaverCS3（ドリームウィーバーCS3）サイト制作」はドリームウィーバーCS3を使ったウェブサイトの作成方法とウェブサイト制作上の基礎知識を紹介しています。
DreamWeaverCS3を始めよう
DreamWeaverCS3を起動します。
新規作成でHTMLをクリックすると新規のファイルが開きます。
画面では「コード」と「デザイン」を切り替える事ができます。
また「分割」で「コード」と「デザイン」の半々の画面にもできます。（画像左上に切り替えボタン）
コードの画面に記述したら更新をクリックするとデザイン画面にも反映されます。
逆にデザイン画面で操作し、更新してもコード画面に自動的に記述がされます。
更新は保存ではないので、忘れずに保存しましょう。
個人的には、分割画面でコード画面、デザイン画面両方を使うのが便利だと思います。
必要に応じてそれぞれの画面を操作しましょう。
画面では「コード」と「デザイン」を切り替える事ができます。
また「分割」で「コード」と「デザイン」の半々の画面にもできます。（画像左上に切り替えボタン）
コードの画面に記述したら更新をクリックするとデザイン画面にも反映されます。
逆にデザイン画面で操作し、更新してもコード画面に自動的に記述がされます。更新は保存ではないので、忘れずに保存しましょう。
個人的には、分割画面でコード画面、デザイン画面両方を使うのが便利だと思います。
必要に応じてそれぞれの画面を操作しましょう。
タイトルを決めよう
次にタイトルを決めてみましょう。先程説明したコードや分割のボタンの右側に「タイトル」の記入欄があります。
タイトルはそのファイルに適したタイトルをつけましょう。タイトルはSEO上でも重要ですし、検索の際に表示される部分なので分かりやすく適した題名にしましょう。
タイトルはインターネットのブラウザ上でサイトを見る際、ブラウザの上部に表示されます。
実際にどのように表示されるか見てみましょう。下にある画像の左上部分に 「DreamWeaverCS3（ドリームウィーバーCS3）サイト制作」という文字が表示されています。これは、このサイトのトップページをブラウザで表示したものです。このように見る側が何のページなのかを判断する重要な場所にタイトルは表示されます。
タイトルはそのファイルに適したタイトルをつけましょう。タイトルはSEO上でも重要ですし、検索の際に表示される部分なので分かりやすく適した題名にしましょう。タイトルはインターネットのブラウザ上でサイトを見る際、ブラウザの上部に表示されます。
実際にどのように表示されるか見てみましょう。下にある画像の左上部分に 「DreamWeaverCS3（ドリームウィーバーCS3）サイト制作」という文字が表示されています。これは、このサイトのトップページをブラウザで表示したものです。このように見る側が何のページなのかを判断する重要な場所にタイトルは表示されます。