Webデザイン研修 【Webデザインの基礎を身に付ける】

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

Webデザインの基礎を身に付けるWebデザイン研修

本研修の対象

新入社員 若手社員 エンジニア 非エンジニア

  • これからWebデザインに関わる予定の方や既に関わっている方
  • 未経験の状態からのキャリアアップを考えている方
  • Webサイトをデザインしたり、CSSなどの周辺技術の習得が求められる方

こんなお悩みや課題をお持ちの方へ

研修に対する課題
  • ホームページを作成したいが、何から手を付ければよいのかわからない
  • webアプリケーションの基本的な仕組みを学んでほしい
  • んHTML/CSSを使用して基礎的なウェブページを作成できるようになってほしい
  • ホームページの修正などを行えるような基礎的な知識を身に付けてほしい

Webデザイン研修の概要

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

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

Webデザイン研修とは

Webデザイン研修のラインナップ

HTML/CSS研修

レスポンシブデザインを実現するための研修です。CSSフレームワークや、メンテナンス性や視認性が高いSassについて学ぶことで、Webサイト開発を容易にします。

研修タイトル想定研修時間
HTML/CSS研修 公開講座 プログラミング入門研修 3日間
HTML/CSS研修 一社研修 CSS設計・Sass研修【コンポーネント設計を身につける】 6時間 (変更可)
HTML/CSS研修 一社研修 CSSフレームワーク研修 Bootstrap開発入門【効率のよいWebデザインを学ぶ】 7時間 (変更可)
HTML/CSS研修 一社研修 プログラミング入門研修【3日でわかる】 3日間 (変更可)

リスキル研修の特徴

リスキルのWeb研修には次のような特徴があります。

様々な状況に対応

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

実践を通してスキルを習得する

リスキルのWebデザイン研修は、自ら考える時間を多く設けています。

学ぶ→実際に手を動かしてやってみる→振り返る、を繰り返すことで、スキルを実践的に身に付け、明日から職場で活用することができます

CSSの構造など、現代のWebサイトに必須の事項についても理解を深めることで、開発者としての力を伸ばすことが期待できます。

見積りを10秒作成 お問い合わせはこちら 研修資料を請求する

研修カリキュラムの例

次のカリキュラムはWebデザイン研修に属するCSSフレームワーク研修 Bootstrap開発入門【効率のよいWebデザインを学ぶ】のカリキュラムです。研修の流れの例としてご参考ください。

  1. 01Bootstrapの基礎知識

    ゴール

    レスポンシブデザインおよびBootstrapの特徴であるグリッドレイアウトシステムを理解する

    • スマホ時代のWebデザイン
    • Bootstrapとは
    • Bootstrapのダウンロード
    • グリッドレイアウトの基本構成タグと基本コード
    • Webサイトの基本構成とサンプル作成
    • 列数と画面サイズ
    • 複数の幅指定
  2. 02コンテンツの基本デザイン

    ゴール

    Bootstrapに用意されている、コンテンツの基本的なデザインについて理解する

    • コンテンツの基本要素
    • コンテンツとコードの記述
    • リストの表示と定義リスト
    • スタイル・ユーティリティとは
    • フォームの基本
    • フォームレイアウト
  3. 03オリジナルGUIの利用

    ゴール

    Bootstrapに多数用意されているGUIコンポーネントの中から主なものを使えるようにする

    • ボタンコンポーネント
    • ドロップダウン、プログレスバー、バッジ
    • リストグループ
    • カルーセル
  4. 04ナビゲーション

    ゴール

    Bootstrapのナビゲーション関係するコンポーネントについて理解する

    • Navコンポーネントとは
    • 垂直リストとタブ表示
    • NavBar
    • パンくずリストとは
    • スクロールスパイ
  5. 05スクリプトによる操作

    ゴール

    JavaScriptのスクリプトによる利用の基本操作をできるようにする

    • 基本フォームのスクリプト利用
    • ポップオーバー
    • アラート
    • モーダルダイアログ
    • 独自GUIのスクリプト利用
  6. LASTBootstrap実践演習

    ゴール

    演習を通してBootstrapの使い方を習得する

    • 課題演習
    • 講師からのフィードバック

豊富な研修実績

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

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

リスキルの研修は様々な企業様にご利用いただいています

研修実績 導入事例を見てみる

お見積もり、お問い合わせはこちらから

お見積もり、お問い合わせはこちらから

見積りを10秒作成

TOPへ

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

リスキルの社員研修に関する
お見積り、お問い合わせはこちらから

お電話はこちら

0120-299-194

0120-299-194

電話受付:月〜金 9:00-19:00(土日祝も研修実施)