←表示ページに戻る

検索結果

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

WEB制作

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

タグの使い方を学び、Webページ制作スキルを身につける

No. 6020001 9909040

25/08/19 更新

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

研修内容・特徴outline・feature

ＨＴＭＬとは何かを理解し、ＷＥＢページを作成するための基礎的なタグとＣＳＳを習得していただきます。本研修では、実際にパソコンを使用し、簡単なホームページができることを目指します。

◆主な習得目標
・ＨＴＭＬの基本的なスキル習得
・テキストエディタを利用して、ＨＴＭＬタグを入力、ＨＴＭＬファイルを作成
・画像を利用したページの作成
・基本的なＣＳＳの理解

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

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

※「新人IT研修」コース内の同研修はこちらから

研修プログラムprogram

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

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

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

オンライン型開催

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

来場型開催

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

注意事項

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

事前のご案内

受講者の評価evaluation

研修評価

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

92.4%

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

90.9%

※2024年10月～2025年9月

生成AIによるサマリー（受講者アンケートまとめ）

お客様はこの研修について、HTMLやCSSの基礎を体系的に学べたことで、Webページ作成や修正に必要な技術が身についたと評価しています。具体的には、SEO施策や保守業務への応用、デザイン提案の幅が広がる点が好評です。また、業務や個人プロジェクトに活かせる実践的な知識が得られたことが、今後の活動への自信につながっています。

実施、実施対象

2025年7月　　　　　5名

業種

インソース

評価

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

100%

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

100%

参加者の声

メルマガの作成、ＷＥＢページの改修・作成に活かします。今まで何となくで行っていたＨＴＭＬと、全く触れなかったＣＳＳを体系的に学ぶことができ、できることの幅や具体的な動作をイメージできるようになりました。
ＨＴＭＬメールの配信をしています。メール作成、ＬＰ作成、社内ｗｅｂページ改修提案などに活かしていきます。また、ｗｅｂサイトを作成するにあたり、整理の仕方や、考え方を参考にしていきたいです。
自社ＨＰにてエラーが起きた際や、今後、広報施策の中で新しくＨＰを立を上げる時等、業務やアドバイスに活かせるようにします。

実施、実施対象

2025年6月　　　　　4名

業種

インソース

評価

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

100%

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

100%

参加者の声

実際に手を動して学ぶことができ、とてもよくわかりました。ＨＴＭＬ形式でメルマガを送ることが多いので、学んだことを活かします。
自社ＨＰのデザイン性向上やＨＰ作成に役立てていきます。今まで何となくやっていた部分の理解が大分進みました。ＷｏｒｄＰｒｅｓｓで外部委託してＨＰを作成しており、ＨＰ自体のビジュアルはできていますが、記事などが味気ないのが悩みでした。今後は色やデザインが充実しそうです。
基本の基本を１つずつ学ぶことができたので、自社のＨＰ構造の理解につなげていくことと、簡単なページをまずは１つでも作れるようになります。

実施、実施対象

2025年2月　　　　　4名

業種

インソース

評価

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

100%

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

100%

参加者の声

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

実施、実施対象

2024年11月　　　　　7名

業種

インソース

評価

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

100%

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

85.7%

参加者の声

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

実施、実施対象

2024年6月　　　　　6名

業種

インソース

評価

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

100%

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

83.3%

参加者の声

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

お問合せフォームへ