HTML/CSS 特訓研修パッケージ
Web制作におけるPCサイト及びスマートフォン（スマホ）サイトのコーディングテクニックを学びます。
前半ではMediaQueryを用いたスマホ向けCSSコーディング手法を、後半ではよく使うプルダウンやカルーセルといったUIパーツの具体的な作成方法を解説します。
研修内容
授業構成（全2講座）
| 講座名 | 学習目安 |
|---|---|
| レスポンシブコーディング入門 | 3時間 |
| レスポンシブコーディング入門 -MediaQueryを実装する- | 60分 |
| レスポンシブコーディング入門 -ブレイクポイントを増やす- | 60分 |
| レスポンシブコーディング入門 -ブレイクポイントごとのCSS完成- | 60分 |
| デザインパターン基礎 | 8時間 |
| デザインパターン基礎 -Web制作におけるデザインの全体像をつかむ- | 60分 |
| デザインパターン基礎 -CSSのみで実装できるデザインテクニック- | 60分 |
| デザインパターン基礎 -CSSとjQueryを使ったハンバーガーメニューの実装- | 60分 |
| デザインパターン基礎 -CSSとjQueryを使ったプルダウンの実装- | 60分 |
| デザインパターン基礎 -カルーセルスライダーslickを用いたスライドの実装- | 60分 |
| デザインパターン基礎 -動作に合わせてデザインを変化させるパララックス（視差効果）の実装- | 60分 |
| デザインパターン基礎 -スクロール時にTOPを固定させる実装- | 60分 |
| デザインパターン基礎 -情報量が多い時に役立つ切り替えタブの実装- | 60分 |
説明資料（サンプル）
担当講師
-
田中 晶子
webデザイナー
-
小橋 優子
フロントエンドエンジニア/フロントエンド講師
Webデザイナー向け研修
-
サービスデザイン研修パッケージデザイン業界で培われてきた、サービス企画・設計のための手法「サービスデザイン」について学ぶカリキュラムです。 サービスデザイン思考の5つの原則から、カスタマー... -
インタラクションデザイン研修パッケージWebサイト設計に必要なユーザビリティの知識を理論と実践で学びます。 [選択式]以下の3授業は必要に応じて選択してください ・デザインの実践 -Prottを使ったプロト... -
Webデザイン 実践研修パッケージこのカリキュラムでは、1人でWebデザインの全行程ができるようになるための実践的なスキルを学んでいきます。 様々なテイストのランディングページ制作方法と、HTML/CS... -
Webデザイナーのクライアントワーク研修パッケージこのカリキュラムでは制作会社のWebデザイナーを対象に、デザインだけでなくヒアリング・要件定義・コンセプト設計といったWebプロジェクト全体を俯瞰的に見る際の考え... -
Webビジュアルデザイン 入門研修パッケージこれからデザインをはじめる方を対象に、デザインの基礎（レイアウト・色・文字・デザインの考え方など）とAdobe Photoshop CC / Illustrator CCの使い方を学んでいきま... -
ビジュアルデザイン 実践研修パッケージWebページと紙媒体（チラシ＆フライヤー）それぞれのビジュアルデザインを学べるカリキュラムです。 レイアウトの基本から「可愛い」「信頼感のある」など異なるテーマ... -
HTML/CSS 入門研修パッケージこのカリキュラムでは、これからHTML/CSSを勉強したいという方に向けて、用語の説明やタグの使い方など、一つ一つ丁寧に解説します。 また後半では、学んだ内容を使っ... -
アプリデザイン 入門研修パッケージアプリデザインの考え方、プロトタイプ制作についてを解説します。 デザイナーはもちろん、アプリ開発に関わる企画職やエンジニアにも役立つカリキュラムです。 [選...
-
HTML/CSS 特訓研修パッケージWeb制作におけるPCサイト及びスマートフォン（スマホ）サイトのコーディングテクニックを学びます。 前半ではMediaQueryを用いたスマホ向けCSSコーディング手法を、後...
-
Git 超入門カリキュラムこのカリキュラムでは、湊川 あい先生の大ヒットシリーズ『わかばちゃんと学ぶ』シリーズの動画版として、Git初心者の女の子「わかばちゃん」と一緒に豊富な図解・マン... -
WordPress 入門カリキュラムHTML/CSSは理解しているがWordPressは触ったことがないという方を対象に、WordPressでのサイト立ち上げまでを解説します。 WordPressとはどういったものなのかといった... -
JavaScript 実践カリキュラムブラウザで動くタイピングゲームの作成を通して、JavaScriptでのプログラミング方法を学べるカリキュラムです。 文字の表示やキータイピングのイベント取得、タイマー... -
JavaScript 入門カリキュラム今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。 今使っているSchooのページを使ってJavaScriptがどういうもの...
無料で80ジャンル・4,500本以上、
現場で成功しているプロの授業をお試しいただけます
スクーの学習コンテンツは、OAスキルやビジネススキルはもちろん、さまざまな業界の最新情報など社員様のレベルアップに繋がる動画を4,500本以上ご用意。新しい動画も毎月追加公開しています。
現場で成功しているプロが講師を務めるのもスクーならでは。単なる座学ではなく、本当に役に立つ学びを追求しています。
研修授業の講師一例
- 株式会社サイバーエージェント 取締役人事統括 曽山 哲人さん
- 株式会社カラーズ 代表取締役社長 経沢 香保子さん
- パーソナルキャリア株式会社／DODA編集長 大浦 征也さん など
1,000社以上の企業に選ばれた、オンライン動画学習のスクーで
ぜひ社員様が継続して学べる研修を実施しませんか？