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 CBT
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 Retargeting
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 CSS

HTML5+CSS3  手を動かしてマスターする WEBデザイン/プログラミング動画講座

最新のHTML5とCSS3を駆使してWEB業界で活躍するスキルを身につけよう
Rating: 4.2 out of 54.2 (770 ratings)
4,404 students
Created by 村守 康
Last updated 10/2020
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • コースの履修終了後にすぐにWEB業界で戸惑うことなく活動できる知識と技術を教えます
  • WEBサイトの基本的なしくみと、HTMLファイル、CSSファイルの役割が理解できサイトコーディングの基礎ができます
  • html5とCSS3に準拠したWEBページを、ソースコードを書いて制作することができるようになります。
  • 高レベルのデザインのトップページの他、サブページを含むサイトを実際に作り、すぐにWEBサイトを構築できる力が身につきます。

Requirements

  • コースを始める前に添付の「練習素材」をダウンロードしてください。
  • 講座を受講するために特別な知識は必要ありません。練習素材も添付されているのですぐに学習をスタートできます。

Description

 この講座はhtml5とCSS3を使ってWEBサイトページを制作するために必要なことを学ぶことに特化した講座です。 全編を手を動かして作品を制作しながら解説しているので、理論や機能を単独で学ぶ講座のように、途中で集中力を切らして飽きることがありません。

最新のHTML5とCSS3でホームページサイトを作る力を身につけよう

・WEBページ制作に必要な知識はすべて基本からていねいに分かりやすく説明しているので、これだけでサイト作成のスキルを身につけられます。

・ 将来役立つかもしれないけれど今は必要はないという知識は含んでいません。実践を重視した講座です。

・「実際に手を動かしてコードを書き」、ひとつのサイトを制作することを通して身につけます。 

・解説はすべて動画で行い、現役のデザイナーがページを制作する工程をマウスの動きひとつまで収録しています。

 ・ナレーション付きでわかりやすく解説しています。

・必要な画像素材など作業に必要な素材はすべて添付されています。

・仕事で必要なことだけをOJTで集中的に学ぶ講座です。


WEB業界で活躍できるスキルを確実に身につけるコース

 この講座を修了すると。 最新のhtml5とCSS3に準拠したWEBページを、ソースコードを書いて制作することができるようになり、WEBデザイナーとして仕事をするのに必要なスキルが確実に身につきます。

 ホームページ編集ソフトなど準備するものは何もありません。インターネットにつながったパソコンがあればそれだけで大丈夫です。 事前にパソコンの専門的な知識も必要ではありません。この講座をインターネットで購入するだけの知識があれば十分です。

学習内容

10のセクション、84本のビデオ、合計10.5時間の講座で集中して学べます。

Who this course is for:

  • WEB業界で活躍することを目指す人にお奨めします。
  • 自分で最新のホームページサイトを制作したい方にも最適です。

Course content

10 sections • 85 lectures • 10h 25m total length

  • Preview06:20
  • サイトとウエブサーバー
    02:52
  • html文書の編集方法
    08:14
  • CSSについて
    03:38
  • CSSの中身
    06:33
  • htmlとcssの関係
    04:28

  • エディターの準備
    05:25
  • htmlとCSSの実際
    05:39
  • タグの書き方(1)
    07:02
  • タグの書き方(2)
    07:23
  • Preview05:26
  • CSSをhtmlに適用する
    06:25

  • HTMLの構造
    07:05
  • head要素
    06:27
  • body要素
    06:39

  • index.htmlの構造
    05:13
  • bodyの設定
    05:53
  • containerの配置
    07:51
  • Preview05:34
  • containerの中央配置
    09:49
  • class(クラス)とid
    06:47

  • bodyの仕上げ(1)
    05:46
  • bodyの仕上げ(2)
    07:23
  • フォントの設定
    05:22
  • header, main, footerの配置
    06:55
  • header, main, footerのCSS設定
    05:19
  • headerの仕上げ
    06:22
  • Logo_areaのCSS設定
    04:19
  • Preview06:32
  • Logo_areaのリンク設定
    07:38
  • バナー画像の配置
    11:26
  • Global_Naviの設定(1)
    07:07
  • Global_Naviの設定(2)
    07:20
  • Global_Naviの設定(3)
    07:46
  • Global_Naviの設定(4)
    12:13
  • パスの指定方法
    11:17

  • 画像と要素の配置
    08:08
  • Side_navi, Main_box, Banner_boxのCSS設定
    10:23
  • なぜ横一列に配置されない?
    08:07
  • Side_navi ul, liの配置
    07:30
  • Preview05:31
  • ロールオーバーのhtml設定
    07:00
  • ロールオーバーのCSS設定
    09:37
  • トップ以外のボタンのhtml設定
    06:52
  • トップ以外のボタンのCSS設定
    06:03
  • スキマはどこから?
    07:51

  • 内容の検討
    03:26
  • テキストの挿入
    08:01
  • テキストのマークアップ
    07:09
  • MainBox_itemのCSS設定
    10:50
  • Preview09:07
  • 新着情報の設定(1)
    08:37
  • 新着情報の設定(2)
    07:42
  • 新着情報の設定(3)
    09:04
  • Banner_boxの制作
    17:35
  • footerの制作
    04:00

  • ページの概要
    04:15
  • MainBox_subの配置とCSS設定
    09:29
  • Subpage_Titleの設定
    07:37
  • Corporate_titleの設定
    11:52
  • tableの設定(1)
    05:38
  • tableの設定(2)
    06:49
  • tableの設定(3)
    09:15
  • Side_naviの設定
    05:23

  • ページの概要
    05:13
  • ページの準備
    05:04
  • MainBox_itemの設定
    06:51
  • Item_titleの設定
    10:14
  • Item_box, Item_textの設定
    06:42
  • Side_naviの設定
    01:54

  • ページの準備
    08:22
  • ページ内容の検討
    05:38
  • ワーヤーフレームの検討
    05:15
  • p要素の設定
    04:41
  • Preview12:55
  • labelとinput要素の配置
    08:59
  • input要素のCSS設定
    08:03
  • CSS3によるシャドウの設定
    05:31
  • メールアドレス入力部品の設定
    08:19
  • 郵便番号入力部品の設定
    10:22
  • ラジオボタンの設定
    08:52
  • チェックボックスの設定
    06:52
  • プルダウンメニューの設定
    10:47
  • 送信とリセットボタンの設定
    10:13
  • リンク先urlの設定
    08:33

Instructor

村守 康
デザイナー・エンジニア
村守 康
  • 4.3 Instructor Rating
  • 7,351 Reviews
  • 33,100 Students
  • 27 Courses

 大手半導体メーカー販促部門でデザイナーとして勤務後、WEBデザイン会社を設立。現在は現場でのデザインとともに新人教育を多く行っています。

 Adobe Photoshop, Illustratorなどデザイン系のアプリケーションと、HTML, CSS, Java, phpなどフロントエンドのプログラミングの解説がメインです。

 即戦力のスキルを伝えることに力を入れています。これまでにUdemyほかで多くのコースを開発公開しており、Udemyでは現在30,000人超の方々の学びをサポートしています。

  • 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.