レスポンシブサイトデザインコーディング実習

  • tagオンライン
  • tagトレーニング

開催日

全2回 各1時間~1時間半(いつでも受講可)

開催地

東京

対象者tag

就業者

費用

無料

tag対象者 … どなたでも : 興味のある方 マイページ会員 : 会員登録されている方 面談済み会員:来社・面談済み会員の方 就業者 : パソナテックから就業中の方

詳細

【就業中の方限定】On-Line TRAINING
On-Line TRAININGは、パソナテックから派遣社員・契約社員・プロフェッショナル社員・正社員として就業中の皆さんのスキルアップ支援として開催しております。
ご自身のキャリアプランに必要な研修が無料で参加いただけます。

申込みページでご希望のコース名をお伺いしますので、メモなどをお取りいただき、準備ください。同時に3コースまでお申込みいただく事が可能です。

----------------------------------------------------
On-Line TRAINING
レスポンシブサイトデザインコーディング実習
----------------------------------------------------

■講義内容■
レスポンシブデザインとはPC、スマートフォン、タブレットなど デバイスごとに異なるデザインを 同一htmlファイルで実現するマルチデバイス対応技術です。
授業中には、実際にデバイスごとにデザインを変える、メディアクエリーというcssの技術を用いて レスポンシブデザインのページを完成させます!

■必要なもの
1)Sublimeのインストール(授業中コードを打つのに使います)
下記のURLからダウンロードしてください。
http://www.sublimetext.com/2
設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。
2)授業中ブラウザの開発ツールを使用します。
このページのスライドp30~34参照
3)エミュレーターのインストール(win・Mac共通)
まずAdobe Airをインストールします。
http://get.adobe.com/jp/air/
つづいてMobilizerをインストールします。
https://mobilizer.apportal.jp/

第1回:Sublimeで書く簡単レスポンシブwebページ制作(1時間半)
1) 解像度とデバイスサイズの関係
2) 基本は可変幅のフレキシブルデザイン
3) フルードイメージ、フルードグリット
4) 条件付コメントを記述してIE8、IF7に対応させる
5) ヴューポートの指定
6) スマホエミュレーターで見てみよう

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

■PCについて■
本コースはschooのオンライン動画学習サービスでのご提供です。
PC環境は< こちら >よりご確認ください。

■注意事項■
■個人情報のご登録について
ご利用にあたり、schooアカウント作成に必要な情報(メールアドレス・氏名・住所・連絡先等を含む個人情報)をご登録させて頂きます。あらかじめご了承ください。

■キャンセルについて
トレーニングをキャンセルされる場合は、トレーニング事務局までご連絡ください。

■受講について
ご提供期間中、受講を完了されなかった方は、今後のOn-Line TRAININGのご利用をお断りさせていただく場合がございますので、ご了承ください。


開催日時 全2回 各1時間~1時間半(いつでも受講可)
申込締切 随時
会場 オンラインにて受講 
対象者 パソナテックから派遣社員・契約社員・プロフェッショナル社員・正社員として就業中の方

※下記の方にお薦めしてます。
レスポンシブサイトデザインコーディングを学びたいクリエイターの方
定員数 提供数に制限がございます。順番をお待ちいただく場合もございますので、あらかじめご了承ください。
費用 schooのオンライン動画学習サービスが無料で受講いただけます。

お問い合わせ 株式会社パソナテック 
エンジニアマネジメント トレーニング事務局
engineer@pasonatech.co.jp

地図情報地図情報

なし

登録拠点登録拠点

パソナ

パソナテックは全国11拠点にて、転職相談・お仕事紹介・各種イベント・セミナーを実施しています。

ページトップ