テーマ別研修

研修の対象者

研修のメイン対象者

・これからWebデザインに関わる予定の方
・既にWebデザインに関わっている方
・未経験の状態からのキャリアアップを考えている方

こういった方にご利用いただいています

HTMLの基礎的な知識が身についた上で、さらに細かくWebサイトをデザインしたり、CSSなどの周辺技術の習得が求められる方にお勧めの研修です。

Web研修の概要

Web研修カテゴリーでは、スマホ時代においてWebデザインを行うにあたって必須となる各種スキルを習得するための研修メニューが用意されています。

HTMLを始めとしてフレームワークの習得などを行うことにより、より簡易的にWebサイトの開発が可能となります。

Web研修に属するカテゴリー一覧

Web研修に属するカテゴリーページです。詳細情報を確認するにはこちらもご参考ください。

Web研修の特徴

リカレントのWeb研修には次のような特徴があります。

様々な状況に対応

Webサイト開発のフレームワークとして特に代表的なBootstrapによるデザインワークや、より効率的にCSSを記述できるSaasなど、開発の際に必ず遭遇する技術について、それぞれ学習できるカリキュラムが用意されています。

実践のための学習を

演習も豊富に行い、ただやり方をなぞって暗記するばかりではなく、自ら考える時間が多い研修となっています。CSSの構造など、現代のWebサイトに必須の事項についても理解を深めることで、開発者としての力を伸ばします。

Web研修のラインナップ

HTML/CSS研修

一例:研修の流れ

Web研修のカリキュラムの一例です。研修の流れの例としてご参考ください。詳細は、こちらからご確認ください。CSSフレームワーク研修 Bootstrap開発入門 | 効率のよいWebデザインを学ぶ詳細ページはこちら。

1. Bootstrapの基礎知識 【ゴール】レスポンシブデザインおよびBootstrapの特徴であるグリッドレイアウトシステムを理解する
  • スマホ時代のWebデザイン
  • Bootstrapとは
  • Bootstrapのダウンロード
  • グリッドレイアウトの基本構成タグと基本コード
  • Webサイトの基本構成とサンプル作成
  • 列数と画面サイズ
  • 複数の幅指定
2. コンテンツの基本デザイン 【ゴール】Bootstrapに用意されている、コンテンツの基本的なデザインについて理解する
  • コンテンツの基本要素
  • コンテンツとコードの記述
  • リストの表示と定義リスト
  • スタイル・ユーティリティとは
  • フォームの基本
  • フォームレイアウト
3. オリジナルGUIの利用 【ゴール】Bootstrapに多数用意されているGUIコンポーネントの中から主なものを使えるようにする
  • ボタンコンポーネント
  • ドロップダウン、プログレスバー、バッジ
  • リストグループ
  • カルーセル
4. ナビゲーション 【ゴール】Bootstrapのナビゲーション関係するコンポーネントについて理解する
  • Navコンポーネントとは
  • 垂直リストとタブ表示
  • NavBar
  • パンくずリストとは
  • スクロールスパイ
5. スクリプトによる操作 【ゴール】JavaScriptのスクリプトによる利用の基本操作をできるようにする
  • 基本フォームのスクリプト利用
  • ポップオーバー
  • アラート
  • モーダルダイアログ
  • 独自GUIのスクリプト利用
6. Bootstrap実践演習 【ゴール】演習を通してBootstrapの使い方を習得する
  • 課題演習
  • 講師からのフィードバック
見積りを作成(所要時間10秒)

豊富な研修実績

リカレントのWeb研修は非常に多くの企業様よりお問い合わせをいただいております。

実際に研修を受講された方からは、まだWeb開発について初心者だったが問題なく受講できた、初歩的すぎてなかなか人に訊きづらかった内容が研修なので安心して質問が出来た、などご意見を頂いております。

リカレントの研修は様々な企業様にご利用いただいています

研修実績

Web研修一覧

1/1ページ

研修のお問い合わせはこちら

リカレントのサービスに関する
お見積もり、お問い合わせはこちらから

お電話はこちら

0120-80-9217

0120-80-9217

受付時間:平日9:30-21:30/土日祝9:30-18:30

お問い合わせ
お問い合わせ
0120-80-9217 メールでのお問い合わせ