【html+cssを挫折した全ての人に贈るシリーズ　全5回】 このシリーズは1回で完結していますが、1回から5回まで同じサイトがどんどん完成して行く形になっています。1回づつ完結した出来上がり見本付きの演習ファイルがダウンロードできます。 第2回：初心者速習html+css【4ページのサイトマルッと制作編】 初めてコーディングを学ぶ人や、本を読んだり参考サイトを見ながらコーディングしても崩れてしまってうまく行かなかった人のために、テンプレートからページを量産してサイトを作り上げる方法を学びます。 1回目の授業を受講していなくても、理解度が深まるように、演習ファイルを用意しています。この授業を受講して、コーディングの基礎を学んでいきましょう！ ■ 必要なもの■ 1）Sublimeのインストール（授業中コードを打つのに使います） 下記のURLからダウンロードしてください。 http://www

レスポンシブサイトデザイン第二段です。 前回の授業「Sublimeで書く簡単レスポンシブwebページ制作」 で制作したページにjQueryを実装します。 前回の授業に出ていない人も完成版をダウンロードできるので、 jQueryの実装を演習する事が出来ます。 サイトに色んな動きをもたらすjQueryは 今やスマホサイトには無くてはならないものに！ スマホサイトは可変幅が前提なのでちょっとしたコツが必要。 そのコツがサクっとわかり、 JavaScriptが分からなくても簡単に設置できるようになります。 ■ お話すること■ 1) スマホサイトになくてはならないjQuery 2) 動く画像を可変にする業 3) 実習：TOP画像をフェードさせてみよう！ 4) 実習：TOP画像をカルーセルさせてみよう！ 5) スマホエミュレーターで見てみよう ■ 必要なもの■ 1）Sublimeのインストール（授業中

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

この授業では、Webデザインを未経験、あるいは一度挑戦しようとして、挫折した方を対象にして「HTML＋CSS」を学んでいただく授業です。 授業中では、実際に2カラムボックスモデルのWebページを、テキストエディタとWebブラウザを用いて、みなさんと一緒に制作します。 なんとなくコーディングに苦手意識があったり、自分の学びたいことと少し違うのではないかという方も、実際の作例を制作していただきながら、コーディング・Webデザインを好きになっていただければと思います！ 挫折した方にこそ受けていただきたい授業です！ ■ お話すること■ 1) 一分で分かるhtml構造の仕組み 2) 実は最新バーションのhtml5が一番簡単 3) タイピングが苦手な人ほど覚えるのが早い 4) 土台さえしっかり組めば何が起こっても大丈夫 5) cssは見た目担当 6) 「内面良し見た目良し」なら全て良し 7) ミスをし