←表示ページに戻る

検索結果

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

WEB

Webページを“自分の手”で作れるようになる２日間

No. shinjinit03 shinjinit03on

25/08/08 更新

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

研修内容・特徴outline・feature

この研修では、Webページを構成する基本技術であるHTMLとCSSを基礎から学びます。
１日目は、HTMLの役割や基本的なタグ（見出し、段落、リスト、リンク、画像など）を理解し、実際にファイルを作成します。２日目は、CSSを使ったデザイン調整（文字サイズ、色、余白、枠線、背景色など）を実習形式で学び、シンプルなWebページを完成させます。
実際にパソコンを操作しながら学ぶため、初心者の方でも理解しやすい内容です。

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

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

※本研修は「新人IT研修」コースの一部です。通常の研修はこちらから

研修プログラムprogram

１日目
	内容	手法
	１．ウェブサイトの基礎知識（１）ウェブサイトの基礎知識（２）編集ソフト	講義
	２.ＨＴＭＬの概要（１）ＨＴＭＬとは／基本書式（２）ネスト／バージョン	講義
	３．ウェブページの基本要素（１）基本構造／見出し／段落／リスト／リンク／画像	講義

２日目
	内容	手法
	４．ＣＳＳ（カスケーディング・スタイル・シート）の概要（１）ＣＳＳの役割／基本書式／セレクタ／継承（２）ＣＳＳの配置／外部化	講義ワーク
	５.ＣＳＳでのスタイル調整（１）背景色／テキスト色・サイズ／余白・枠／リンク色／カスケード	講義
	【参考】実用的なウェブページ（１）テーブル／フォーム	講義ワーク
	６．ウェブサイト作成演習（１）ウェブサイトを作成してみる	講義ワーク

企画者コメントcomment

新入社員の皆さんの中には、「HTMLやCSSって自分には難しそう」と感じる方も多いと思います。
しかし、Webページは一つひとつのタグの積み重ねでできています。本研修では、まずは基本的なHTMLの仕組みを理解し、CSSで見た目を整えるところまで、実際に手を動かしながら楽しく学べる2日間となっています。これからのIT活用に向けて、最初の一歩を踏み出すきっかけになるはずです。

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

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

お問合せはこちら

オンライン型開催

ご希望の日程がない場合の、日程・会場のリクエストはこちら

来場型開催

ご希望の日程がない場合の、日程・会場のリクエストはこちら

注意事項

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

事前のご案内

受講者の評価evaluation

実施、実施対象

2025年2月　　　　　4名

業種

インソース

評価

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

100%

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

100%

参加者の声

Ｗｅｂベースのアプリ開発などに活かします。ソフトウェア関係の業務で、別のベクトルからのアプローチができるようになったかと思います。１つの選択肢として考えていきます。
同じ職場内の共有サイトを作ってみます。また、個人でも土地取引のサイトを立上げてみたいです。そして、関連会社のＷｅｂサイトの構造を分析し、改善に話かせるように本日の学びをより高めていきたいです。

実施、実施対象

2024年11月　　　　　7名

業種

インソース

評価

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

100%

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

85.7%

参加者の声

普段の業務でも活用している内容ですが、これまでの知識の整理と共に、全体像を理解できたためにこれまで曖昧だった知識を補うことができました。特にどのように書けば一般的に綺麗で読みやすいコードになるのかを学ぶことができたのは非常に大きな学びになりました。
今回ｈｔｍｌ、ｃｓｓの全体を、一つのサイトを作ることを通して体験ができとてもよかったです。コードの持つ意味などが分かったので、実務においての作業スピードをあげていきたいと思います。

実施、実施対象

2024年6月　　　　　6名

業種

インソース

評価

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

100%

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

83.3%

参加者の声

普段はウェブサイトをディレクションする側なので、実作業を知ることでどういうプロセスで考えるのが良いのか／なぜそうなのかが、具体的にイメージがついた。得習して、会社のｗｅｂサイト作成に生かす。
ページのイメージを事前に作成しておくと、楽に作成が出来ることが実感できました。Ｓｈａｒｅｐｏｉｎｔのページに活かします。
社内サイトの簡単なページ作成、会社サービスページの編集に活かしていく。基礎的な内容に関しては理解を深めることができた。基礎を実践で活かしていければと思う。
自社サイト更新時やメンラナンス時に、何をどのように調整すればよいかが少し掴めた。作成だけでなく、メンテナンスや更新に必要な調整も学んだので、実務に活かしていく。

お問合せフォームへ

似たテーマの研修recommend

入社前（学生・内定者）
新入社員
若手層
中堅層
リーダー層

ＩＴパスポート試験対策研修（２日間）

新入社員
若手層
中堅層

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

新入社員
若手層

データベース基礎研修（２日間）

若手層
中堅層
新入社員

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

よくあるご質問

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

お問合せ・ご質問

公開講座Q&A

研修リクエスト

お問合せ

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

よくいただくご質問一覧

■最新作・ニュース

公開講座の年間実績

受講者数^※1: 名

開催数^※1: 回

講座数^※2: 種
類

WEBinsource ご利用社数^※2: 社

※1

※2

研修を探す

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

最近見た公開講座

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

→閲覧履歴をもっとみる

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

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

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