本日は…■css3のanimationを使おうの回・バナーを回転させて、二枚の画像を交互に表示する ・ニュースティッカーで文字表示 ・ボタンを光ってる雰囲気にする アニメーションを使うの3パターン。 基本の形式は、 #front { animation: flipFront 5s infinite al…

本日は…■HTML5の基礎●DTD ●section,header,nav…etc 文書構造を明確にするための要素 今までdivでid="container"としていたところを、sectionで書き換えられる ※HTML5ではDIVを文書構造のためには使わない ●blockレベルとinlineレベルの概念はナシ →divをaで…

本日は… テスト五枚！Illustrator以外のものの復習。 と、JavaScriptと、登録してやっておいたほうがいいサイト色々。 参考サイト： ①ベジェ曲線の練習 Shape Type, the letter shaping gameshape.method.ac ②カラーコードからカラーを推測 What the Hex? ③…

本日は… ・フォームの試験 ・Dreamweaverを使うために ：フォームの試験はタイトルを入れ忘れた事以外は…多分無問題。 ■Dreamweaverの使い方 ・サイト管理：任意フォルダ選択、名前をつける ・ウィンドウ：ワークスペースのレイアウト→コーダーに ・環境設定…

本日は… 午前中はCSSでliを横並びにしてナビゲーションを作る 午後はフォトショでいろいろ CSS編 ■liでつくる… ・ナビ以外にもパンくずリストなどを作れる →現在位置を教える ・クライアントは会社の説明を書きたがるが、閲覧者は何を取り扱ってるかの方に興…

本日は… 午前中はCSSで２カラムレイアウトの練習 ■CSSでページを作る… ・ページを作る前に手書きで、どこがどうというのを作る ：#header h1などかきこんでいく ・ヘッダーよりコンテンツをあげようと頑張る必要はない。そこにnavがあることはよくあること …

本日は… □サイトのレイアウトについて ・リキッドレイアウト ・フレキシブルレイアウト ・可変グリッドレイアウト …これらを複合的に使って、レスポンシブレイアウトなどが使われていたが、レスポンシブは潮流ではない →アップルが、スマホに恩恵が薄いとし…