Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
70以上のレッスンで、基礎からしっかり学べる! HTML5完全マスターコース
Rating: 3.8 out of 5(444 ratings)
2,459 students

70以上のレッスンで、基礎からしっかり学べる! HTML5完全マスターコース

最新のHTML5を70以上のレッスン、7時間かけてしっかり学びます。youtube動画の貼り付けや番号入力フォームなど、基礎的な内容だけでなく、実践的な内容も充実しています。
Created byNEST online
Last updated 10/2015
Japanese
Japanese [Auto],

What you'll learn

  • HTML5をマスターできます

Course content

9 sections75 lectures6h 38m total length
  • Webページを設計する方法6:35
    コンテンツを効果的に魅せるため、Webサイトの形式を考える必要があります。 ここでは、まず初心者向けに「ブログ型」と「従来型」のウェブサイトの種類の違いについて触れ、設計する方法について学びます。
  • Webサイト制作の言語、HTMLとは5:03
    Webサイトを制作するために必要な、「HTML」とは何なのかを超初心者向けに解説しています。 初めてHTMLを学ぶ方はもちろん、今まで書いてきたけど本質的な意味を理解できていない方にもオススメです。
  • Webページがブラウザに表示される仕組み5:31
    作成したHTMLファイルが、ブラウザにどのように表示されるのか、超初心者向けに解説しています。
  • HTML制作に必要なアプリケーションをインストールする方法2:32
    HTMLを記述する上で、必要なエディター「Sublime Text 3」のインストール方法について、超初心者向けに解説しています。
  • HTMLファイルを新規作成する方法7:15

    インストールした「Sublime Text 3」を使って、HTMLファイルを新規作成する方法について解説しています。

  • ゼロから学ぶHTMLタグの書き方入門4:06
    HTMLタグの基本的な書き方について、超初心者向けに解説しています。専門的な用語はあまり使わないようにしているので、初めてHTMLを学ぶ人にオススメです。
  • [実践]HTMLを書いてみよう:簡単なテキストのマークアップ7:00
    HTMLタグの書き方を理解した上で、実際に簡単なテキストをマークアップしていきます。 見出しタグや段落タグの意味を覚えながら、基本文法を定着させることが、ここでの目的です。
  • HTMLファイルをブラウザで表示させるには4:17
    記述したHTMLファイルを、ブラウザで表示させる方法について解説しています。 CSSを適応していない純粋なHTMLが、各ブラウザでどのように表示されるのかも確認します。
  • Web製作者が知っておくべき、ブラウザの種類と特徴4:44
    Web製作者が知っておくべき、ブラウザの種類と特徴について解説していきます。各ブラウザで見え方に違いが出る事を知っている人を対象にしています。

Requirements

  • 特にありません

Description

最新のHTML5を70以上のレッスン、7時間かけてしっかり学びます

youtube動画の貼り付けや番号入力フォームなど、基礎的な内容だけでなく、実践的な内容も充実しています。

1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


★こんな人におすすめ★

  • Webサイト制作をこれから学びたい方
  • 最新のHTMLを勉強したい方


★特徴★

  • 最新のHTML5を70以上のレッスン、7時間かけてしっかり学べる
  • 1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供
  • 5分程度の動画が70レッスン以上 充実した内容ですが、無理せず学べる


★内容★

HTMLの入門セクションを3つこなした後、パートに分けて実践的な内容を行います。

(1)HTML入門 第1回

初めてHTMLを学ぶ方向けに、HTMLの基本の書き方から便利なツールまでをレクチャーします。 HTMLを学ぶ上での環境をここで整えるので、みなさん必ず受講してください。 簡単なWebサイト制作を通してレクチャーしていきますので、楽しみながら学習して頂けます。


(2)HTML入門 第2回

HTMLファイルを記述するにあたって、まずは必ず記述しなければならない「基本構造」の必須コードや、超基本的な文字の表示方法をレクチャーしていきます。 HTMLファイルは、文字にタグを付与していくのが基本の書き方ですが、その前にまず「基本の構造」をルールに基づいて記述しなければいけません。初めてHTMLを学ばれる方は必ず受講してください。 この章は、「HTML入門 第1回」の続きの章です。初めてご覧になる方は、まずこの前の章から挑んで下さい。


(3) HTML入門 第3回

簡単なWebサイトの制作を通して、HTMLの基礎をマスターできる章です。 リストタグを使って箇条書きリストを作成したり、Webサイトレイアウトを組むためのタグの記述方法について学びます。 「HTML入門 第3回」の続きの章になりますので、初めてこの章をご覧になる方はまず「HTML入門 第1回」から順番に挑んで頂くことをオススメします。


(4)フォーム

文字の入力フォームやチェックボックス、ラジオボタンや送信ボタンなど、フォームを形成する上で必須のHTMLの書き方についてをレクチャーします。 初心者向けに解説していますが、やや難しいので、初めての方はまず「HTML入門」の章から取り組んで頂くことをオススメします。 この章をマスターすれば、実際に送信等の機能はつけれませんが、簡単なお問い合わせフォームを作れるようになるので、みなさん頑張って下さい!


(5)テーブル

テーブルタグを使って、表組みを作成する方法を初心者向けに解説しています。 ひと昔前までは、テーブルタグを使ってWebサイトのレイアウトを組んでいました。 Webサイトレイアウトを組む際のテーブルタグはNGなのですが、表組みを作成する上ではテーブルタグは今でもたくさん使用されています。


(6)テキストとリスト

テキストには、「見出し」「段落」だけでなく、「引用」「リンク」など 様々な意味を付与していく必要があります。文章の構造を意識して、正しいマークアップを行うためには「どんなHTMLタグがあるのか」をどれだけ知っているか、にかかっています。 ここでは、簡単な制作物を通して、様々な文字に関するHTMLタグについて学んでいただきます。


(7)リンクと画像・動画・オーディオ

テキストにリンクを貼ったり、画像や動画を表示させる方法などを学びます。 HTML最大の特徴は、ファイルとファイルをリンクさせる事です。ファイル同士をリンクさせる事で、クリックで指定のページへジャンプさせる事ができます。


(8)HTMLテクニック

リンクのクリックでメールソフトを起動させたり、ファイルをダウンロードさせたりといった、少し上級者向けのテクニックを学びます。 リンクを貼る<a>タグを多く利用しますので、よくわからない方は先に「リンクと画像・動画・オーディオ」の章を学習してから、この章に挑んで頂くとより理解が深まります。


(9)要素のセクショニング

Webサイトをグループ化して、レイアウトを組むためのタグを記述する方法について学びます。 Webページは、ヘッダーやコンテンツ、フッターなど様々なセクションに分かれています。ただ単純にテキストをマークアップするだけでなく、文書構造に沿ってグルーピングしないと、レイアウトを組む事が出来ないので、注意が必要です。

Who this course is for:

  • Webサイト制作をこれから学びたい方
  • 最新のHTMLを勉強したい方