技術セミナー・研修・出版・書籍・通信教育・eラーニング・講師派遣の テックセミナー ジェーピー

西畑一馬のCSS3でつくるスマートフォンサイト講座

西畑一馬のCSS3でつくるスマートフォンサイト講座

東京都 開催 会場 開催 1人1台PC実習付き

概要

本講座では、HTMLとCSSの知識がある方を対象に、CSS3をつかったPCサイトのスマートフォン対応方法について学びます。

開催日

  • 2012年6月28日(木) 11時00分 18時00分

受講対象者

  • XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー
  • CSSで段組レイアウトができる方
  • 「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。

Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。

修得知識

  • CSS3の基礎
  • スマートフォンサイト制作のポイント・ノウハウ
  • スマートフォンサンプルサイトの作成

使用アプリケーション

  • Android SDK
  • Safari
  • TeraPad

予備知識

  • 受講対象レベルチェック問題の理解
  • 全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。

受講対象レベルチェック問題

  • 問1:
    次のタグを赤色で表示するCSSを答えてください。
    <p class="sp">スマートフォン</p>
    
  • 問2:
    次のHTMLの間違いを答えてください。
    <p>lesson<a href="index.html>1</p></a>
    
  • 答1:
    p.sp{
    color:red;
    }
    
  • 答2:
    • href属性の" (ダブルクオーテーション) がとじていない点
    • a要素とp要素の閉じタグの登場順が逆になっている点。
      <p>lesson<a href="index.html">1</a></p>
      

プログラム

 最近、iPhoneやAndroidなどのスマートフォンのシェアは、ものすごい勢いで増加しています。そのため、これからのWeb制作ではスマートフォン対応が必須のスキルになりつつあります。
 本講座では、HTMLとCSSの知識がある方を対象に、スマートフォン対応の方法について学んでいただきます。
 スマートフォン対応ではPC向けのサイト制作とは異なり、CSS3などの新しい技術を利用することが可能です。CSS3を利用することで効率よくスマートフォン向けのサイトを作成できるようになるでしょう。
 また、制作環境の構築やviewportなどスマートフォン独自の概念、各デバイスの仕様や癖、バグを学ぶことでより効率のよいスマートフォン対応が可能になります。本講座を通して最新のWeb制作を身につけてください。

  1. CSS3で始める新しいWeb制作
    • CSS2.1とCSS3の関係
    • CSS3の今とこれから
    • ブラウザの先行実装とベンダープレフィックス
    • プログレッシブエンハンスメント
    • 主なCSS3セレクタ
    • 主なCSS3プロパティ
    • CSS3によるアニメーション
  2. スマートフォンサイト制作とは
    • スマートフォンサイトの現状
    • スマートフォン向けの開発環境の構築
    • スマートフォンに適した情報設計
  3. 実践スマートフォン対策
    • メディアクエリーによるスタイルシートの切り替え
    • 知っておくべきテクニック
    • スマートフォンサンプルサイトの作成
  • カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

講師

会場

ロクナナワークショップ
東京都 渋谷区 神宮前1-1-12 原宿ニュースカイハイツ #203
ロクナナワークショップの地図

主催

お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。

お問い合わせ

本セミナーに関するお問い合わせは tech-seminar.jpのお問い合わせからお願いいたします。
(主催者への直接のお問い合わせはご遠慮くださいませ。)

受講料

1名様
: 28,381円 (税別) / 29,800円 (税込)
本セミナーは終了いたしました。