HTML・CSS・JavaScript研修成果が出るWeb制作スキルを学ぶ

Webサイト制作に必須の HTML LS(HTML Living Standard)やCSS3はもちろん、ユーザーの操作に合わせてページに動きを加えるための言語であるJavaScript、Webサイト制作ツールの活用した制作方法を学びます。Webサイト制作で求められているW3C標準に則った正確な技術を身につけることができます。

対象者

  • 自社のWebサイトの更新を担当する方
  • 制作や開発の業務を担当する方
  • 制作会社などのパートナー企業とやり取りをされる方

研修の目的

  • 自社サイトの更新する際に、自分でカスタマイズしたりSEOを考慮した適切なページを作れるようにしたい
  • 制作会社からの納品物の品質評価ができないで、知識を身につけてディレクションができるようにしたい
  • Web技術の基本について理解することで、デジタル商材への理解度や提案力を高める

HTML・CSS・JavaScript研修で学べること

HTML・CSS・JavaScript研修では、Webサイト制作の基本となるHTML、CSS、JavaScriptを学習します。HTML Living Standardに即した適切な記述方法はもちろん、セマンティックコーディングの概念も学ぶため、正しい情報構造でHTMLを記述できます。その結果、SEOに強いページや、アプリとの連携がしやすいHTMLの作成ができるようになります。

授業では文法を学ぶだけではなく、演習を通じてWebページの制作を行いますので、制作業務を行うための技術も習得することができます。

また、JavaScriptの基本についても学習し、jQueryを利用したプラグインの使い方も行いますので、汎用性の高い機能をWebページに実装できるようになります。

到達目標

  • セマンティックコーディングを理解し、適切な情報構造のHTMLが記述できるようになる
  • デザインデータをもとにWebページのコーディングができるようになる
  • jQueryを利用した汎用性の高いアニメーションを実装できるようになる

カリキュラム内容

目次
HTML/CSS/JavaScript基礎
Web概論・HTML基礎
  • Webの概要
  • ホームページの概要
  • HTMLの基本的なタグ
  • テーブル(表)
ハイパーリンクとマルチメディア
  • ハイパーリンク
  • 画像とWebにおける色指定
  • 動画
  • 音声
フォーム
  • フォームとは
  • フォームのパーツ(基本)
  • フォームのパーツ(応用)
セマンティックコーディングとWeb制作フロー
  • HTMLの変遷
  • セマンティック・コーディング
  • Web制作フロー
  • 画像の書き出し
  • HTMLのコードチェック
CSS基礎
  • CSSとは
  • CSSのルール
  • セレクター
  • フォント、テキストのスタイリング
  • 疑似クラス
CSSレイアウト
  • CSSレイアウト1
  • CSSレイアウト2
  • デザインのプロパティ
  • 背景とボーダー画像
  • その他スタイル指定
オーサリングツールを使用した HTML構築(Dreamweaver)
  • オーサリングツールとは
  • コーディングに入る前
  • HTMLコードの記述
オーサリングツールを使用した CSS構築(Dreamweaver)
  • CSSコーディング
  • 開発者ツール
  • CSS演習
  • サーバーへのアップロード
メディアクエリ・Webフォント・CSSアニメーション
  • メディアクエリ
  • Webフォント
  • 疑似要素
  • グラデーション
  • trasnsformプロパティー
  • トランジション・アニメーション
JavaScript基礎1
  • JavaScriptの概要と書式
  • JavaScriptの命令
  • 変数・演算子
  • 条件・ループ
  • 関数とイベント
JavaScript基礎2
  • DOMの仕様と要素ノードの操作
  • 属性ノードとテキストノード
  • Googleマップの導入
jQuery
  • jQueryの基本
  • jQueryにおけるイベント処理
  • jQueryの実践
  • jQueryプラグインの利用
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 24時間 (2時間×12回)
※「3か月間の長期で実施したい」「1週間の短期で実施したい」等、ご要望に応じて研修期間を調整することができます。
日程 随時開催可 (ご希望の日程でお問合せください)
研修スタイル
お問い合わせ・ご相談

この研修の関連資格

  • ウェブデザイン技能検定3級
  • Webクリエイター能力検定エキスパート
  • HTML5プロフェッショナル認定資格

研修の料金体系

研修の基本料金は受講者数に応じて決まります。また、カリキュラム内容をカスタマイズする場合や講師派遣をする場合、その他、英語研修や制作物を公開させたい等のご要望に応じて変動いたします。詳しくはぜひお気軽にお問い合わせ・ご相談ください。

お問い合わせ・ご相談

助成金のご活用

人材開発支援助成金(旧キャリア形成促進助成金)は、労働者のキャリア形成を効果的に促進することを目的とした厚生労働省の制度です。この助成金を利用することで、研修費用のほか、受講時間などに対する賃金の助成を受けられる場合があります。

  • 助成額年内最大1,000万円

    年度内に最大1,000万円助成可能

  • 経費助成1人当たり最大50万円

    1人当たり最大50万円(大企業は1人当たり最大30万円)経費助成可能

  • 賃金助成1人1時間最大960円

    受講者1人1時間当たり960円(大企業は480円)賃金助成可能

※助成金利用には一定の条件がございます。詳しくは厚生労働省の人材開発支援助成金(旧キャリア形成促進助成金)のページをご確認ください。

助成金申請のアドバイスを致します

助成金の申請方法がわからない、面倒だ、といった理由で助成金活用をあきらめないで下さい。インターネット・アカデミーでは実績のある社会保険労務士事務所の指導のもと、申請のアドバイスをいたしますので、お気軽にご相談ください。

助成金活用のご相談

研修実施例・企業様からの評価

オリンパス株式会社R&D・QARA機能担当タレントマネジメント ICTソフトウェア機能担当/HRビジネスパートナー マネージャー 玉澤康至 様R&D機能医療ネットワーク開発 佐藤智憲様

  • 若手・中堅社員
  • カスタマイズ
  • プログラミング・インフラ
  • Web制作
  • Webアプリ開発
  • デバックサポート
オリンパス株式会社

Web開発の内製化を目的として据えて、最初の実施が社内のJavaエンジニアとUIデザイナーのスキルアップ研修でした。その後、正式に内製化に切り替えるというタイミングで、不具合が起きた時のためのサポートを求めてデバックサポートの研修をお願いしました。そのタイミングでは、インターネット・アカデミーの研修に満足していたので他社検討は全くしませんでした。

オリンパス株式会社様の研修事例

カシオ計算機(株)ディレクター 山本幸司 様

  • 若手・中堅社員
  • Web制作
  • プログラミング・インフラ
  • カスタマイズ
カシオ計算機(株)

研修を振り返ると、私自身はもちろん他の社員も、楽しみながらWebの技術を学べたようです。インターネット・アカデミーの研修は教え方が体系化されていて、とても分かりやすかったですし、実践の部分に比重を置いたカリキュラムとなるようカスタマイズしていただきましたので、非常に有意義なものとなりました。

カシオ計算機(株)様の研修事例

(株)エイチ・アイ・エスWEB事業部 WEB制作チーム チームリーダー 伊藤伸 様

  • 若手・中堅社員
  • Web制作
(株)エイチ・アイ・エス

研修は、とにかく内容が濃かったです。講師の方がテキストに沿って話をするだけではなく、具体的な事例を元に知識や技術を教えてくださったので、スムーズに理解できた上に、実務にもすぐに活かすことができました。実際、研修で頂いた資料は、今でも仕事をしながら見ています。

また、研修後、業務効率化のための組織体制の見直しも行いました。これまで、社歴の長いリーダークラスの人がチームに指示を出す、というようななんとなくの役割分担をしていたのですが、研修を経てWeb独自の制作の流れを理解することができたので、現在では明確に役割分担をして、制作の精度を高めつつ、チーム全体のスピードアップを図ることまでできるようになりました。

(株)エイチ・アイ・エス様の研修事例

インターネット・アカデミーならではのポイント

現場の活きた知識が学べる

現場の活きた知識が学べる

インターネット・アカデミーは1995年に創業したIT専門スクールです。母体であるWeb制作会社の「IBJ」で培った経験やノウハウを余すところなく落とし込んだIT特化型カリキュラムと、20年以上積み重ねてきた教育ノウハウを提供しています。

さらに、インターネット・アカデミーは日本のスクール業界で唯一、Web業界の標準ルールを定める団体である「W3C」のメンバーとなっています。 その強みを活かし、標準ルールに沿った最新かつ正確なITリテラシーを身に付けられるのが大きな特徴です。

初心者にわかりやすい授業

初心者にわかりやすい授業

インターネット・アカデミーでは、「講師の質がわかりやすさに繋がる」という考えのもと、インターネット・アカデミーが定める認定プログラムに合格した講師のみが授業を担当できるライセンス制度を採用しています。

さらに、授業後に満足度をアンケートシステムでフィードバック頂いたものをWebサイトにリアルタイムで公開する「リアルタイムアンケート」を取り入れることで、常に顧客の声を取り入れながら授業の改善を行なっています。

これらの取り組みによって、パソコンが苦手な初心者でも安心して授業を受けることができ、さらに受講生の知識レベルに差があっても高い満足度を維持できるのが特徴です。

受講生全員が高い成果を出すための研修サポート

インターネット・アカデミーの研修は、人事担当者が新入社員研修の成果を判断できるよう、様々な成果物を提供しています。成果にフォーカスするからこそ、研修生は受け身ではなく自発的な学習に姿勢が変わり、新入社員の早期戦力化が実現できるのです。

  • 学んだスキルを形にオリジナルサイト制作
    システム開発自習

  • 研修による成長を可視化人材アセスメント
    シート

  • 一人ひとりの課題を見つける資格取得サポートおよび
    実力テスト

  • 受講者の理解不足を解消実力の底上げを図る
    復習タイム

  • ビジネスマナーや企画提案力など総合的なビジネススキル
    の向上

  • ITスキルと英語力を備えた講師英語による
    IT研修に対応

研修サポートをくわしく見る

法人向けIT研修のご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

御社のご要望に合わせて最適な研修プランを無料でご提案いたします。研修のご相談やお見積もり依頼等も承っておりますので、ぜひお気軽にお問い合わせください。

2022年春の研修はお席が埋まりやすいため、新卒研修・助成金利用をご検討の方はお早めにお問い合わせください。

  • 1.情報の入力
  • 2.内容の確認
  • 3.送信完了
会社名必須
部署名必須
お名前必須
ふりがな必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
お問い合わせ内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

プライバシー保護のため暗号化通信を使用しています。
このページの上へ