WEB制作講座「レスポンシブWEBデザイン白紙から完成まで」Dreamweaver-Flash-PS-AI

Sdílet
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にてご確認下さいませ。

Komentáře •