環境/リサイクル業界で役立つ HTML初級（Webページの仕組みとタグの理解）スキル&リテラシーアップ | 対面研修（集合研修）

デジタルでの情報発信が重要視される中、Webページの基礎構造を理解することは現場力の向上につながります。
「HTML初級（Webページの仕組みとタグの理解）スキル&リテラシーアップ」は、Webの基本構造や代表的なタグの使い方を学べる対面研修です。
環境・リサイクル業界で必要なWebリテラシーを無理なく習得できます。

環境・リサイクル業界で期待できる効果

自社のWebサイトや採用・広報ページの更新作業がスムーズに行えるようになり、外注コストや情報更新の遅延リスクを削減できます。
また、現場からの発信を支える基礎スキルとして、Web情報発信の質向上に貢献します。

業界にとってのメリット

デジタル人材を内製化することで、Web対応力を強化しつつ、DX施策の土台づくりにもつながります。
HTMLの基礎を理解した人材が増えることで、制作会社とのやりとりも円滑になり、情報発信のスピードと精度が高まります。

HTML初級（Webページの仕組みとタグの理解）スキル&リテラシーアップ：カリキュラム一覧

環境・リサイクル業界でのWeb情報発信や採用・広報活動に役立つ基礎スキルを習得する対面研修です。
HTMLの構造理解から基本タグの使い方までを段階的に学び、現場での実践に活かせるWebリテラシーを身につけます。

• オリエンテーション（研修の目的とゴール共有）
• HTMLとは？Webページの仕組みと役割
• ブラウザとHTMLの関係を理解する
• HTML文書の基本構造（head / body）
• よく使う基本タグ（h1〜h6、p、brなど）の理解
• リンクの貼り方（aタグの使い方）
• 画像の表示方法（imgタグとalt属性）
• リストの使い方（ul、ol、liタグ）
• テーブルの構造理解（table, tr, tdなど）
• フォームの基本（input、textarea、button）
• 文字の装飾（strong、em、spanなど）
• HTMLとCSSの役割の違い
• CSSの基本構文と外部スタイルシート
• 色・フォント・レイアウトの調整方法
• クラスとIDの使い分け
• HTMLで注意すべき文字コードと表示崩れ
• Webアクセシビリティの基本
• 実務でのHTML活用事例（環境業界サイトなど）
• 簡単な1ページレイアウトを組んでみる
• 作成したHTMLファイルのブラウザ表示確認
• 制作会社とのやり取りで役立つHTML知識
• 情報発信・更新作業の効率化を考える
• 社内でよく使う文面やパーツのHTML化演習
• チームでのページ運用を見据えた命名ルール
• アイデアワークショップ：自社向けコンテンツ設計とHTMLでの表現を考える
• 発表会：HTML演習作品の共有と講師・受講者からのフィードバック
• まとめ：学んだ知識の振り返りと現場応用の計画立案