WEB制作講座「レスポンシブWEBデザイン白紙から完成まで」Dreamweaver-Flash-PS-AI
Vložit
- čas přidán 7. 09. 2014
- ジュンアートセレクションHPアドレス
www.j-art-s.com/
DVD動画ライブ講座「白紙から完成まで」
動画合計21時間を3枚のDVDに保存しました。
レスポンシブWEBデザインについて。
ホームページの作り方が、最近変わってきました。
それはホームページをパソコンで見る・・・から、スマートフォン、タブレットで見ることが増えたからだと思います。
パソコン用のホームページを小さな画面のスマートフォンで見ると、とても小さく表示され見づらくなってしまいます。そこで、パソコン用のホームページとモバイル用のホームページの2つを作る企業が増えました。しかし2つのホームページの管理をするのは大変です。
そこで近年、ホームページのあり方について様々なアイディアが考え出されました。その1つがレスポンシブWEBデザインです。レスポンシブWEBデザインは、1つのHTMLファイルを、閲覧するデバイス(通信機器)の画面サイズに合わせて、デザイン、レイアウトを最適化する「可変グリッドレイアウト」を採用しています。これでスマートフォンで見れば、スマートフォンの画面にピタリと合ったレイアウトに、パソコンで見れば情報量の多いPC向けのレイアウト・デザインに可変します。
一見究極のような仕組みではありますが、デザインの制約がある・・とか、いくつものパターンをシミュレーションしないといけないなど、一概に「これが一番」というものでは御座いません。あくまでもこれからの技術の1つだとお考えください。
今回、初心者の方にも理解して頂くために、作業途中で図解入り解説を随所に盛り込みました。
どうしてもホームページ作成では、文字・記号といった解説が多くなりますが、追加解説の必要な部分では、illustratorを使って「見てわかる工夫」を同時に行っています。もちろん作業の流れに沿っての解説ですので、自然に理解して頂けるものとなっています。
そして今回は、メインにDreamweaverCC、必要な素材があればphotoshopで部品作成、illustratorではSVGファイルの書き出し、TOPイメージではFlashアニメーション(HTML5 Canvas)の作成と、内容が盛り沢山です。
それと今回は、レスポンシブWEBデザインの前に、普通のパソコン用ホームページ作成も講座内へ組み込みました。
これは、PC用サイト制作はあくまでも基礎トレーニングです。ここでは、タグの使用方法や、CSSの記述方法をわかりやすく解説しております。テンプレート機能まで解説して完成した内容です。
すべては白紙から完成まで。
皆様の理解を深める内容としたこだわりが、今回の白紙から完成まで「レスポンシブWEBデザイン」です。
詳しくはジュンアートセレクションHPにてご確認下さいませ。