スマートフォンサイト制作のノウハウを
有名講師がまとめました!

HTML5やCSS3のコーディングも、
実制作時のトラブル対応もこの講座でカバー!

<レッスン内容>
自己紹介 / スマートフォンサイトの特徴サイト構成について / PCサイトとの比較作る前の基礎知識 / viewportで画面を設定しよう / MediaQueryでCSSを振り分けよう / 画像サイズの考え方 / HTMLとCSSをおさらいしよう

<レッスン内容>
CSS3に関する知識 / 角丸と影でボタン素材をつくろう / vendor-prefixesについて /RGBAで色を指定しよう / 複数の背景画像を設定しよう / グラデーションをつけよう / 変形でもっと表現の幅を広げよう など

<レッスン内容>
input type属性を学ぼう / placeholder属性でフォームに文字をいれよう / フォームのレイアウトを整えよう / 実際にフォームページを作ってみよう / 電話や地図などの機能と連携させよう / 確認テスト

<レッスン内容>
HTML5の知識を学ぼう / 開発者が目指すビジョン、セマンティック&API / セマンティックなマークアップ / APIでもっと幅広い表現を / 確認テスト

<レッスン内容>
使いやすいのはどんなデザイン? /アイコンを検討しよう / 制作手法の紹介スマートフォンサイトデザインで気をつけるポイント / 確認テスト

<レッスン内容>
共通のヘッダー・フッターをつくろう / 検索フォームを整えよう / ページのレイアウトを整えよう / リスト型メニューをつくろう / PCサイトとスマートフォンサイトを切り替えよう / HTMLごと振り分けるには/ 確認テスト

<レッスン内容>
Androidでは日本語の太字が効かない? /Androidでは角丸のエッジが汚い? / iPhoneのlabel要素が反応しない? / 一部のAndroidではページ内リンクが効かない? / 確認テスト

<レッスン内容>
CSSでの3D表現方法 / JavaScriptの知識をきちんと学ぼう / 簡単なスクリプトを実際に書いてみよう / jQueryの知識もしっかり学ぼう / jQueryを使って色々なCSSを操作してみよう / jQueryを使って表示、非表示を切り替えよう

広告業界で20年間DTPやWebのデザイナーとして活動しつづけ、
グラフィックデザインから3DCGや映像制作など様々な表現手段を持つ。
現在はデザイナー向けの講演活動に加え、Adobe認定校などにて
グラフィックデザインのトレーナー活動、またWeb Designing誌や
日刊デジタルクリエイターズ等への寄稿など執筆活動も行っている。HTML5の関西コミュニティなどにもコアメンバーとして参加したり、
最新技術の講演活動にも積極的に取り組んでいる。

【実績】
Grad3 - Easy CSS3 gradient editor -
CSS3グラデーションをはじめ、簡単にCSSコードが取得できる
Webサービス http://grad3.ecoloniq.jp

【著書】
『CSS3デザイン プロフェッショナルガイド』(マイナビ)
『Facebookページ プロフェッショナルガイド』(マイナビ)
『10倍ラクするIllustrator仕事術』(技術評論社)

↑TOPへ戻る

Copyright(C) 2012 Pro*Seeds All rights reserved.