講義内容

• おくもとクリニックカンプ作成
  • 地図をIllustratorで作成〜完成
  • 画像の書き出し
    • アセットを使った方法とスライスツールを使った書き出し方法を紹介
  • Dreamweaverの初期設定とプロジェクトの読み込み

日報

カンプ

Illustratorで地図を作成しPhotoshopにおけるカンプ作成は一旦完成。

アセットの書き出しと従来のPhotoshopでの書き出し方法（スライスツール使用）を紹介。スライスツールを使った書き出しは、スライス作成後に一度[ファイル]＞[書き出し]＞[Web用に保存]として書き出す必要があります。

スライスによる書き出しは、レイヤーに関係なくPhotoshopでの見た目のまま書き出されるという特徴があります（スクリーンショットを撮っているような状態）

Dreamweaver

Dreamweaverは初期設定及び、プロジェクトの読み込みを行いました。

コーディングの際に便利なプレビューモードと、ブラウザーでのリアルタイムプレビューも確認。またEmmetを使ったコードの速記法についても紹介。