• Lesson 1 HTMLの基本装飾を使ったページの作成
  

  Lesson1データのダウンロード	▼MacOS (sitファイル:4K)	▼Windows (zipファイル:4K)
  フォントサイズ一覧	[Preview]fontsize.html
  スタイル一覧	[Preview]fontstyle.html
  フォントセット	[Preview]fontset.html

• Lesson 2 画像、リンクを使ったページの作成
  

  Lesson2データのダウンロード	▼MacOS (sitファイル:300K)	▼Windows (zipファイル:200K)
  画像ファイルの配置	[Preview]products1.html
  画像ファイルのさしかえ	[Preview]products2.html
  画像の大きさの比較	[Preview]products3.html
  低解像度画像を設定	[Preview]products4.html
  ALTテキストを設定	[Preview]products5.html
  バックグラウンドのタイル画像	[Preview]background1.html
  バックグラウンドの大きい画像	[Preview]background2.html
  バックグラウンドの縦長画像	[Preview]background3.html
  バックグラウンドの横長画像	[Preview]background4.html
  上下左右のマージン	[Preview]margin.html
  文字の回り込み	[Preview]text.html
  ラインの挿入	[Preview]text2.html
  画像にリンクを設定	[Preview]link.html
  テキストやリンクカラーを変更１	[Preview]lego.html
  テキストやリンクカラーを変更２	[Preview]lego2.html
  フレームを使ったページ	[Preview]frameindex.html
  クリッカブルマップ	[Preview]clickmap.html

• Lesson 3 表の作成と表を使ったページデザイン

  Lesson3データのダウンロード	▼MacOS (sitファイル:276K)	▼Windows (zipファイル:224K)
  テーブルを使ったセンター配置	[Preview]table_center.html
  テーブルの背景	[Preview]table_back.html
  タブ区切りテキストの読み込み	[Preview]gp4000.html (ナナオ.txt, ナナオ,xla)
  テーブル内容のソート	[Preview]dvd_ranking.html
  グリッドを使ったレイアウト	[Preview]grid1.html
  レイアウトグリッド上の整列	[Preview]iconguide.html
  スケジュール表	[Preview]schedule.html
  GIF画像との組み合わせ１	[Preview]gif_table/table1.html
  GIF画像との組み合わせ２	[Preview]gif_table/table2.html
  GIF画像との組み合わせ３	[Preview]gif_table/table3.html
  GIF画像との組み合わせ４	[Preview]gif_table/table4.html
  GIFアニメーションとの組み合わせ	[Preview]kooltop/screen-desgin.html

• 
  
• Lesson 4 サイトの管理
  
• Lesson 5 スタイルシートやコンポーネントを使ったレイアウト
  
• Lesson 6 JavaScriptやDHTMLを利用したページの作成
• Lesson 7 他のアプリケーションで作ったデータの利用

※データ中で使用されているフォントがない場合や使用している環境によっては、表示が崩れたりレイアウトが正確に表示されない場合があります。
※[▼Mac]はStuffIt形式で、[▼Win]はZIP形式で圧縮されていますので、StuffItExpanderなどで展開してお使いください。