←表示ページに戻る

検索結果

【新人ＩＴ研修】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%

参加者の声

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

お問合せフォームへ