おためし受講中

レスポンシブ基礎 〜Webサイトをレスポンシブにする方法とそのメリット〜

今やスタンダードになりつつあるレスポンシブサイトについて、

その概要から実際にレスポンシブサイトを構築する際に注意したいポイントまでを解説します。

また、実際にWebサイトをレスポンシブ対応する際のメリット・デメリット、レスポンシブ化するのに有効なサイト、不向きなサイト、最低限押さえておきたいソースコードなどをご紹介します。

授業では以下の様な内容についても語ります。
・PC,SPと2つサイトを作るのと、レスポンシブサイト1つ作るのじゃ大変さは変わるのか?
・Googleが推奨してるけど、それはなぜ?
・なぜレスポンシブサイトが必要なのか?

レスポンシブ基礎 〜Webサイトをレスポンシブにする方法とそのメリット〜(全1回)

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:42  (00:13 ~ )
    レスポンシブサイトとは
    01:25  (02:55 ~ )
    レスポンシブサイト、なぜ必要なんでしょう?
    04:55  (04:20 ~ )
    レスポンシブ化するメリットデメリット
    04:25  (09:15 ~ )
    費用、工数ってどれくらい変わるの?
    02:22  (13:40 ~ )
    向いてるサイト、向いてないサイト
    02:02  (16:02 ~ )
    SEOに有効といわれる理由
    07:00  (18:04 ~ )
    構築のポイント
    03:31  (25:04 ~ )
    HTML,CSS,JS
    07:25  (28:35 ~ )
    画像とかの話
    08:05  (36:00 ~ )
    参考になるサイト:完全なレスポンシブサイト
    03:20  (44:05 ~ )
    参考になるサイト:ちょいレスポンシブサイト
    02:12  (47:25 ~ )
    まとめ
    02:48  (49:37 ~ )
    【後半】質疑応答
    Q:フラッシュは使えないのですか?
    00:57  (52:25 ~ )
    Q:デバイスサイズたくさんありますがブレイクポイントはどこで作っていますか?
    02:39  (53:22 ~ )
    Q:画像の大きさの基準はありますか?
    00:52  (56:01 ~ )
    Q:既存のサイトをレスポンシブに簡単に切り替える技はありますか?
    00:54  (56:53 ~ )
    Q:LIGさんのホームページを、レスポンシブデザインにしなかった理由が知りたいです。
    02:23  (57:47 ~ )
    Q:レスポンシブにした場合でも、印刷するときにページ全体を表示させるにはどうしたら良いでしょうか。
    01:49  (1:00:10 ~ )
    Q:レイアウトを考えるときスマホサイズから始めるのと、PCサイズから始めるのとどちらが効率的でしょうか?
    02:19  (1:01:59 ~ )
    Q:レスポンシブにするときに、文章の改行ポイントがコントロールできないのが難しいです。
    02:48  (1:04:18 ~ )
    Q:一般企業サイトなどもレスポンシブサイトで作ることはありですか?
    02:57  (1:07:06 ~ )
    Q:JSプラグインを入れると負荷がかかりますか?
    01:15  (1:10:03 ~ )
    Q:スマホのデザインする時は、横幅何pxでデザインしますか?
      (1:11:18 ~ )