Dreamweaverのコードビューを利用

Dreamweaverのドキュメントウィンドウのビューをうまく使い分けましょう！

コードビュー
HTML,JavaScript,サーバ言語等のプログラムのソースコードを作成、編集する

デザインビュー
ドキュメントをブラウザ上に表示した場合の様子を再現する

分割ビュー
コードビュー、デザインビューを両方、表示する

【送料無料】効率的なサイト制作のためのDREAMWEAVERの教科書 CS5.5対応版 / ...: ￥2,604; 楽天

原稿を入力する

まずは原稿を入力しましょう！

最初に情報入力してからマークアップをしていきます
内容ごとに行間をあけておくと、後でマークアップする際にわかりやすいです

半角の場合、￥は＼で表示されます
このような場合は特殊文字に書き換えることで正しく表示されます

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

WEB CAFE

サイト作成についての交流の場です。

サイトマップ

ホーム

サイトについて

メニュー

アクセス

お問い合わせ

WEB CAFEを始めました！！

サイト作成についての交流の場としてカフェをオープンしました。勉強した内容を掲載しています。間違え、不備等がありましたらコメント等で教えてください

メニュー一覧

コーヒー

￥２５０

紅茶

￥２５０

アイスコーヒー

￥２５０

オレンジジュース

￥１５０

パウンドケーキ

￥３５０

ブッシュ・ド・ノエル

￥５００

ホットケーキ

￥３５０

お知らせ

2014.01.01

本日オープン！！！

2014.01.15

ドリンクメニューにオレンジジュースを追加しました

TOPへ

</body>

</html>

その他のmeta要素を記述する

その他のメタデータを記述する
作成者情報、著作権、連絡先（メールアドレス）、日付（更新日）の登録を追加していく

<meta name="author" content="RYO" />
<meta name="copyright" content="(c) 2012 RYO" />
<meta name="reply-to" content="ryo@xxx.com" />
<meta name="date" content="2010-01-01" />

meta要素のname属性を指定する
contentをそれぞれ指定していく

作成者情報
author
著作権
copyright
連絡先（メールアドレス）
reply-to
日付（更新日）
date

metaタグの書く順番は決まっていない
文字コードの指定を上に書く

Web制作入門

Web制作の勉強中です
覚書に利用しています
間違えなどがありましたら教えて下さい

Dreamweaverのコードビューを利用

原稿を入力する

その他のmeta要素を記述する