検索順位が上がる?レスポンシブwebデザイン実践講座

PCとスマホで同じHTMLソースだから更新&修正も楽ちん!

learn

こんなことを学びます

2016年4月に開校したばかりの実践的WEB技術を学べる
ノマドオンラインスクールのワークショップ形式の講座です。

<こんなことを学びます>
現在のGoogleの検索結果は、WEBサイトの
モバイルフレンドリー化が順位変動する要因の一つとされています。

そのスマホ最適化する手段の中でGoogleが一押ししているのが、
この講座で挙げている「レスポンシブwebデザイン」という
新たなコーディング手法です。

レスポンシブWebデザインの特徴としては、従来のコーディングのように
PCとスマホとで別々のHTMLソースを記述することなく
1つのHTMLソースで記述が完結するので更新や修正に割く時間が少なくなります。

まずレスポンシブwebデザインの概要を学んでいただき、
実際に簡単な「WEBページ」を作成する講座になります。

HTMLやCSSの基本を理解している方を対象とします。
基礎的なHTMLとCSSの説明はしませんので、基本を学びたい方は別日に開催している
「初心者歓迎☆基礎から学ぶHTML5&CSS3実践講座」をまずは受講下さい。

レスポンシブWebデザインの知識を学べる以外に、
コーディングする際の注意点や現場で求められるテクニックなども
入った重宝するカリキュラムになります。

<こんなことが出来るようになります>
1.レスポンシブWebデザインへの理解が深まります。
2.スマホサイトへの理解が深まります。
3.CSS3への理解が深まります。
4.簡単なレスポンシブWebデザインのページを構築できるようになります。

<こんな風に教えます>
室内で、少人数制で丁寧に教えます。
授業は、聞くだけの講義ではなく、皆様に手を動かしてもらう
ワーク作業がメインのため退屈せずに時間が過ぎます。
不明点もすぐに講師に質問できるので安心です。

<参加特典もご用意しています>
★☆参加特典☆★
・セミナー受講後の不明点に対する質問
・スクールコースの割引チケット3000円分

講座についてのご質問はコチラ

先生に問い合わせる

開催予定の日程一覧

  • 開催予定

    開催予定エリア:四ツ谷・飯田橋

    受講料:¥ 8,980

過去に開催した日程一覧

安部 智昭 さんの他の講座

teacher

この講座の先生

安部 智昭

実績500社超えのWEB制作会社元社長♪

ノマドスクール代表
500社以上のWEB案件を受注した元フリーランサー&WEB制作会社の元代表取締役
<経歴>
学生時代:デザイン系の専門学校に通う
社会人時代1:WEBデザイナーとして某ネットショップ会社に就職
社会人時代2:グラフィックデザ... もっと見る >>

detail

講座詳細

  • 当日の流れとタイムスケジュール

    <所要時間>
    約200分程度
    時間と料金を改定をしました(2016年4月更新)

    <当日のレッスンの流れ>
    1.レスポンシブWebデザインについて(講義)
    2.モバイルフレンドリーについて(講義)
    3.WEBページ作成(ワーク作業)
    4.質疑応答して終了

    ※60分ごとに5分間の休憩を挟みます。
  • こんな方を対象としています

    ・レスポンシブWebデザインに興味がある方
    ・フロントエンドエンジニアやHTMLコーダーになりたい方
    ・WEB技術全般への理解を深めたい方
    ・WEBサイトを作れるようになりたい方

    ※恐れ入りますが当講座は、講師やスクール業など
    同業の方の参加はお断りしております。
  • 受講料の説明

    ・レッスン費用
    ・レッスン教材費用(pdfで配布します)
    ・レッスン会場費用
    以上全てが含まれております。
    ※ノートパソコン等必要な物は各自で準備下さい。
  • 受講する際は以下をお読み下さい

    <持ち物>
    以下持参物4点をご準備下さい。

    1.無線LAN対応のノートパソコン(Windows・Mac両方OK)
    ※3時間の講座のため充電がない方はパソコンの電源アダプターもご持参ください。

    2.インストール済みのテキストエディタ

    文字コードがutf-8で保存できるテキストエディタが
    インストールされてればOKです。(メモ帳はNG)

    テキストエディタをお持ちでない場合は、
    以下のいずれかのサイトからインストールしておいてください。
    ※全て無料ですが、当日テキストエディタの使い方は説明しませんので、
    事前にご自身で触って慣れていただくようお願いします。

    以下が無料のテキストエディタです。

    Brackets(Win&Mac対応)
    http://brackets.io/

    TeraPad(Winのみ対応)
    http://www.vector.co.jp/soft/win95/writing/se104390.html

    mi(Macのみ対応)
    http://www.mimikaki.net/

    3.インストール済みのGoogle Chrome

    4.レッスン教材
    当日までにPDFデータを配布しますのでダウンロードまたはプリントアウトしてご持参ください。

    <遅刻・途中退出・欠席について>
    当日時間通りにこれなくなった方はお早めにお伝え下さい。
    講義が始まってからは講師が電話やメールなどに対応できない可能性がございます。

    <その他>
    当講座は、パソコン自体(Windows・Mac)の設定方法や
    基本操作などはレクチャーしませんので予めご了承下さい。
    (基本操作の例:キーボードの入力、コピー&ペーストの方法、フォルダの生成など)

review

感想

  • 女性

    この講座は「時間がもっと欲しい」でした

    レスポンシブデザインの概要はだいたいわかるようになりましたが、見ながらコピヘするだけでなく、もう少し問題を解くような、より覚えやすくなるようなことがあれば尚よかったかな?と思います。
    素敵なスペースでしたので、半日演習等でもっとじっくりできたらと思いました。

  • 女性 20代

    この講座は「レスポンシブサイトの基礎がわかる講座」でした

    レスポンシブデザインは従来のサイトと何が違うのか、実際に制作しながら教えていただいたので、理解が深まりました。実践的な内容で3時間あっという間でした。