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 Personal Transformation Meditation Life Purpose Coaching Emotional Intelligence
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 Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging 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

This course includes:

  • 2.5 hours on-demand video
  • 6 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development CSS

WEBデザイン講座 Level0《対象:ゼロから始める超初心者の方》HTML と CSS に必要な基礎知識を学習します。

HTML や CSS の基礎とコーディングの流れを学習しながら、講師と共にシンプルなWEBページを完成させます。なお【超】基礎部分の学習となるため、HTMLやCSSに関する知識が全くない方や基礎固めをしたい(復習をしたい)方にお勧めします。
Rating: 3.8 out of 53.8 (12 ratings)
105 students
Created by storeG K.Nakamura, storeG -web.com
Last updated 12/2020
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • HTMLの概要と基礎
  • HTML文書作成のルール
  • CSSの概要と基礎
  • CSS文書作成のルール
  • WEBページの構成
  • ファイル構成の基本知識
  • シンプルなWEBページ(単ページ)を完成させる

Course content

6 sections • 37 lectures • 2h 31m total length

  • Preview02:10
  • Preview04:03
  • Preview07:10

  • Preview03:25
  • 2.WEBページの構成
    04:30
  • 3.HTMLが生まれた背景
    01:48
  • 4.HTMLの特徴
    07:45
  • 5.HTML文書作成のルール
    03:13
  • 6.基本的なファイル構成
    05:21

  • Preview05:37
  • 【サンプルソース】基本のHTML
    00:17
  • 8.WEBページの作成 2.body要素
    04:21
  • 9.CSS作成のルール
    09:40
  • 10.WEBページの作成 3.CSS
    11:12
  • 11.WEBページの作成 4.よく使う要素とCSS【1】
    05:58
  • 12.WEBページの作成 5.よく使う要素とCSS【2】
    03:58
  • 13.WEBページの作成 6.marginとpadding
    04:08
  • 14.WEBページの作成 7.marginとpaddingの指定方法
    05:30
  • 15.WEBページの作成 8.よく使う要素とCSS【3】
    05:24
  • 16.WEBページの作成 9.よく使う要素とCSS【4】
    05:57
  • 17.WEBページの作成 10.Flexbox
    05:53
  • 【サンプルソース】完成版
    02:55

  • 0.教材のダウンロード ※画像ファイルなど
    00:16
  • 1.WEBページの作成【2】コーディング前の準備1
    04:31
  • 2.WEBページの作成【2】コーディング前の準備2
    05:34
  • 3.WEBページの作成【2】ロゴ画像
    02:01
  • 4.WEBページの作成【2】ナビゲーションメニュー
    04:24
  • 5.WEBページの作成【2】ヒーローイメージ
    02:14
  • 6.WEBページの作成【2】画像を横並びで表示させる(HTML編)
    03:17
  • 7.WEBページの作成【2】画像を横並びで表示させる(CSS編)
    02:22
  • 8.WEBページの作成【2】ダミーコンテンツとコピーライト
    05:37
  • 【サンプルソース】完成版
    04:46

  • 特典レクチャーについて
    00:13
  • GoogleChromeのインストールと起動
    02:45
  • Bracketsのインストールと起動
    03:22

  • コース修了おめでとうございます
    00:11
  • ボーナスレクチャー
    00:06

Requirements

  • WindowsもしくはMacのパソコンをもっている方 ※本講座ではWindows10の環境で説明しています。
  • パソコンの基本操作ができる方。
  • ※ファイルのダウンロード。圧縮したファイル(zip形式)の展開など。
  • 【推奨】Google Chrome がインストールされている環境 ※他のブラウザでもOKですが、動画と同じ操作画面にするために、同じ環境を推奨します。
  • 【推奨】Brackets(エディタソフト)がインストールされている環境 ※他のエディタでもOKですが、動画と同じ操作画面にするために、同じ環境を推奨します。

Description

  1. 本講座の特徴
    本講座では、最初に「HTMLが生まれた背景」や「HTMLの特徴」を学習することで、「なぜHTMLはタグを使用するのか?」といった基礎概念から、HTMLを理解できるように構成されています。
    そのため、講師から説明された要素やタグなどを単に書き写して記述(コーディング)するだけではなく、その意味を理解した上で、HTMLのコーディングをはじめることができます。

    ご注意

    本講座は別講座である「WEBデザイナーになりたい人のための【WEBデザイン入門講座】」のカリキュラムより、HTML&CSS入門セクションの一部を抜粋し、【演習セクション】を追加した講座となっていますので、コース内容に重複したレクチャーがあることを、あらかじめご了承ください。

  2. 対象と目標

    本講座は、WEB制作に必要なHTMLとCSSのコーディングをゼロから学びたい【超】初心者の方を対象に、シンプルなWEBページを作成するうえで最低限必要な要素とプロパティを基礎からしっかりと学習し、入門レベルをクリアすることを目標としています。

    そのため、すでにHTMLやCSSを学習済みの方にとっては、物足りない講座となるかと思いますので、カリキュラムなどをご確認いただいた上で、ご受講をご検討いただければ幸いです。

  3. 30日間の返金保証

    ご購入から30日以内であれば、「期待通りではなかった」、「思っていたようなコースではなかった」など、理由を問わず返金可能となっていますので、安心してご受講いただけます。


ナレーション・BGMほか

  • ナレーション 竹中 さやか

  • BGM YOU (storeG)

イラストなど

  • designed by freepik .com

Who this course is for:

  • HTMLとCSSの知識がなく、ゼロから学習したい方
  • HTMLとCSSの基本的な仕組みを理解したい方
  • HTMLの概要と基礎を学習したい方
  • CSSの概要と基礎を学習したい方
  • 動画講座を視聴しながら自力でWEBページを完成させたい方

Instructors

storeG K.Nakamura
WEBディレクター
storeG K.Nakamura
  • 4.1 Instructor Rating
  • 530 Reviews
  • 3,184 Students
  • 14 Courses

storeG 代表のプロフィール
K.Nakamura

▼WEB制作

本業はWEBディレクターですが、案件によっては、WEBデザインやHTML&CSSのコーディングも担当しています。HTML&CSSのコーディングはエディタを使っての手打ちにこだわり、Validation Service(構文チェック)では、できる限り100点を目指すのをポリシーとしています。


▼パソコン教室講師・インストラクター

回を追うごとに評判となり、最後にはキャンセル待ちが出るほどの講座を担当したことがあります。
※某市主催:パソコン初心者講座、ワープロ講座(初級・中級・上級)、表計算ソフト講座(初級・中級・上級)、親子パソコン教室。
パソコン初心者講座に参加された方たちが、全講座に参加され、修了時には即戦力になるほどの実力を培われた時は講師冥利に尽きました。


▼コーチ・カウンセラー

・コーチングの書籍出版(重版あり)
・看護師新人研修(コーチング講師、開催地:大阪)
・看護師長セミナー(コーチング講師、開催地:名古屋)
・コーチングセミナー(開催地:京都)
・産業カウンセラー資格試験合格
・携帯キャリア公式サービスの悩み相談カウンセラー

storeG -web.com
オンライン動画講座の制作と運営
storeG -web.com
  • 4.1 Instructor Rating
  • 530 Reviews
  • 3,045 Students
  • 14 Courses

2018年7月より、Udemyでオンライン動画講座を公開しています。
これまでの受講者総数は、約3000名です。

コース(講座)ごとに、チームを結成し最高のコースづくりを目指しています。

※本アカウントはstoreGのチームアカウントです。これまで代表のアカウントで運営してきましたが、コースが増えてきたこともあり、コースごとに運営方針を決め、アカウントを分けて運営していきます。ご不便をおかけしますが、ご了承のほどよろしくお願い致します。



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