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