【セミナー】ログインしていません。ログイン
セミナー予約
9,900円 募集中

【HTML入門】第2回:リストと画像!情報を整理して伝える「見せ方」の基本とパスの仕組み(60分セミナー・2026最新版)

【HTML入門】第2回:リストと画像!情報を整理して伝える「見せ方」の基本とパスの仕組み

第2回では、Webサイトに欠かせないビジュアル要素「画像」と、情報を整理する「リスト」を攻略します。単に配置するだけでなく、ハローワーク職業訓練講師が「なぜ画像が表示されないのか?」という初心者の最大の悩みである「パスの概念」を60分でスッキリ解消します。文字だけのページから、本格的な「Webサイトらしい見た目」へとステップアップしましょう。

具体的なワークショップ内容と実務のポイント

【重点攻略テーマ:画像とリスト】
箇条書きを作るul・ol・liタグの使い分けから、Web制作の最重要スキルであるimgタグとパス(相対パス)の仕組みを徹底解説。画像が表示されないトラブルを自力で解決できる力を養います。アクセシビリティに配慮した「alt属性」の正しい書き方も伝授します。

【学習メソッド】
20名のPL経験を持つ現役エンジニアの視点から、現場で推奨される「フォルダ構成」と「ファイル名の命名規則」を指導。職業訓練の現場で培った「画像が表示されないあるあるミス」を網羅し、未経験者でも確実にビジュアル豊かなページを作れる「構造的・実践学習法」を公開します。

この60分で得られる3つの実践スキル

1. 情報を整理するリストタグのマスター

メニューや箇条書きなど、情報を分かりやすく構造化する技術を習得。検索エンジンにも伝わりやすい正しい使い分けを学びます。

2. 「パス(階層)」の仕組みと画像表示の完全理解

初心者が最も躓く「ファイル間の距離(パス)」を、地図を読み解くように理解。画像が表示されない不安を自信に変えます。

3. PL直伝「管理しやすいファイル構成」の作法

大規模開発のPL視点で、画像フォルダの整理術や命名ルールを伝授。後の修正作業を楽にするプロの管理方法が身につきます。

開催日時

2026年07月14日(火) 20:00-21:00

開催場所

オンライン開催

(参加URLはお申し込み後に通知されます)

定員

1

残席

1