トラステックTorasTech

チュートリアルシリーズ 【HTML編】

コードのコピペ◯｜1日で学習も可能｜基本的なタグやセマンティックタグ、SEOやコーディング規約など開発現場レベルの全体的な知識も習得 ゆるっとプログラミング学習

https://www.amazon.co.jp/dp/B0F5GRR9CT

プログラミング学習のチュートリアルや基礎に特化した教材です。
現場で役立つHTMLスキルをゆるっと5日間（最短1日）で身につけられる構成になっています。しっかりと基礎を学び、まずはHTMLだけのWebページを作ろう！

※試し読みページ数 〜特別増量中〜

本書は、プログラミング未経験の方を対象とした、HTMLの実践入門教材です。
IT業界未経験からSES企業に就職を目指す方や、副業としてWeb制作を始めたい方を想定しています。

「HTMLって何？」「コードの書き方がわからない…」という超初心者の方でも安心して学べるよう、
基本の意味や全体の仕組みから、実際にWebページを作るまで丁寧に解説しています。

研修や学習講座での実用を前提とし、実務でよく使われるタグや構造を中心に構成しています。
この教材を終えた後は、HTMLの土台をしっかりと身につけ、CSSやJavaScriptへのステップアップがスムーズになります。

対象読者

• IT業界未経験で、SES企業に就職を目指している方
• 副業でWeb制作を始めたいと考えている方
• 独学に不安があり、基礎からしっかり学びたい方
• HTMLという言葉は知っているが、実際にコードを書いたことがない方
• Web制作やフロントエンドの知識がゼロの方

この教材で得られるスキル・未来像

• HTMLを使ってWebページの骨組み（構造）を自分で作れるようになる
• シーンに応じてHTMLタグを正しく使い分けられる
• ブラウザでコードを確認・修正できるようになる
• CSS・JavaScriptと連携する前提の基礎力が身につく
• 実務に通じるコーディングルールや作法が理解できる

完成イメージ

本書を通じて、以下のようなシンプルかつ実用的なWebページを自作できるようになります。

• 構造化されたレイアウト（ヘッダー・ナビ・メイン・フッター）
• タイトルと見出しを持つ情報ページ
• リスト形式の文章
• ページ内外へリンクを貼るナビゲーション
• 好きな画像を表示する
• 問い合わせフォームの設置

※実際の完成ページは教材内の画像・コードで確認可能です。

1日目：HTMLとは？

• 1-1 HTMLについて
• 1-2 「要素」とは？タグと属性の違い
• 1-3 HTMLの基本構成を押さえる

2日目：HTMLをはじめよう！

• 2-1 開発環境の準備
• 2-2 .htmlファイルを作成しよう
• 2-3 タグを書いて、マークアップを開始
• 2-4 ブラウザで表示を確認しよう

3日目：HTMLでできること

• 3-1 よく使う基本タグ
• 3-2 セマンティックタグの使い方
• 3-3 HTMLとSEOの基本的な関係
• 3-4 CSSやJavaScriptとの関係（概要）

4日目：コーディング実践！

• 4-1 見出しと段落を作ろう
• 4-2 リスト表示
• 4-3 内部・外部リンクを作ろう
• 4-4 画像を表示しよう
• 4-5 コンテンツの構造化
• 4-6 問い合わせフォームを作ろう
• おまけ：外部サービスでフォーム送信機能をつけてみよう

5日目：実務で必要なHTML知識

• 5-1 コーディングの流れとルール（インデント、コメント、整形）
• 5-2 開発現場でよく使われるHTMLコーディング規約
• 5-3 外部スクリプトやライブラリの読み込みについて（概要）

今後の学習をサポートする特別サポートや教材シリーズもご用意しています。
少しずつ前へ進んでいきましょう！

https://www.amazon.co.jp/dp/B0F5GRR9CT

今後ともTorasTech（トラステック）をよろしくお願いいたします。