どんな課題に対応しますか？

以下のような課題をお持ちのお客さまにおすすめいたします。フォームを含む基本的なWebページを作成できるようになりたい見やすく整えたはずなのに思い通りの表示にならないとつまづく新人・若手が多い実践的な教育機会を設け、新人でも簡単なページを自力で作れるよう育成したい

導入で何が変わりますか？

本研修の受講により、以下を目指します。 ①ＨＴＭＬを使って簡単なWebページを作成できる ②ＣＳＳを活用して見やすく読みやすいデザインに調整するポイントを理解する ③入力フォームを含む実用的なWebページを組み立てられる

←表示ページに戻る

検索結果

【新人ＩＴ研修】HTML／CSS基礎研修（３日間）

Q: 対象は？

主な対象は以下の方です。 ・新人エンジニア（ＳＥ）の方 ・Webサイトの制作業務を初めて担当する方 ・ＨＴＭＬやＣＳＳの仕組みを学んだことがない方

Q: どんな課題に対応しますか？

以下のような課題をお持ちのお客さまにおすすめいたします。 フォームを含む基本的なWebページを作成できるようになりたい 見やすく整えたはずなのに思い通りの表示にならないとつまづく新人・若手が多い 実践的な教育機会を設け、新人でも簡単なページを自力で作れるよう育成したい

書いて、動かして、フロントエンドの実装力を体得する

No. shinjinit16 shinjinit16on

26/07/30 更新

研修内容・特徴
お悩み・ニーズ
到達目標
研修プログラム
スケジュール
よくあるご質問
似たテーマの研修
関連サービス

対象者

新入社員

・新人エンジニア（ＳＥ）の方
・Webサイトの制作業務を初めて担当する方
・ＨＴＭＬやＣＳＳの仕組みを学んだことがない方

よくあるお悩み・ニーズ

フォームを含む基本的なWebページを作成できるようになりたい
見やすく整えたはずなのに思い通りの表示にならないとつまづく新人・若手が多い
実践的な教育機会を設け、新人でも簡単なページを自力で作れるよう育成したい

研修内容・特徴outline・feature

Web制作はタグや書式を覚えるだけでは、実務で使える力につながりません。本研修では、演習課題を通して、見出しや画像、リンクを組み合わせながらページを形にしていきます。ＣＳＳで色や余白、レイアウトを整えて完成度を高めながら、フォームの作成にも取り組みます。基礎知識と実践を結びつけながら、現場でそのまま活用できるページ制作の流れを習得できます。

＊本修ではＰＣを使用します＊
研修会場にノートＰＣをご用意をしております（持ち込んだＰＣのご利用はできません）

到達目標goal

①ＨＴＭＬを使って簡単なWebページを作成できる
②ＣＳＳを活用して見やすく読みやすいデザインに調整するポイントを理解する
③入力フォームを含む実用的なWebページを組み立てられる

研修プログラムprogram


	内容	手法
	１．Webサイトの基礎知識（１）Webサイトの基礎知識（２）編集ソフト	講義
	２．ＨＴＭＬの概要（１）ＨＴＭＬとは・基本書式（２）タグと要素	講義
	３．Webページの基本要素（１）基本構造・見出し・段落・リスト（２）リンク・画像【ワーク】カフェの採用ページを作成する	講義ワーク
	４．ＣＳＳの概要（１）ＣＳＳの役割・基本書式（２）セレクタ・継承（３）ＣＳＳの配置・外部化	講義
	５．ＣＳＳでのスタイル調整（１）テキスト色・サイズ・リンク色（２）背景色・余白・枠（４）カスケード・フレックスボックス・テーブル【ワーク】採用ページのデザインを整える【参考】モバイル対応	講義ワーク
	６．実用的なWebページ（１）フォームの基礎（２）セレクトリスト・ラジオボタン・チェックボックス・テキストフィールド（３）送信ボタン・ラベル【ワーク】エントリーフォームを作成する	講義ワーク

企画者コメントcomment

文法だけを学び、完成形をイメージできないまま学習を終えてしまうケースは少なくありません。そこで本研修は、学んだ内容を形にする楽しさや達成感を実感できるよう、具体的なお題に沿って、自身の手でWebページを完成させる実践的な演習を取り入れた構成となっています。

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

オンライン型開催

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

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

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

来場型開催

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

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

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

注意事項

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

事前のご案内

似たテーマの研修recommend

新入社員
若手層
中堅層
リーダー層
管理職層

HTML／CSS基礎研修（２日間）

新入社員
若手層
中堅層
リーダー層
管理職層

JavaScript基礎研修（２日間）

新入社員
若手層
中堅層

ネットワーク基礎研修（２日間）

新入社員

（新入社員・新社会人向け）ＩＴリテラシー研修

読み物・コラムcolumn

お問合せ・ご質問

公開講座Q&A

研修リクエスト

お問合せ

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

よくいただくご質問一覧

■最新作・ニュース

公開講座の年間実績

受講者数^※1: 名

開催数^※1: 回

講座数^※2: 種
類

WEBinsource ご利用社数^※2: 社

※1

※2

研修を探す

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

スケジュール

商談予約

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

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

最近見た公開講座

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

→閲覧履歴をもっとみる

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

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

日程	時間	研修タイトル	会場
2026/8/10	10:00～17:30	中堅社員研修～管理職を補佐し、部の成果を出す！	オンライン	申込み
2026/8/10	14:00～17:00	（半日研修）ChatGPT理解研修～導入事例やリスクを知り、組織での活用方法を検討する	オンライン	申込み
2026/8/10	09:00～17:00	Microsoft 365 Copilotの使い方研修～資料作成の時間を半減する	オンライン	申込み
2026/8/10	10:00～17:30	中堅社員研修～管理職を補佐し、部の成果を出す！	東京	申込み
2026/8/10	14:00～17:00	（半日研修）業務効率化のためのCopilot研修～文書・Excel業務のコツをつかむ	オンライン	申込み
2026/8/10	10:00～16:45	５０代向けキャリアデザイン研修～人生１００年時代のマネーとキャリアを考える	オンライン	申込み
2026/8/12	10:00～16:45	生成ＡＩへの仕事の任せ方ワークショップ～120％のポテンシャルを発揮する	オンライン	申込み
2026/8/13	10:00～16:45	ＡＩ時代のクリティカルシンキング研修～求められる「疑う力」と「活かす知恵」	オンライン	申込み
2026/8/13	10:00～16:45	段取り研修～管理職としての基本的マネジメントスキルを理解する	東京	申込み
2026/8/17	10:00～16:45	事例で学ぶハラスメント防止研修～管理職としてパワハラのもたらす損害について考える	名古屋	申込み
2026/8/17	10:00～17:30	新任管理職研修～求められる３つのマネジメント（人材、組織、業務）とリーダーシップ（２日間）	東京	申込み
2026/8/17	10:00～16:45	はじめてのリーダーシップ研修～仕事力とコミュニケーション力強化編	東京	申込み
2026/8/17	10:00～16:45	メンター研修～メンティのよき相談相手となる	オンライン	申込み
2026/8/18	10:00～16:45	問題解決研修～ビジネス上の問題を解決する	オンライン	申込み
2026/8/18	14:00～17:00	（半日研修）業務効率化のためのCopilot研修～文書・Excel業務のコツをつかむ	オンライン	申込み
2026/8/18	10:00～17:30	中堅社員研修～管理職を補佐し、部の成果を出す！	東京	申込み
2026/8/18	10:00～16:45	プレゼンテーション研修（実践編）～成果を見据えた、聞き手目線のプレゼンテクニック	オンライン	申込み
2026/8/19	10:00～16:45	アサーティブコミュニケーション研修～自他尊重のスタンスで言いにくいことを伝える	オンライン	申込み
2026/8/19	10:00～17:30	新任係長研修～現場運営の実行力	オンライン	申込み
2026/8/19	10:00～16:45	メンタルヘルス研修～セルフケア	オンライン	申込み
2026/8/20	10:00～16:45	タイムマネジメント研修～マルチタスク術で実現する仕事の生産性向上	オンライン	申込み
2026/8/20	10:00～16:45	ロジカルシンキング研修	オンライン	申込み
2026/8/20	10:00～16:45	はじめてのリーダーシップ研修～仕事力とコミュニケーション力強化編	オンライン	申込み
2026/8/20	10:00～16:45	トリプルシンキング実践研修～クリティカル・ラテラル・ロジカルシンキングを応用する（２日間）	オンライン	申込み
2026/8/20	10:00～17:30	創造力強化研修～クリエイティブシンキングのためのマインドとスキル	オンライン	申込み
2026/8/20	10:00～16:45	財務諸表の読み方研修～数字の意味を見通す力を鍛える	オンライン	申込み
2026/8/20	10:00～13:00	（半日研修）Copilotのはじめ方研修～生成AIを仕事で頼れるパートナーにする	オンライン	申込み
2026/8/20	10:00～16:45	仕事の実行力研修～「自律」「協働」「目的意識」で仕事を前に進める	東京	申込み
2026/8/20	10:00～17:30	中堅社員研修～管理職を補佐し、部の成果を出す！	東京	申込み
2026/8/20	10:00～16:45	次世代リーダー研修～安定力・思考力・指導力を身に付ける	大阪	申込み
2026/8/20	10:00～17:30	新任係長研修～現場運営の実行力	大阪	申込み
2026/8/20	09:00～17:00	業務効率化のためのGemini研修～Googleアプリとの連携で作業時間を削減する	オンライン	申込み
2026/8/21	10:00～16:45	SharePoint Online実践研修～今日から使えるサイト作成・運用術	オンライン	申込み
2026/8/21	10:00～16:45	後輩サポート力研修～「頼れる先輩」に求められる３つのスキル	オンライン	申込み
2026/8/21	10:00～16:45	分かりやすい説明の仕方研修～言いたいことを簡潔に伝える	東京	申込み
2026/8/21	10:00～16:45	プロジェクトマネジメント基礎研修	オンライン	申込み
2026/8/21	10:00～17:30	管理職向け研修～マネージャーとしての課題を整理する	オンライン	申込み
2026/8/21	10:00～16:45	達成力強化研修～仕事を最後までやり抜く力を身に付ける	東京	申込み
2026/8/21	10:00～16:45	行動経済学を活用した部下指導研修～部下の主体性を引き出す４つのポイント	オンライン	申込み
2026/8/21	10:00～17:30	新任係長研修～現場運営の実行力	東京	申込み

公開講座をさらにお得に

会員さま専用価格で受講できる

通常料金より最大50%割引

成長·中堅企業さま限定割引

人気テーマが最大61%割引

行政の制度を活用して受講

公開講座をさらに便利に

任意の日程·会場で開催できる

受購者が自分で研修を申込める

全国どこでも対面で開催できる

研修·受講履歴を一元管理

公開講座新作研修: 一覧はこちら; 2026年9月 4日
（新入社員・新社会人向け）相談力向上研修～何をどう切り出すか; 2026年9月 4日
（新入社員・新社会人向け）対人関係構築研修～応援され可愛がられる力; 2026年9月 4日
（新入社員・新社会人向け）分かりやすい説明の仕方研修～仕事で使えるプレゼン力を磨く; 2026年9月 4日
（新入社員・新社会人向け）アサーティブコミュニケーション研修; 2026年9月 4日
（新入社員・新社会人向け）電話応対実践研修～どんな用件にも慌てず対応する

今週の注目研修

触って学び、明日の業務を効率化する

ChatGPTのはじめ方研修

応用手法

ChatGPTプロンプトエンジニアリング研修

身近な業務から始めるＡＩ活用

ChatGPT×Excel研修

Excel・PowerPoint操作を効率化する

Microsoft 365 Copilotの使い方研修


	内容	手法
	１．Webサイトの基礎知識（１）Webサイトの基礎知識（２）編集ソフト	講義
	２．ＨＴＭＬの概要（１）ＨＴＭＬとは・基本書式（２）タグと要素	講義
	３．Webページの基本要素（１）基本構造・見出し・段落・リスト（２）リンク・画像【ワーク】カフェの採用ページを作成する	講義ワーク
	４．ＣＳＳの概要（１）ＣＳＳの役割・基本書式（２）セレクタ・継承（３）ＣＳＳの配置・外部化	講義
	５．ＣＳＳでのスタイル調整（１）テキスト色・サイズ・リンク色（２）背景色・余白・枠（４）カスケード・フレックスボックス・テーブル【ワーク】採用ページのデザインを整える【参考】モバイル対応	講義ワーク
	６．実用的なWebページ（１）フォームの基礎（２）セレクトリスト・ラジオボタン・チェックボックス・テキストフィールド（３）送信ボタン・ラベル【ワーク】エントリーフォームを作成する	講義ワーク

【新人ＩＴ研修】HTML／CSS基礎研修（３日間）

対象者

よくあるお悩み・ニーズ

研修内容・特徴outline・feature

到達目標goal

研修プログラムprogram

企画者コメントcomment

公開講座を上手に活用いただけるサービスです。ぜひご相談ください。

■ご相談、お見積りはこちら

■WEB からのお問合せもご利⽤ください