W E B - G R A P H I C S

あったりまえの常識から、教えたら商売アがったりなセコ技まで、Ｗｅｂでのグラフィック表現のあんちょこを目指してガンガン（？）増量していこうと思ってます。１問１答形式で構成されていますので、気になる見出しを選んで覗いてください。

１：構成を練る
アイデアを図にする
• まずこれだけはやっておこう
• 構成図のかっこいい描き方
• ラフスケッチを描くときに考えておかなければならない事
• 階層構造とパーツと読み込みスピードと

デザインを決定する
• 何を伝えたいのか
• 色はとっても大事で大変
• 「なんか寂しい」でも、それって必要？
• いよいよ最終ラフ決定！

２：素材作り

まず中味ありき。（オヤジ言葉ではコンテンツとも言う）
• まずはテキストエディターで充分
• 操作性はテキストだけのページでチェック！
• いよいよ絵作りの前にもう一度確認しよう

絵を作ろう
• Ｗｅｂで使える画像フォーマットのいろいろ
• ＧＩＦは奥深い！
  • 色数は読み込みスピードと比例する
  • 上手な減色の仕方
  • インターレースＧＩＦって？
  • インターレースＧＩＦの利点
  • インターレースＧＩＦの作り方
  • インターレースＧＩＦのいろいろ
  • インターレースＧＩＦの裏技
  • 透過ＧＩＦって？
  • 透過ＧＩＦの作り方【基本編】
  • 透過ＧＩＦの作り方【応用編】
  • 透過ＧＩＦの作り方【上級編】
  • 透過ＧＩＦにも欠点がありまして…
  • 透過ＧＩＦの裏技
• ＪＰＥＧはあんまり奥深くない…？
  • ＪＰＥＧを使う意味
  • 圧縮率とファイルサイズの関係
  • ＪＰＥＧでは出ない色がある！
  • プログレッシブＪＰＥＧとは
  • プログレッシブＪＰＥＧを作るには
• その他の画像フォーマット

インタラクティブは万能の呪文

• プラグインとは何ぞや
• いろんなプラグイン
  • 王者『MACROMEDIA Shockwave』は楽しい。
  • デザイナー最後の逃げ『Adobe Acrobat』
  • ＶＲＭＬ−すごい技術で井戸端会議−
  • ネットスケープとエクスプローラ
• デザイナーにＪＡＶＡはまだ遠い存在
• ＪＡＶＡ　Ｓｃｒｉｐｔは簡単で効果大

３：ＨＴＭＬを書く

ＷＹＳＩＷＹＧのＨＴＭＬエディター総まくり
• Adobe / PageMill, SiteMill
• Netscape / Navigator Gold
• dB-SOFT / HOTALL
• IBM / HOMEPAGE Builder
• KODAK / COSAIC
• Claris / HomePage
• GoNet / golive
• Concept 1 / Tapestry
• HomeMaker

作業環境紹介

• グラフィックツール
• エディタ
• ブラウザ
• モニタ
• ハード
• ネットワーク

最後に確認すべきこと

• 色数はどうか
• 他のブラウザではどうか
• 他の機種・ＯＳではどうか