HTMLの書き方入門 - はじめてのWebデザイン

HTMLの書き方・考え方を、初めて触れる初心者の方にも分かるように画像たっぷりで解説しています。これさえ知っていればHTMLの重要な部分をマスターすることができます。


無料

レベル

ビギナー

6レッスン

access_time 1日間

HTMLの勉強を始めて、こんなことはありませんか?

タグの種類が多すぎて
ウンザリしてしまう

自分で書いたはずなのに
日が空くとわからなくなる

何をすれば良いのかが
そもそも、わからない

簡単すぎて唖然…!HTMLの重要な部分は1日あれば習得できます

~暗記不要! ほんとうに必要なことを作りながら学ぶミニマムhtml入門~

HTMLはWebデザイナーを目指している方にも、Webエンジニアを目指している方にとっても必修スキル。「Web制作の勉強してみたいな」と思って学習を開始して、真っ先に現れる壁でもあります。
頑張って書いてみても思ったとおりに出来なかったり、画面には表示されない部分なので正しく書けているか不安になったり……。

専門的でむずかしいと思われがちなHTMLマークアップ。ですが、実は一生懸命覚えなくても、基本の考え方と簡単な英単語が分かれば主要なタグはだいたいわかります。頑張って暗記しなくても、自然に書けるようになりますよ。

2~3時間くらいあれば、完全初心者でもWebサイトを作ることができます。マークアップしたファイルがWebページになる、という制作者の醍醐味も味わうことができるので、ぜひ挑戦してみてください。

短時間で実践的な基礎スキルを習得可能にするSkillhubメソッド

多くの未経験者をフリーランスWeb制作者としてデビューさせてきた、Skillhubの講座は無駄なくミニマムな内容。その中でも初心者の方向けに、ほんとうに必要な知識だけを厳選しているからこそ、受講したその日に基礎習得という超短期学習を実現することができます。

本講座は穴埋め形式ではなく、htmlファイルの作成から行っていきます。フォルダ分けやファイル構成など、実践的なWebサイト制作の基本も一緒に覚えることが可能。CSSの書き方入門講座も合わせて受講頂くと、Webサイトコーディングの基礎を総合的にマスターしていただけます。

イチから作ることで、最短で「使える」技術を習得します

1

分かりやすい表現でHTMLタグの構造を理解する

本講座では、専門書やリファレンスのような難しい言葉使いをせず、親しみのある言葉でマークアップの意味を解説しています。

マークアップだけではなく、HTMLを書くためのエディタ、ファイルの置き場所など、基本中の基本から解説。図解もたっぷりなので、初めてhtmlに触れる初心者の方も安心してご受講いただけます。

2

実際にマークアップしながら、タグの書き方や意味を学ぶ

本当に基本的な書き方を学んだら、すぐにサイトのコーディングをしてみましょう。タグの種類を暗記する必要はありません。よく使うタグは何回も出てきますので、書いているうちに自然と覚えます。

見出しやリスト形式だけではなく、テーブルやフォームなど、HTML学習で躓きやすい部分もしっかり解説。一緒にWebサイトをコーディングするなかで、実際の業務でよく使われるタグの大半を理解することが出来ます。

3

臨機応変に対応できるマークアップの「考え方」を習得!

見出しをh2にするかh3にするか、どこをmainにするかなど、ページの構成によって臨機応変なマークアップが必要です。

本講座では、Webページのコーディングを最初から最後まで行うことで、構成に合わせて的確なマークアップを行う「考え方」を身につけることができます。考え方が分かれば、題材以外のWebページコーディングにも対応できますよ。

本講座を終えると、できるようになること

  • HTMLの基本書式、主要なタグが分かる
  • 内容に応じて、的確なタグを使用できる
  • セマンティックなマークアップができる
  • テーブルタグを使って情報を整理できる
  • お問合せフォームの枠組み作成できる

レッスン内容

  • 1

    HTMLを学習するために必要な開発環境を確認しましょう。パソコンに元々入っているソフト・アプリでも制作可能ですが、コーディングに適したエディタを使うとより効率的に制作できます。

  • 2

    HTMLを書きながら学習していきましょう。ファイルの置き場所や、HTMLの基本書式・構造について解説します。

  • 3

    イラストレーターで作成したトップページを、index.htmlとしてコーディングしていきます。1つページをコーディングしながら、基本的なマークアップ方法を学習してください。

  • 4

    コードを分かりやすく綺麗に書くために必要なインデント(字下げ)の方法とルールを解説します。

  • 5

    会社概要のページをHTMLでコーディングします。情報を整理して表示するためによく使われる「テーブル」の仕組みと作りかたを解説します。

  • 6

    お問い合わせページを作成しながら、フォームの作り方を解説します。コードが長く難しく見えますが、チェックボックスなども簡単に作れますよ。

もっと見る


HTMLの書き方入門 - はじめてのWebデザインを 無料で始めましょう!

募集人数には制限があります。サインアップはお早めに。

無料申し込み期限

10月31日まで


募集
人数

100名 (残りわずか)

×