Sublimeで書く簡単レスポンシブwebページ制作

レスポンシブデザインとはPC、スマートフォン、タブレットなど デバイスごとに異なるデザインを 同一htmlファイルで実現するマルチデバイス対応技術です。 授業中には、実際にデバイスごとにデザインを変える、 メディアクエリーというcssの技術を用いて レスポンシブデザインのページを完成させます！ ■ お話すること■ 1) 解像度とデバイスサイズの関係 2) 基本は可変幅のフレキシブルデザイン 3) フルードイメージ、フルードグリット 4) 条件付コメントを記述してIE8、IF7に対応させる 5) ヴューポートの指定 6) スマホエミュレーターで見てみよう ■ 必要なもの■ 1）Sublimeと解凍ツールのインストール 手順はこちらのページ参照。→http://schoo.jp/teacher/315 2)授業中ブラウザの開発ツールを使用します。 このページのスライドp30～34参照 3)エミ

[behomazn]

http://schoo.jp/class/423