←表示ページに戻る

検索結果

HTML／CSS／JavaScript基礎研修（４日間）

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

No. 6020010 9909034

24/10/28 更新

印刷はこちら
公開講座 Q&A
開催リクエスト受付中！ご希望の日程・地域で、１名さまから
本公開講座の追加開催リクエストができます。

研修内容・特徴
研修プログラム
スケジュール
よくあるご質問
受講者の評価
似たテーマの研修

対象者

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

研修内容・特徴outline・feature

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

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

研修プログラムprogram


	内容	手法
	１．ウェブサイトの基礎知識（１）ウェブサイトの基礎知識（２）編集ソフト	講義
	２.HTMLの概要（１）HTMLとは／基本書式（２）ネスト／バージョン	講義
	３．ウェブページの基本要素 ■基本構造／見出し／段落／リスト／リンク／画像	講義
	４．CSS（カスケーディング・スタイル・シート）の概要（１）CSSの役割／基本書式／セレクタ／継承（２）CSSの配置／外部化	講義ワーク
	５．CSSでのスタイル調整 ■背景色／テキスト色・サイズ／余白・枠／リンク色／カスケード	講義ワーク
	６．実用的なウェブページ ■テーブル／フォーム	講義
	７．ウェブサイト作成演習【ワーク】ウェブサイトを作成してみる	ワーク
	８．JavaScript入門（１）JavaScript概論／開発ツール／ダイアログボックス（２）関数／配列／オブジェクト他	講義ワーク
	９．JavaScript基本文法（１）ＩＦ文／比較演算子・論理演算子・算術演算子／繰り返し（２）関数／配列／オブジェクト他	講義ワーク
	１０．フォームで利用 ■フォームの入力内容の取得とイベント／Ｄａｔｅオブジェクト／型キャスト	講義ワーク
	１１．ｊＱｕｅｒｙ ■要素の取得、ｃｌａｓｓ属性の操作／アニメーション／ＡｊａｘとＪＳＯＮ	講義ワーク
	１２．ウェブサイト総合演習【ワーク】ウェブページにJavaScriptで機能追加したウェブサイトを作成してみる	ワーク

スケジュール・お申込み
（オンライン型／来場型開催）schedule・application

本研修は新入社員向けのスケジュール・内容で進行いたします。関連研修（新人IT研修）も多数ご用意しておりますので、ご希望の内容に応じてあわせてご確認ください。ご不明な点がございましたら、お申し込み前にお問い合わせください。
（関心のあるテーマ：「公開講座新人IT研修」とご記載のうえで、詳細をご入力ください。）

お問合せはこちら

オンライン型開催

上記の日程・会場で都合が合わないなら…

日程を追加設定する「公開講座リクエスト」

録画配信で受講する「公開講座オンデマンド」

来場型開催

上記の日程・会場で都合が合わないなら…

日程を追加設定する「公開講座リクエスト」

録画配信で受講する「公開講座オンデマンド」

注意事項

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

事前のご案内

受講者の評価evaluation

実施、実施対象

2022年7月　　　　　4名

業種

インソース

評価

内容：大変理解できた・理解できた

100%

講師：大変良かった・良かった

100%

参加者の声

HTMLについては既に持っている知識をしっかり補完できました。JavaScriptは今後学ぶJavaにも通ずるところがあるので、今回学んだ技術を活かします。
手順を読みながら手を動かし、その後に詳しい解説が入るという研修の進め方がわかりやすかった。いかにしてソースコードを短くし、読みやすく負担をかけないようにするかを考える。
すべてをすぐに覚えるのは難しいですが、どのような仕組みがあり、どのようなことができるのかを知ることができました。今後の検索などに知識を活かし、業務を進めます。
ＷＥＢページの作成は、いずれ業務で扱うことがあると思うので、しっかり復習して良いデザインを目指します。まずは、簡単なところから進めて、できることを増やします。

実施、実施対象

2020年4月　　　　　15名

業種

インソース

評価

内容：大変理解できた・理解できた

講師：大変良かった・良かった

参加者の声

学校でデータベースを学びながらHTMLを簡単に学んだことがありますが、今回は詳しく学ぶことができて嬉しかったです。以前はアンドロイドプログラミングを習いましたが、これと似た点が多く、すぐに目で確認できて面白い言語だと思います。
この分野はおそらく自分が行っていく業務に必ず関わってくるため、ｊＱｕｅｒｙの部分も学びを深めます。
もう少し深く学習してみたいという気持ちをあった。そのため本研修で得た知識をいかし、今後は独習で学び続けたい。
基本的な構文などだけでなく、ユーザー視点で考えることが重要だと感じました。常にユーザーの立場でものごとを考えるということを意識して業務に取り組みたいです。
ＷＥＢサイトの作成を実際に行ってみたいと感じた。

実施、実施対象

2020年1月　　　　　4名

業種

インソース

評価

内容：大変理解できた・理解できた

75%

講師：大変良かった・良かった

100%

参加者の声

社内ページを精査し、新しく構築したいと考えていたので、２日間で学んだ成果を発揮したいと思います。
自分の中であやふやになってた部分が理解できた。
ＷＥＢページの改修業務、HTMLメールの作成業務に活かしたい。
普段、あまり触れることが少なかったCSSについて深く学ぶことができました。まだまだ復習が必要ですが、十分業務に役立てられる研修内容でした。

実施、実施対象

2019年8月　　　　　7名

業種

インソース

評価

内容：大変理解できた・理解できた

100%

講師：大変良かった・良かった

85.7%

参加者の声

自身がデザインやバグ取りの直接作業をしなくても、中で何が行われているか、どれだけ手間がかかるかなどイメージできるようになったので、もっと勉強したい。
気になるホームページがあったら構造などを確認しようと思いました。
手を動かし、都度更新して変化を確認しながら進んだので、楽しみながら取り組むことができた。

実施、実施対象

2019年4月　　　　　16名

業種

インソース

評価

内容：大変理解できた・理解できた

講師：大変良かった・良かった

参加者の声

実際に会社のホームページ作成や編集に携わった際は、今回のことを思い出しながらひとつひとつできることを増やしたい。
基礎知識はもちろんのこと、グループワークで学んだ課題解決の仕方を取り入れていきたい。
現在業務で使用しているシステムは自社で作ったものなので、これを機に、簡単な改修ができるようにしたい。

お問合せフォームへ

似たテーマの研修recommend

若手層
中堅層
新入社員

プログラミング的思考力強化研修～スクラッチ（Scratch）言語を使ったアルゴリズム入門

新入社員
若手層
中堅層

ＩＴ入門研修（２日間）

新入社員
若手層
中堅層
リーダー層
管理職層
部長・経営層

システム・ＩＴ理解研修

若手層
リーダー層
中堅層

ＵＩ（ユーザーインターフェイス）設計力向上研修

よくあるご質問

→よくいただくご質問一覧

お問合せ・ご質問

公開講座Q&A

研修リクエスト

お問合せ

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

よくいただくご質問一覧

■最新作・ニュース

公開講座の年間実績

受講者数^※1: 名

開催数^※1: 回

講座数^※2: 種
類

WEBinsource ご利用社数^※2: 社

※1

※2

研修を探す

本研修をご検討中の方はこちら

開催リクエスト

商談予約

同テーマの講師派遣を見る

ご希望の日程・地域で、１名さまから、本公開講座の追加開催リクエストができます。

お得にご受講可能な講座一覧
～マンデー割引

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

最近見た公開講座

{{historyObj['pageTtl'] | supTextRemove | corporateNameRemove}}

→閲覧履歴をもっとみる

開催確定講座スケジュール一覧

ご好評につき「最近で開催が確定している講座」「日程をリクエスト追加した旬の講座」をご紹介します。

日程	時間	研修タイトル	会場
2026/7/27	09:00～17:00	Power Automate Desktop入門研修～定型業務を自動化する（２日間）	オンライン	申込み
2026/7/27	10:00～17:30	新任係長研修～現場運営の実行力	オンライン	申込み
2026/7/27	10:00～16:45	ＡＩ時代のトリプルスキル研修～問いを立て、評価し、決断を下す力を磨く	オンライン	申込み
2026/7/27	10:00～16:45	分かりやすい説明の仕方研修～言いたいことを簡潔に伝える	東京	申込み
2026/7/27	10:00～16:45	新任課長研修～管理職に求められるマネジメント・采配力（２日間）	名古屋	申込み
2026/7/27	10:00～16:45	判断力強化研修～８つの観点で意思決定ができる管理職になる	オンライン	申込み
2026/7/27	10:00～13:00	（半日研修）業務効率化のためのCopilot研修～文書・Excel業務のコツをつかむ	オンライン	申込み
2026/7/27	10:00～16:45	新任課長研修～管理職に求められるマネジメント・采配力（２日間）	東京	申込み
2026/7/27	14:00～17:00	（半日研修）なぜなぜ分析研修～考えるクセをつける	オンライン	申込み
2026/7/27	10:00～16:45	メンター研修～メンティのよき相談相手となる	オンライン	申込み
2026/7/27	09:00～17:00	役員・部長研修～経営幹部に求められる資質・行動・判断軸	東京	申込み
2026/7/27	10:00～16:45	はじめてのＯＪＴ研修～指導における不安を解消し、自信を持って新人・後輩指導を行う	オンライン	申込み
2026/7/28	09:00～17:00	（新入社員・新社会人向け）ビジネス文書研修	オンライン	申込み
2026/7/28	10:00～16:45	ＭｉｃｒｏｓｏｆｔＯｆｆｉｃｅ研修～Ｅｘｃｅｌ応用編	オンライン	申込み
2026/7/28	10:00～17:30	新任管理職研修～求められる３つのマネジメント（人材、組織、業務）とリーダーシップ（２日間）	オンライン	申込み
2026/7/28	09:00～17:00	上級管理職研修～部長に求められる４つのマネジメント（２日間）	東京	申込み
2026/7/28	10:00～16:45	生成ＡＩを味方にするWebマーケティング戦略とAIO・LLMO対応記事作成術～年間6,000件の問合せを獲得する、インソース流のWeb開発	オンライン	申込み
2026/7/28	10:00～13:00	（半日研修）生成ＡＩを活用したマーケティング研修～GeminiとNotebookLM編	オンライン	申込み
2026/7/29	10:00～16:45	ラテラルシンキング研修～新たな発想を生み出す力を養う	東京	申込み
2026/7/29	09:00～17:00	（新入社員・新社会人向け）レジリエンス研修～失敗をチャンスに変え、成長する	オンライン	申込み
2026/7/29	10:00～17:30	新任主任研修～リーダーの自覚と責任	オンライン	申込み
2026/7/29	10:00～16:45	ロジカルシンキング研修	東京	申込み
2026/7/29	10:00～16:45	課題設定力研修～主体的な問題解決のための手法とマインド	大阪	申込み
2026/7/29	10:00～16:45	ＡＩ時代の質問力向上研修～求められる「問題発見力」と「問いを立てる力」	オンライン	申込み
2026/7/29	10:00～16:45	マスターズ（ベテラン世代向け）研修～好奇心をもって仕事人としての「芸」を磨く	オンライン	申込み
2026/7/29	14:00～17:00	（半日研修）ハラスメント防止研修～被害者にも加害者にもならないために	オンライン	申込み
2026/7/29	10:00～16:45	段取り研修～管理職としての基本的マネジメントスキルを理解する	東京	申込み
2026/7/29	10:00～17:30	新任部長研修～経営視点の組織マネジメント	オンライン	申込み
2026/7/30	10:00～16:45	システム・ＩＴ理解研修	オンライン	申込み
2026/7/30	10:00～16:45	Copilot Studio研修～社内データ活用エージェントを作る	オンライン	申込み
2026/7/30	10:00～16:45	ＯＪＴ研修～部下・後輩指導の基本スキルを習得する	オンライン	申込み
2026/7/30	10:00～16:45	段取り研修～管理職としての基本的マネジメントスキルを理解する	大阪	申込み
2026/7/30	10:00～17:30	新任主任研修～リーダーの自覚と責任	東京	申込み
2026/7/30	10:00～17:30	新任次長研修～全体最適の調和力	大阪	申込み
2026/7/30	10:00～16:45	リーダーのための仕事の進め方研修～部署をまたぐプロジェクトを進める	オンライン	申込み
2026/7/31	10:00～16:45	ＯＪＴ研修～部下・後輩指導の基本スキルを習得する	東京	申込み
2026/7/31	10:00～16:45	リーダーのためのアサーティブコミュニケーション研修	東京	申込み
2026/7/31	09:00～17:00	業務効率化のためのGemini研修～Googleアプリとの連携で作業時間を削減する	オンライン	申込み
2026/7/31	10:00～16:45	チームマネジメント研修～仕組み作りと推進力を学ぶ	大阪	申込み
2026/7/31	10:00～17:30	中堅社員研修～管理職を補佐し、部の成果を出す！	オンライン	申込み
2026/7/31	10:00～16:45	分かりやすい説明の仕方研修～言いたいことを簡潔に伝える	オンライン	申込み
2026/7/31	09:00～17:00	業務効率化のためのClaude活用研修～Excel業務と資料作成の負担を減らす	オンライン	申込み
2026/7/31	10:00～16:45	タイムマネジメント研修～仕事を効率的に進めるための時間管理を学ぶ	東京	申込み