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デザイナー研修
-
サービスデザイン研修パッケージデザイン業界で培われてきた、サービス企画・設計のための手法「サービスデザイン」について学ぶことができるサービスデザイン研修カリキュラムです。 サービスデザイ... -
インタラクションデザイン研修パッケージWebサイト設計に必要なユーザビリティの知識を理論と実践で学ぶことができるUI研修パッケージです。 [選択式]以下の3授業は必要に応じて選択してください ・デザイ... -
Webデザイン 実践研修パッケージこのWebデザイナー研修パッケージでは、1人でWebデザインの全行程ができるようになるための実践的なスキルを学んでいきます。 様々なテイストのランディングページ制作... -
Webデザイナーのクライアントワーク研修パッケージこのカリキュラムでは制作会社のWebデザイナーを対象に、デザインだけでなくヒアリング・要件定義・コンセプト設計といったWebプロジェクト全体を俯瞰的に見る際の考え... -
Webビジュアルデザイン 入門研修パッケージこれからデザインをはじめる方を対象に、デザインの基礎（レイアウト・色・文字・デザインの考え方など）とAdobe Photoshop CC / Illustrator CCの使い方を学ぶことがで... -
ビジュアルデザイン 実践研修パッケージWebページと紙媒体（チラシ＆フライヤー）それぞれのビジュアルデザインを学べるWebデザイナー研修パッケージです。 レイアウトの基本から「可愛い」「信頼感のある」... -
アプリデザイン 入門研修パッケージアプリデザインの考え方、プロトタイプ制作についてを学ぶことができるwebアプリケーション研修パッケージです。 デザイナーはもちろん、アプリ開発に関わる企画職やエ...
-
HTML/CSS 入門研修パッケージこのカリキュラムでは、これからHTML/CSSを勉強したいという方に向けて、用語の説明やタグの使い方など、一つ一つ丁寧に学ぶことができるHTML/CSS研修パッケージです。 ... -
HTML/CSS 特訓研修パッケージWeb制作におけるPCサイト及びスマートフォン（スマホ）サイトのコーディングテクニックを学ぶことができるコーディング研修パッケージです。 前半ではMediaQueryを用い...
-
JavaScript 入門カリキュラム今までプログラミングの経験が無い方にも プログラミングが0から理解できるJavaScript研修パッケージです。 今使っているSchooのページを使ってJava... -
JavaScript 実践カリキュラムブラウザで動くタイピングゲームの作成を通して、JavaScriptでのプログラミング方法を学ぶことができるJavaScript研修パッケージです。 文字の表示やキータイピングの... -
WordPress 入門カリキュラムHTML/CSSは理解しているがWordPressは触ったことがないという方を対象に、WordPressでのサイト立ち上げまでを学ぶことができるWordPress研修パッケージです。 WordPres... -
Git 超入門カリキュラム湊川 あい先生の大ヒットシリーズ『わかばちゃんと学ぶ』シリーズの動画版として、Git初心者の女の子「わかばちゃん」と一緒に豊富な図解・マンガで楽しくGitを学ぶこと... -
クリエイティブシンキング研修パッケージクリエイティブシンキングについて初めて学ぶという方向けの研修パッケージです。ゲーム産業をはじめとするクリエイティブ産業のビジネスモデルを理解し、知的コンテン...
IT研修研修
-
Java - Struts2 / Spring Framework4 入門研修パッケージJavaで使用されているフレームワークの種類、概要、環境構築、プログラムの方法を学んでいただげます。 本カリキュラムは「Struts2」「Spring Framework4」にフォーカ... -
JavaScript - React.js 入門研修パッケージReact.jsの概要や利用方法などを学習いただけます。簡単なWebアプリを作成を通して、全体像をシンプルに解説します。 -
Ruby実践研修パッケージ本カリキュラムは、自ら考えてRubyのコードを書けるようになるためのコースです。 動くプログラムを手を動かして書くことを原則とし、各回のテーマに沿ったプログラム... -
よくわかるコンプライアンス研修パッケージ組織で働く全ての人のための情報セキュリティやハラスメントなどのコンプライアンス研修に利用できるカリキュラムです。 情報管理を「会社をツブさないため」と解説... -
エクセル入門編 研修パッケージExcelの基礎技術を学習することができるエクセル研修のパッケージです。 見やすいグラフの作成方法や、よく使う関数などを解説します。本内容を習得することで、手作業... -
パワーポイント入門編 研修パッケージPowerPointの基礎技術を学習するためのカリキュラムです。 ツールの操作はもちろん、資料作成のための前提知識も解説します。 ※バージョンはOffice 2016（Windows版... -
資料作成実践編（エクセル/パワーポイント）研修パッケージ見やすいグラフやスライド資料の作成方法を学ぶカリキュラムです。 独学で悩みがちの本テーマを、具体例や実践例を交えながらお伝えします。 -
クラウド基礎知識（AWS編）研修パッケージAmazon Web Service（AWS）の製品・サービス・利用方法を学ぶことができる初心者向けのAWS研修パッケージです。 前半では初心者が抱える不安を解消しながら、EC2 / S3 ... -
クラウド実践知識（AWS編）研修パッケージAmazon Web Services(AWS)のソリューションアーキテクト(SA)チームメンバーが、2017年特に多かった技術的相談内容を傾向別に学ぶことができるAWS研修パッケージです。 ... -
クラウド基礎知識（GCP編）研修パッケージGoogle Cloud Platform（GCP）の製品・サービス・利用方法を学ぶことができるGCP研修パッケージです。 このカリキュラムを通して、WebサイトやWebアプリを構築するため... -
Heroku入門研修パッケージHerokuの特徴から開発の進め方、開発生産性を向上させる便利なツールの活用、Herokuでアプリケーションを設計・運用する上でのコツなどを学ぶことができるWebアプリケー... -
アプリデザイン 入門研修パッケージアプリデザインの考え方、プロトタイプ制作についてを学ぶことができるwebアプリケーション研修パッケージです。 デザイナーはもちろん、アプリ開発に関わる企画職やエ...
-
HTML/CSS 入門研修パッケージこのカリキュラムでは、これからHTML/CSSを勉強したいという方に向けて、用語の説明やタグの使い方など、一つ一つ丁寧に学ぶことができるHTML/CSS研修パッケージです。 ...
-
HTML/CSS 特訓研修パッケージWeb制作におけるPCサイト及びスマートフォン（スマホ）サイトのコーディングテクニックを学ぶことができるコーディング研修パッケージです。 前半ではMediaQueryを用い...
-
JavaScript 入門カリキュラム今までプログラミングの経験が無い方にも プログラミングが0から理解できるJavaScript研修パッケージです。 今使っているSchooのページを使ってJava...
-
JavaScript 実践カリキュラムブラウザで動くタイピングゲームの作成を通して、JavaScriptでのプログラミング方法を学ぶことができるJavaScript研修パッケージです。 文字の表示やキータイピングの...
-
WordPress 入門カリキュラムHTML/CSSは理解しているがWordPressは触ったことがないという方を対象に、WordPressでのサイト立ち上げまでを学ぶことができるWordPress研修パッケージです。 WordPres...
-
Git 超入門カリキュラム湊川 あい先生の大ヒットシリーズ『わかばちゃんと学ぶ』シリーズの動画版として、Git初心者の女の子「わかばちゃん」と一緒に豊富な図解・マンガで楽しくGitを学ぶこと...
-
Androidアプリ開発 入門研修パッケージ2017年から正式サポートされたKotlin言語を利用したAndroidアプリ開発を学ぶことができるAndroid研修パッケージです。 Android Studio 3.0の利用方法も合わせて紹介し... -
C#入門研修パッケージC#入門研修パッケージでは、プログラミングの経験がある人を対象とし、プログラミング言語「C#」を学ぶことができます。 受講することで、C#の基本文法を理解し、プロ... -
C#実践研修パッケージ実際にアプリケーションを作成しながら、C#の理解を更に深めていくC#実践研修パッケージです。 WPF、UWP、Xamarin、ASP.NETというC#を用いたアプリケーションを解説し... -
COBOL入門研修パッケージCOBOLの基本文法の学習を通して、COBOLで簡単なプログラムを作成できるようになるためのCOBOL入門研修パッケージです。 またCOBOLシステムのITモダナイゼーション（マ... -
iOSアプリ開発 実践研修パッケージオリジナルのSNSアプリの開発を通して、iOSアプリ開発の全体像を学ぶことができるアプリ開発実践研修パッケージです。 -
iOSアプリ開発 入門研修パッケージオリジナルの簡単なアプリ作成を通して、Viewの概念やXcodeの使い方を学ぶことができるアプリ開発入門研修パッケージです。 -
Java入門 初級研修パッケージこの授業はJavaの基本となる要素を毎回一つずつ深堀りしながら、プログラムの書き方を学ぶことができるJava入門初級研修パッケージです。 全10回のコースで、初心者で... -
JavaScript 入門研修パッケージ今までプログラミングの経験が無い方にも プログラミングが0から学ぶことのできるJavaScript 入門研修パッケージです。 今使っているSchooのページ...
-
JavaScript - Backbone.js 入門研修パッケージフロントエンドJavaScriptフレームワークBackbone.jsの概要や、開発手法を学ぶことができるJavaScript 入門研修パッケージです。 -
RPA研修パッケージRPA（ロボティック・プロセス・オートメーション）の基本について学びたい方向けのRPA研修パッケージです。成果の出るRPA導入方法などについて学ぶことができます。 -
ITサービスマネジメント研修パッケージITサービスマネジメントについて初めて学ぶという方向けの研修パッケージです。サービスカタログ管理やサービスレベル管理 、インシデント管理などを学ぶことができます。 -
エンジニアマネジメント研修エンジニアの方向けのマネジメント研修パッケージです。マネジメントとは何か、といった基本的なことや組織内でのエンジニアの働き方などについて学ぶことができます。 -
プロジェクトマネジメント研修パッケージプロジェクトマネジメントについて初めて学ぶという方向けの研修パッケージです。プロジェクトマネジメントの基本やファシリテーションの方法、目標達成スキルについて... -
DX(デジタルトランスフォーメーション)研修パッケージDX(デジタルトランスフォーメーション)について学べる研修パッケージです。 企業がデジタル変革をする上で必要なことや、最先端のテクノロジーなどについて学ぶことが... -
AI研修パッケージAIを使える人材を育成する研修パッケージです。 実用的なAIビジネス思考や、最新のAI事情について学ぶことができます。 -
データ分析研修パッケージ(エクセル編)Excelを活用したデータ分析について学べる研修パッケージです。 データ分析をする際の考え方から、「並べ替え」「オートフィルタ」「ピボットテーブル」などのExcel分... -
データ分析研修パッケージ(Googleアナリティクス編)Googleアナリティクス(GA)を使用したデータ分析について学べる研修パッケージです。 データから気づきを発見するための方法から、分析結果から精度が高い改善案の考え... -
業務自動化研修パッケージPythonを使用したデータ分析やGASを使用した業務の自動化について学ぶことができる研修パッケージです。 エンジニアリングの経験が無くても、これからデータサイエンス... -
ブロックチェーン研修パッケージブロックチェーンについて学べる研修パッケージです。 「ブロックチェーンとは何か」という基礎的なことから、「どのような分野に活用されているのか」という応用まで... -
Python研修パッケージ(基本編)Pythonの基本について学びたいという方向けの研修パッケージです。 Pythonの機能や特徴、インストールの方法といった超入門の基礎知識を習得し、Pythonでできることに... -
GAS研修パッケージ(業務自動化・効率化)GAS(Google Apps Script)による業務自動化・効率化について学べる研修パッケージです。GASを初めて学ぶ方向けです。 -
Java - SpringBoot2 / Spring5 入門研修パッケージJavaを使用したWebアプリケーションの開発工程を全6回の授業で学びます。 本授業では、複数あるJavaのフレームワークの中から「SpringBoot2 / Spring5」にフォーカスし... -
Java ステップアップ研修パッケージ初めての方でもJavaについての理解を深めながら開発まで行えるようになれるカリキュラムです。 開発環境の構築などの基礎知識から、実際にプログラムやサイト作成に至... -
PHP ステップアップ研修パッケージ初めての方でもPHPについての理解を深めながら開発まで行えるようになれるカリキュラムです。 開発環境や基本文法などの知識を、実際に掲示板やお問い合わせフォームの... -
JavaScript - jQuery 入門研修パッケージJavaScriptの定番ライブラリjQueryの概要や、開発手法を学ぶことができるjQuery研修パッケージです。 -
JavaScript - Node.js 入門研修パッケージNode.jsの概要や、開発手法を学ぶことができるNode.js入門研修パッケージです。 -
JavaScript - React.js 実践研修パッケージReact.js 実践研修パッケージでは、ES2015などの新しいJavaScriptの文法や、運用・保守に欠かせないテスト、複雑化する開発環境に関して解説します。 Fluxと組み合わせ... -
Linux 入門研修パッケージLinux入門研修パッケージでは、Linux(CentOS)を用いて、ソフトウェア開発で必要なローカル開発環境の構築方法、Linuxの基礎知識や基本操作を学び、ソフトウェア開発者や... -
MySQL入門研修パッケージMySQL入門研修パッケージでは、データベースの概要とMySQLの基本操作を身につけることが出来ます。 -
PHP 入門研修パッケージPHP入門研修パッケージでは、PHPで実際にtwitter風掲示板を作りながら、Webプログラミングの基礎を学ぶ事が出来ます。
-
社会人基礎スキル向上研修パッケージ（OAスキル編）若手社員向けの基礎的なOAスキルの向上を目的としたカリキュラムです。 WordやExcel、PowerPointなど、ビジネスマンとして欠かすことのできないスキルを身につけること... -
PHP - Laravel 入門研修パッケージ近年PHPのフレームワークとして人気が高まっているLaravelの概要や利用方法などを学ぶことができるLaravel研修パッケージです。 -
Python 入門研修パッケージこのPython入門研修パッケージでは、これからプログラミングを始めたいと考えている方々に向けて、Pythonの基本を紹介します。 Pythonの機能や特徴、インストールの方...
-
Python - Flask 入門研修パッケージPython入門研修パッケージでは、Pythonでプログラムを書ける方を対象として、Python用フレームワークFlaskでミニブログを作成することができます。 ライブコーディング... -
サーバーサービス入門研修パッケージサーバーサービスの基本を学べるカリキュラムです。 サーバーについての基礎知識からVPSとクラウドの違い、またサーバーの作成方法などを学習いただけます。 -
Ruby入門研修パッケージRuby入門研修パッケージでは、Rubyの基本文法を理解し、Webアプリケーション開発を行うことができるようになります。 ※HTMLの基礎的な知識をお持ちの方を対象としています -
サーバー運用研修パッケージサーバーサービスの基本を学べるカリキュラムです。 サーバーについての基礎知識からVPSとクラウドの違い、またサーバーの作成方法などを学習いただけます。
-
Ruby - Ruby on Rails 入門研修パッケージRuby on Rails入門研修パッケージでは、Rubyの定番フレームワークRuby on Railsの概要や、開発手法を学習いただけます。 -
サーバー設計・構築研修パッケージサーバー設計・構築を学べるカリキュラムです。 Microsoft Azureに関するさまざまなノウハウや、GCP・AWSなどのクラウドデザインパターンを学習いただけます。 -
SQLite入門研修パッケージSQLite入門研修パッケージではSQLiteを通して、データベースやテーブルの作成、データの追加や取得、といった基礎的な内容を中心に体系的にSQLiteの知識を学んでいきます。 -
ネットワーク設計・構築研修パッケージネットワーク設計・構築を学べるカリキュラムです。 TCP/IPの基本的な知識や、VPNとVLANの基礎から具体的な用途などを学習いただけます。 -
Unity入門研修パッケージUnity入門研修パッケージでは、Unityの機能、Unityの基本的な使い方や特徴を学習いただけます。 -
IT資格対策研修パッケージインフラエンジニアとして役に立つIT資対対策ができるカリキュラムです。 LPICやCCNAなどの取得につながる内容を学習いただけます。
-
エンジニアのための今更聞けないAI×機械学習×IoT入門AI×IOT研修は、会社からは新規事業の立ち上げのためAIや機械学習など新しい技術を学ぶように言われているが、日々忙しく新しい技術を学ぶ時間が無い中堅システムエンジ...
無料で80ジャンル・5,700本以上、
現場で成功しているプロの授業をお試しいただけます
スクーの学習コンテンツは、OAスキルやビジネススキルはもちろん、さまざまな業界の最新情報など社員様のレベルアップに繋がる動画を5,700本以上ご用意。新しい動画も毎月追加公開しています。
現場で成功しているプロが講師を務めるのもスクーならでは。単なる座学ではなく、本当に役に立つ学びを追求しています。
研修授業の講師一例
- 株式会社サイバーエージェント 取締役人事統括 曽山 哲人さん
- 株式会社カラーズ 代表取締役社長 経沢 香保子さん
- パーソナルキャリア株式会社／DODA編集長 大浦 征也さん など
1,600社以上の企業に選ばれた、オンライン動画学習のスクーで
ぜひ社員様が継続して学べる研修を実施しませんか？