DockのDreamweaverアイコンをクリックして表示する。
１つのジャンルのトップページを作成します。書式はCSSで行うので、HTML文書は文字だけの簡単なものになります。
ファイル > 新規
カテゴリ: 基本ページ
基本ページ: HTML
[ 作成 ]
例えば、次のように文章を入力します。まず、本文を入力し、その下にサイドバーにする実習項目箇条書き部分を入力します。スタイルシートで2段組の設定をすればサイドバーを左右とちらにでも配置できます。
------------------------------------------------------------------
Maya実習 （見出し1を指定）
「Maya」は最高峰の3DCGソフトと言われています。CGアニメーション制作やゲーム制作に使われています。使い方は、制作者が慣れれば使いやすい設計になっていると思います。でも巨大ソフトと言われるだけあって機能が大変多く覚えるのが大変です。とりあえず使う機能から覚えていこうと思います。 （段落を指定）
（ここに表示する画像をいれる）
● 実習項目 （見出し3を指定）
・シェーダー実験 （以下の4行に箇条書きを指定）
・木のテーブル
・ガラスカップ
・アイスソーダ
Copyright © y.takase since 2006 （著作権マークは「 © 」と入力する）
----------------------------------------------------------------
ファイル > 新規保存
ファイル名: maya_index.html
[ 保存 ]
ここで、HTMLのコードを表示して確認しておきましょう。書式設定にはスタイルシートを使うので次のような<link>タグを<title>タグの下に追加します。また、足りないタグ（divとaddress）は追加入力してください。
<head>
（省略）
<title>（省略）</title>
<link href="maya_index.css" rel="stylesheet" type="text/css" />
</head>
全体のHTMLソースコードは以下のようになります。