Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design HTML5

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

最新のHTML5を70以上のレッスン、7時間かけてしっかり学びます。youtube動画の貼り付けや番号入力フォームなど、基礎的な内容だけでなく、実践的な内容も充実しています。
Rating: 4.0 out of 54.0 (338 ratings)
2,006 students
Created by NEST online
Last updated 10/2015
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • HTML5をマスターできます
Curated for the Udemy for Business collection

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を勉強したい方

Course content

9 sections • 75 lectures • 6h 38m total length

  • Preview06:35
  • Webサイト制作の言語、HTMLとは
    05:03
  • Webページがブラウザに表示される仕組み
    05:31
  • HTML制作に必要なアプリケーションをインストールする方法
    02:32
  • HTMLファイルを新規作成する方法
    07:15
  • ゼロから学ぶHTMLタグの書き方入門
    04:06
  • Preview07:00
  • HTMLファイルをブラウザで表示させるには
    04:17
  • Web製作者が知っておくべき、ブラウザの種類と特徴
    04:44

  • HTML5を宣言するDOCTYPEの書き方
    05:07
  • HTMLの基本構造を記述する方法
    04:21
  • 文字エンコードの種類と記述方法
    04:14
  • Webページにタイトルを付ける<title>タグの書き方
    04:55
  • Webサイトの情報を示す<meta>タグの書き方
    06:02
  • 見出しである事を示す<h1>の書き方
    04:02
  • 段落である事を示す<p>タグの書き方
    04:01
  • 画像を表示するための<img>タグの書き方
    04:13
  • タグに情報を付加するための属性の書き方
    04:43

  • 文字の色を変える、属性の書き方
    04:57
  • レイアウトのためのタグを記述してみよう
    04:56
  • リストタグを使ってナビゲーションを作ってみよう
    08:05
  • メイン画像を表示させてみよう
    06:56
  • コンテンツをマークアップしてみよう
    06:56
  • フッターをマークアップしてみよう
    04:34
  • CSSファイルを読み込む<link>タグの記述方法
    05:16
  • コメントアウト<!-- -->を書く方法
    03:19
  • [実践]アバウトページを作ってみよう
    08:34

  • フォームを作成するための<form>タグの書き方
    02:54
  • <input>タグでテキスト入力フォームを作る方法
    04:35
  • <textarea>タグで長文向けフォームを作成する方法
    05:05
  • <input>タグで送信・リセットボタンを作る方法
    03:03
  • <label>タグでフォームにラベルを付ける方法
    06:17
  • <fieldset>タグでフォームをグループに分ける方法
    04:37
  • <select>タグでセレクトメニューを作る方法
    08:38
  • <radio>タグでラジオボタンを作る方法
    05:46
  • <input>タグでチェックボックスを作る方法
    04:00
  • [チャレンジ]フォームに関するタグを使って、ログインページを作ろう!
    09:35

  • テーブルを作成するための<table>タグの書き方
    05:14
  • テーブルに項目名を設定する<th>タグの書き方
    05:52
  • テーブルに説明を加える3つのタグの書き方
    04:36
  • 行をグループ化する3つのタグの書き方
    06:35
  • 隣り合う複数のセルを結合させるタグの書き方
    05:38
  • [チャレンジ]テーブルタグを使って、企業概要ページを作ろう!
    08:17

  • 見出しをつける<h1>~<h6>の書き方
    07:15
  • 段落<p>タグと改行<br>タグの書き方
    05:40
  • 語句を強調、ハイライト表示させるタグの書き方
    03:39
  • 引用するときの<blockquote>タグの書き方
    06:07
  • 改行や余白をそのまま表示させる<pre>タグの書き方
    04:28
  • 連絡先や問合せ先、省略文字、改行位置を示す方法
    04:21
  • 箇条書きリストを作成する方法
    05:09
  • 定義型リストを作成する方法
    04:16
  • 文字構造を意識したHTMLテキストのマークアップをしてみよう
    06:22
  • [チャレンジ]テキスト系タグを使った、カフェメニューページを作ろう!
    05:39

  • 指定のページへリンクさせる<a>タグの書き方
    06:13
  • 指定のHTMLファイルへリンクさせる<a>タグの書き方
    06:02
  • ページ内ジャンプさせるリンクの書き方
    05:25
  • 画像を表示する<img>タグの書き方
    07:40
  • 横罫線を表示する<hr>タグの書き方
    04:02
  • Preview04:06
  • ページの中に別のページを表示させる<iframe>の書き方
    05:41
  • google mapを表示させる方法
    04:25
  • [チャレンジ]youtube動画を使った、映画情報サイトを作ろう!
    04:18

  • リンクのクリックでメールソフトを起動させる方法
    04:30
  • 件名や本文を入力している状態でメールソフトを起動させる方法
    05:05
  • ユーザーに親切なお問い合わせメールを作成してみよう
    08:37
  • ファビコンを設定する方法
    04:04
  • サイトでPDFファイルをダウンロードさせる方法
    05:18
  • 秒数を指定して自動的に特定のページへジャンプさせる方法
    04:05
  • [チャレンジ]素材ダウンロードサイトを作ってみよう
    05:40

  • Webページレイアウトの基礎を学ぼう
    03:18
  • ヘッダーとナビゲーションを作成する方法
    04:44
  • メインコンテンツ、サイドバー、フッターの作成方法
    04:31
  • Webサイト全体を真ん中寄せにするためのタグの記述方法
    03:51
  • sectionタグとarticleタグの違い
    05:44
  • [チャレンジ]文書構造を意識した正しいグルーピングをしてみよう
    05:16

Instructor

NEST online
ウェブデザイン / プログラミング
NEST online
  • 4.3 Instructor Rating
  • 11,890 Reviews
  • 62,300 Students
  • 8 Courses

テクノロジーとクリエイティブのプロを目指す人のためのスクールを運営しています。

卒業生は1000名以上です。


★提供しているサービス

2ヶ月のWebデザインコース

2ヶ月で未経験からWebデザイナーへ。
未経験からWEBデザイナーとして働けるレベルになることをゴールとした大学生や若手社会人向けのコースです


Webデザインキャンプ

【2日間で全てを学ぶ!】Webデザイン集中講座


Railsキャンプ

RailsCamp -2日間集中プログラミング入門講座-


など


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.