loading...

検索結果

HTML/CSS/JavaScript基礎研修(4日間)

WEB

HTML/CSS/JavaScript基礎研修(4日間)

Webページ作成に必要な3つの言語を実践的にマスター

No. 6020010 9909034

対象者

・HTML、CSS、JavaScriptの基本構造を理解したい方

研修内容・特徴outline・feature

・ウェブサイト、HTML/CSSの基本構造を理解する
・入力フォームのあるウェブページを作成できる
・JavaScript文法について理解する
・代表的なJavaScriptライブラリである「jQuery」と「Ajax」についての知識を得る

*この研修ではPCを使用します*
研修会場にノートPCをご用意をしております
(持ち込んだPCのご利用はできません)
*オンライン研修の受講環境について*
オンライン研修では開発用ソフトVisual Studio CodeをインストールしたPCからの受講をお願いしております。
また、受講者ご自身に管理者権限のあるPCをご用意ください。
WindowsPCからの参加をお願いします。

研修プログラムprogram

  内容 手法
  • 1.ウェブサイトの基礎知識
    (1)ウェブサイトの基礎知識
    (2)編集ソフト
講義
  • 2.HTMLの概要
    (1)HTMLとは/基本書式
    (2)ネスト/バージョン
講義
  • 3.ウェブページの基本要素
    ■基本構造/見出し/段落/リスト/リンク/画像
講義
  • 4.CSS(カスケーディング・スタイル・シート)の概要
    (1)CSSの役割/基本書式/セレクタ/継承
    (2)CSSの配置/外部化
講義
ワーク
  • 5.CSSでのスタイル調整
    ■背景色/テキスト色・サイズ/余白・枠/リンク色/カスケード
講義
ワーク
  • 6.実用的なウェブページ
    ■テーブル/フォーム
講義
  • 7.ウェブサイト作成演習
    【ワーク】ウェブサイトを作成してみる
ワーク
  • 8.JavaScript入門
    (1)JavaScript概論/開発ツール/ダイアログボックス
    (2)関数/配列/オブジェクト他
講義
ワーク
  • 9.JavaScript基本文法
    (1)IF文/比較演算子・論理演算子・算術演算子/繰り返し
    (2)関数/配列/オブジェクト他
講義
ワーク
  • 10.フォームで利用
    ■フォームの入力内容の取得とイベント/Dateオブジェクト/型キャスト
講義
ワーク
  • 11.jQuery
    ■要素の取得、class属性の操作/アニメーション/AjaxとJSON
講義
ワーク
  • 12.ウェブサイト総合演習
    【ワーク】ウェブページにJavaScriptで機能追加したウェブサイトを作成してみる
ワーク

スケジュール・お申込み
(オンライン型/来場型開催)schedule・application

本研修は「新人IT研修(Java、PHPほか)」コースの一部を抜粋して受講いただく形式となります。研修は新入社員向けのスケジュール・内容で進行いたしますため、部分受講をご希望の方は、お申し込み前に必ずお問い合わせください。 (関心のあるテーマ:公開講座新人IT研修、とご入力いただいたうえで詳細をご入力ください。)

お問合せはこちら

注意事項

  • 同業の方のご参加はご遠慮いただいております
  • 会場やお申込み状況により、事前告知なく日程を削除させていただくことがあります
  • カリキュラムは一部変更となる可能性があります。大幅な変更の際は、申込ご担当者さまへご連絡いたします。

事前のご案内

受講者の評価evaluation

実施、実施対象
2022年7月     4名
業種
インソース
評価
内容:大変理解できた・理解できた
100%
講師:大変良かった・良かった
100%
参加者の声
  • HTMLについては既に持っている知識をしっかり補完できました。JavaScriptは今後学ぶJavaにも通ずるところがあるので、今回学んだ技術を活かします。
  • 手順を読みながら手を動かし、その後に詳しい解説が入るという研修の進め方がわかりやすかった。いかにしてソースコードを短くし、読みやすく負担をかけないようにするかを考える。
  • すべてをすぐに覚えるのは難しいですが、どのような仕組みがあり、どのようなことができるのかを知ることができました。今後の検索などに知識を活かし、業務を進めます。
  • WEBページの作成は、いずれ業務で扱うことがあると思うので、しっかり復習して良いデザインを目指します。まずは、簡単なところから進めて、できることを増やします。

実施、実施対象
2020年4月     15名
業種
インソース
評価
内容:大変理解できた・理解できた
0%
講師:大変良かった・良かった
0%
参加者の声
  • 学校でデータベースを学びながらHTMLを簡単に学んだことがありますが、今回は詳しく学ぶことができて嬉しかったです。以前はアンドロイドプログラミングを習いましたが、これと似た点が多く、すぐに目で確認できて面白い言語だと思います。
  • この分野はおそらく自分が行っていく業務に必ず関わってくるため、jQueryの部分も学びを深めます。
  • もう少し深く学習してみたいという気持ちをあった。そのため本研修で得た知識をいかし、今後は独習で学び続けたい。
  • 基本的な構文などだけでなく、ユーザー視点で考えることが重要だと感じました。常にユーザーの立場でものごとを考えるということを意識して業務に取り組みたいです。
  • WEBサイトの作成を実際に行ってみたいと感じた。

実施、実施対象
2020年1月     4名
業種
インソース
評価
内容:大変理解できた・理解できた
75%
講師:大変良かった・良かった
100%
参加者の声
  • 社内ページを精査し、新しく構築したいと考えていたので、2日間で学んだ成果を発揮したいと思います。
  • 自分の中であやふやになってた部分が理解できた。
  • WEBページの改修業務、HTMLメールの作成業務に活かしたい。
  • 普段、あまり触れることが少なかったCSSについて深く学ぶことができました。まだまだ復習が必要ですが、十分業務に役立てられる研修内容でした。

実施、実施対象
2019年8月     7名
業種
インソース
評価
内容:大変理解できた・理解できた
100%
講師:大変良かった・良かった
85.7%
参加者の声
  • 自身がデザインやバグ取りの直接作業をしなくても、中で何が行われているか、どれだけ手間がかかるかなどイメージできるようになったので、もっと勉強したい。
  • 気になるホームページがあったら構造などを確認しようと思いました。
  • 手を動かし、都度更新して変化を確認しながら進んだので、楽しみながら取り組むことができた。

実施、実施対象
2019年4月     16名
業種
インソース
評価
内容:大変理解できた・理解できた
0%
講師:大変良かった・良かった
0%
参加者の声
  • 実際に会社のホームページ作成や編集に携わった際は、今回のことを思い出しながらひとつひとつできることを増やしたい。
  • 基礎知識はもちろんのこと、グループワークで学んだ課題解決の仕方を取り入れていきたい。
  • 現在業務で使用しているシステムは自社で作ったものなので、これを機に、簡単な改修ができるようにしたい。

読み物・コラムcolumn

    お問合せ・ご質問

    よくいただくご質問~お申込み方法や当日までの準備物など、公開講座について詳しくご説明

    最新作・ニュース

    ページトップへ
    年間実績公開講座の年間実績
    受講者数※1
    開催数※1
    講座数※2

    WEBinsource
    ご利用社数※2

    ※1 

    ※2 

    研修を探す
    開催地で探す
    階層で探す
    テーマで探す
    コースマップで探す
    日程で探す
    課題・状況で探す

    公開講座からの新着メッセージ

      日程 時間 研修タイトル 会場
      2026/2/910:00~13:00 (半日研修)ChatGPTのはじめ方研修~触って学び、明日の業務を効率化する 東京 申込み
      2026/2/910:00~13:00 (半日研修)コンプライアンス研修~個人情報保護、情報セキュリティ、SNSのリスクを知る編 大阪 申込み
      2026/2/910:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 東京 申込み
      2026/2/910:00~16:45 Microsoft Office研修~Excel応用編 東京 申込み
      2026/2/909:00~17:00 Power BI Desktop基礎研修~データの可視化・分析を効率化する オンライン 申込み
      2026/2/910:00~16:45 トリプルシンキング実践研修~クリティカル・ラテラル・ロジカルシンキングを応用する(2日間) オンライン 申込み
      2026/2/910:00~17:30 新任係長研修~現場運営の実行力 東京 申込み
      2026/2/1010:00~17:30 管理職向け研修~マネージャーとしての課題を整理する 大阪 申込み
      2026/2/1010:00~16:45 段取り研修~管理職としての基本的マネジメントスキルを理解する 東京 申込み
      2026/2/1010:00~17:30 若手社員研修~主体性の発揮 東京 申込み
      2026/2/1010:00~16:45 50代向けキャリアデザイン研修~人生100年時代のマネーとキャリアを考える 東京 申込み
      2026/2/1010:00~16:45 課題設定力研修~主体的な問題解決のための手法とマインド 東京 申込み
      2026/2/1010:00~16:45 アサーティブコミュニケーション研修~自他尊重のスタンスで言いにくいことを伝える オンライン 申込み
      2026/2/1010:00~16:45 4SHIP研修~視座を高め、組織的に活躍する4方向の意識と行動 オンライン 申込み
      2026/2/1010:00~16:45 クリティカルシンキング研修(実践編)~リーダーとしての思考力を強化する オンライン 申込み
      2026/2/1010:00~16:45 カスタマーハラスメント防止研修~正しい知識を味方につける オンライン 申込み
      2026/2/1210:00~16:45 OJT研修~部下・後輩指導の基本スキルを習得する(2025年版) 大阪 申込み
      2026/2/1209:00~17:00 業務効率化のためのGemini研修~Googleアプリとの連携で作業時間を削減する オンライン 申込み
      2026/2/1210:00~16:45 生成AIへの仕事の任せ方ワークショップ~120%のポテンシャルを発揮する オンライン 申込み
      2026/2/1210:00~17:30 労務管理研修~管理職として「使用者」の立場で成果とルールの両立を目指す オンライン 申込み
      2026/2/1210:00~16:45 良い人材を見抜くための採用面接研修 オンライン 申込み
      2026/2/1209:00~17:00 Python学院~基本文法編/プログラミング未経験から業務への活用方法を学ぶ(1日間) オンライン 申込み
      2026/2/1310:00~13:00 <速習!>(半日研修)(中級者向け)Excel研修~パワークエリを用いたデータの取込みと整形編 オンライン 申込み
      2026/2/1310:00~17:30 リーダーとしての問題解決力向上研修~経営的視点と仮説思考で問題解決力を高める オンライン 申込み
      2026/2/1310:00~16:45 アサーティブコミュニケーション研修~自他尊重のスタンスで言いにくいことを伝える オンライン 申込み
      2026/2/1310:00~16:45 人を動かすコミュニケーション研修~キーパーソンへ働きかける編 東京 申込み
      2026/2/1310:00~17:30 新任主任研修~リーダーの自覚と責任 東京 申込み
      2026/2/1310:00~16:45 マーケティング研修~STP・4Pから学ぶ売るための仕組み作り 東京 申込み
      2026/2/1310:00~16:45 報告書・議事録の書き方研修~必要情報を細大漏らさず表現する オンライン 申込み
      2026/2/1310:00~16:45 ラテラルシンキング研修~新たな発想を生み出す力を養う オンライン 申込み
      2026/2/1310:00~16:45 部下モチベーション向上研修~風通し・見通しをよくするコミュニケーション オンライン 申込み
      2026/2/1310:00~16:45 構想力強化研修~アイデアを実現するまでのプロセスを学ぶ オンライン 申込み
      2026/2/1310:00~16:45 達成力強化研修~仕事を最後までやり抜く力を身に付ける オンライン 申込み
      2026/2/1610:00~13:00 (半日研修)Copilotのはじめ方研修~生成AIを仕事で頼れるパートナーにする オンライン 申込み
      2026/2/1614:00~17:00 (半日研修)Copilotのはじめ方研修~生成AIを仕事で頼れるパートナーにする オンライン 申込み
      2026/2/1610:00~16:45 仮説構築力向上研修~仕事の精度とスピードを高める思考法を身につける 東京 申込み
      2026/2/1610:00~16:45 ChatGPT×Excel研修~知識ゼロからマクロを作る オンライン 申込み
      2026/2/1610:00~16:45 共感力発揮研修~スムーズに仕事を進めるために理解と思いやりを示す オンライン 申込み
      2026/2/1710:00~16:45 OJT研修~部下・後輩指導の基本スキルを習得する(2025年版) オンライン 申込み
      2026/2/1710:00~16:45 ファシリテーション研修~会議を円滑に進行する4つのスキル オンライン 申込み
      2026/2/1710:00~13:00 (半日研修)ChatGPT×Excel研修~身近なExcel業務から始めるAI活用 オンライン 申込み
      2026/2/1710:00~16:45 新任課長研修~管理職に求められるマネジメント・采配力(2日間) 大阪 申込み
      2026/2/1714:00~17:00 (半日研修)企業間取引で発生する契約の基本を学ぶ研修 オンライン 申込み
      2026/2/1710:00~16:45 次期管理職向け研修~プレイヤーとの違いを理解し、その日に向けて準備する 東京 申込み
      2026/2/1710:00~16:45 Microsoft Office研修~Excel応用編 オンライン 申込み
      2026/2/1810:00~16:45 営業力レベルアップ研修~成果を出すための原理・原則 オンライン 申込み
      2026/2/1810:00~16:45 分かりやすい説明の仕方研修~言いたいことを簡潔に伝える オンライン 申込み
      2026/2/1810:00~16:45 現場マネージャー研修 オンライン 申込み
      2026/2/1809:00~17:00 Microsoft 365 Copilotの使い方研修~資料作成の時間を半減する オンライン 申込み
      2026/2/1810:00~17:30 若手社員研修~主体性の発揮 東京 申込み
      2026/2/1810:00~12:00 【内定者セミナー】社会人での目標・キャリアを考える オンライン 申込み
      2026/2/1910:00~16:45 はじめてのリーダーシップ研修~仕事力とコミュニケーション力強化編 大阪 申込み
      2026/2/1910:00~17:30 中堅社員研修~管理職を補佐し、部の成果を出す! 大阪 申込み
      2026/2/1910:00~16:45 メンター研修~メンティのよき相談相手となる オンライン 申込み
      2026/2/1910:00~16:45 はじめて学ぶ財務三表研修~ケースと図解で実務と数字を結びつける 東京 申込み
      2026/2/1909:00~17:00 Power Apps基礎研修~ローコードで業務効率化アプリを開発する オンライン 申込み
      2026/2/2010:00~16:45 Z世代の育て方研修~新しい価値観に向き合う人材育成のあり方 オンライン 申込み
      2026/2/2010:00~16:45 中堅社員向けオーナーシップ研修~当事者意識をもって、周囲に働きかける存在になる 東京 申込み
      2026/2/2010:00~16:45 経営戦略研修~勝ち筋を描くフレームワークの習得 オンライン 申込み
      2026/2/2010:00~16:45 (若手向け)ロジカルシンキング研修~情報を整理し、結論を導く オンライン 申込み
      2026/2/2010:00~16:45 仕事の任せ方研修~自分でやった方が早いを克服し、部下の成長を促す 東京 申込み
      2026/2/2010:00~16:45 クリティカルシンキング研修~本質を見抜く力を養う オンライン 申込み
      2026/2/2013:00~15:00 【全力解説】発想力強化研修~身近な特許事例に学ぶ、イノベーションを起こすための5つの視点 オンライン 申込み
      2026/2/2010:00~13:00 (半日研修)アンコンシャス・バイアス研修~無意識の決めつけ・思いこみを打破し、 改めて職場風土を考える オンライン 申込み
      2026/2/2014:00~17:00 (半日研修)なぜなぜ分析研修~考えるクセをつける オンライン 申込み
      2026/2/2010:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 大阪 申込み
      2026/2/2010:00~16:45 パワーポイントプレゼンテーション研修~訴求力のある資料と話し方を学ぶ オンライン 申込み
      2026/2/2410:00~13:00 (半日研修)生成AIで業務自動化研修~AIエージェントを自分専用の部下にする オンライン 申込み
      2026/2/2410:00~16:45 コミュニケーション研修~エトス・パトス・ロゴスで伝える力を強化する オンライン 申込み
      2026/2/2510:00~16:45 問題解決研修~ビジネス上の問題を解決する 大阪 申込み
      2026/2/2510:00~16:45 経営戦略研修~勝ち筋を描くフレームワークの習得 東京 申込み
      2026/2/2510:00~16:45 後輩サポート力研修~「頼れる先輩」に求められる3つのスキル オンライン 申込み
      2026/2/2610:00~12:00 (2時間研修)契約書の基本を学ぶ研修 オンライン 申込み
      2026/2/2610:00~17:30 新任管理職研修~求められる3つのマネジメント(人材、組織、業務)とリーダーシップ(2日間) 東京 申込み
      2026/2/2710:00~17:30 リーダーとしての問題解決力向上研修~経営的視点と仮説思考で問題解決力を高める オンライン 申込み
      2026/2/2710:00~17:30 新任主任研修~リーダーの自覚と責任 大阪 申込み
      2026/3/210:00~16:45 正しいビジネス文書の教え方研修~自信を持って後輩や部下の文書を添削する オンライン 申込み
      2026/3/210:00~13:00 (半日研修)業務効率化のためのCopilot研修~文書・Excel業務のコツをつかむ オンライン 申込み
      2026/3/214:00~17:00 (半日研修)業務効率化のためのCopilot研修~文書・Excel業務のコツをつかむ オンライン 申込み
      2026/3/310:00~16:45 社会人1年目・2年目ステップアップ研修~周辺配慮を意識した仕事の進め方 東京 申込み
      2026/3/410:00~16:45 新任課長研修~管理職に求められるマネジメント・采配力(2日間) 東京 申込み
      2026/3/410:00~16:45 ロジカルシンキング研修(実践編)~論理的思考による問題解決 大阪 申込み
      2026/3/410:00~16:45 若手社員向けビジネスマインド強化研修~主体性、業務・役割の領域拡大、自分で考える 東京 申込み
      2026/3/410:00~13:00 (半日研修)なぜなぜ分析研修~考えるクセをつける オンライン 申込み
      2026/3/510:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 東京 申込み
      2026/3/510:00~16:45 評価者研修~公正な評価のポイントを学び、納得感のある評価を行う 大阪 申込み
      2026/3/510:00~16:45 27歳の壁を乗り越える研修~仕事の「慣れ」に打ち勝ち、成長を続ける オンライン 申込み