The Complete HTML5 and CSS3 Course
5.0 (63 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,592 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete HTML5 and CSS3 Course to your Wishlist.

Add to Wishlist

The Complete HTML5 and CSS3 Course

Design amazing, attractive and responsive website for all devices. Include huge projects
5.0 (63 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,592 students enrolled
Created by Aatef Jaberi
Last updated 6/2017
English
Curiosity Sale
Current price: $10 Original price: $40 Discount: 75% off
30-Day Money-Back Guarantee
Includes:
  • 15 hours on-demand video
  • 3 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • Create Web Page with HTML(5) & CSS(3)
  • How to set Headers , Paragraph for web page
  • How to set pages for webpage
  • Create animation elements
  • How to create a responsive website for all devices such as(Mobile,Tablet,Computer)
  • How to create Box and set Positions for elements
  • How To create buttons and use for pages or send forms
  • How to create to insert Video and Audio in webpage
  • How to create Vertical,Horizontal,Dropdown Navigation Bar(menus)
  • Create attractive differents Forms
  • How to create Circle,Thumbnail and set Text on images
View Curriculum
Requirements
  • You don't need to learn anything. i will teach you everything form Zero to Hundred
  • Desire for learning is very important for you
  • If you want to earn money from design website and want to learn web design take this course
  • No matter if you dont know what is web designing. i will teach you everything with all details
Description

Do you want Design a Website? You Don't know how?

The key is in my course.

In the recent century, using the Internet has become essential to
communication and gaining access to information. 
Internet comes with a certain level of expectation regarding the
attractiveness and ease of use of web pages. Web designers need to
create attractive and successful websites. HTML5 and CSS3 are
some of the most essential and evolving web technologies that enable you
to structure content and present it on the web. Knowledge of these
languages will help you create web pages that are easy to read and
appealing to users. This course lays the foundation for mastering these
two popular web publishing technologies.

This course also focuses on the new and advanced features of HTML5,
covering how to create HTML5 and CSS3 markup that will work well on the
widest possible variety of web browsers, mobile devices. The course also
show you how to use advanced HTML5 multimedia features such as
video, audio and use CSS3 for animation

This course contains Projects and prepare you for learning and coding better.

At the End of this course you can design Responsive Website and i designed a responsive Technology Website for all devices(Mobile, Tablet, Computer)

This course contains 16 sections:

Section 1 : Students will learn about what is this course about and Install Software requires

Section 2 : students will learn about Tags, such as Head,Paragraph, Lists,Images, Tables and etc...

Section 3 : Students will be able to create different kind of forms

Section 4 : Students will be able to use kinds of semantic element such as figure and figcaption,mark, article,section and etc...

Section 5 : Students will be able to use Video and Audio in HTML(5) Web page

Section 6 : Students will be know about CSS and style webpage with CSS for example change color,set format for text , set positions and etc...

Section 7 : Students will be know how to create 2D Elements

Section 8 : Students will be know how to create 3D Elements

Section 9 : Students able to change property values smoothly over a given duration

Section 10 : Students able to change element from one style to another style

Section 11 : Students able to change style images

Section 12 : Students able to change style Buttons

Section 13 : Students able to use responsive pagination with CSS(3)

Section 14 : Students able to design web page for all devices

Section 15 : Students able to design responsive websites by using HTML(5) and CSS(3)

Section 16 : Students will be ready for next step

Who is the target audience?
  • Those People love Coding and Programming
  • Those people want design web site
  • After finish this course you have lots of knowledge of design websites and get a job in this way
  • After finish this course you are able to design your website with your knowledge and codes
Students Who Viewed This Course Also Viewed
Curriculum For This Course
126 Lectures
14:56:14
+
Befor begining the course
5 Lectures 03:39


Private Letter: How to become Good Programmer In Programming Languages
00:08

BONUS: How To Get My Other Courses With Discount? (ONLY For My Students)
00:27

All Projects in one file
00:03
+
HTML(5) Introduction
17 Lectures 01:26:40

At the end of this lecture, students will be learn what is HTML5 and know about structure of HTML website

What is HTML?
04:38

In this lecture i will show you how to create a simple webpage with HTML(5)

Preview 03:03

In this lecture students learn work with header tags

Header Tags
04:27

In this lecture students learn work with  paragraph tag

Paragraph Tag
02:23

This assignment help you to know better header and paragraph tags
Header and paragraph Tags
1 question

In this lecture students learn work with div tag

Div Tag
03:17

In this lecture students learn how to work with span tag

Span Tag
02:03

In this lecture students learn use text-formatting in his/her code

Text-Formatting
06:49

The <ul> tag defines an unordered (bulleted) list.

Unordered List
02:28

The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical.
Ordered List
03:23

In this lecture students will learn create Images in HTML(5)

Images
04:18

Student will be able create a Table in HTML(5)

Tables
04:13

After this lecture students will be able work with Links in HTML(5)

Links
10:31

This Assignment is about links in HTML
Link Assignment
3 questions

Students will know about what is HTML Entities and work with them

Preview 04:15

What is Iframe? you will learn with Iframe and show videos in your webpage

Iframe
03:28

Project-Sport Website (1)
12:24

Project-Sport Website (2)
12:45

Quiz 1
5 questions
+
HTML(5) Forms
7 Lectures 01:30:12
Introduction
01:37

Students learn about some elements for creating forms such as <input>,<Textarea>,<button> and etc...

Form Elements
15:31

students will be learn about input types and use it in forms

Input Types
20:20

Students will be able use Attributes for create attractive HTML(5) forms

Attributes (1)
17:04

Attributes (2)
08:21

Project - Job Applicant Form (1)
12:49

Project - Job Applicant Form (2)
14:30

Quiz 2
4 questions
+
HTML(5) Semantics
14 Lectures 01:08:52
Introduction
02:05

The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document.

Section Element
04:28

The <article> tag specifies independent, self-contained content.

An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.

Article Element
05:53

The <header> element represents a container for introductory content or a set of navigational links

Header Element
03:10

The <footer> tag defines a footer for a document or section
Footer Element
03:43

The <aside> tag defines some content aside from the content it is placed in.The aside content should be related to the surrounding content.

Aside Element
03:04

The <nav> tag defines a set of navigation links.
Navigation Element
03:34

The <figcaption> tag defines a caption for a <figure> element.

The <figcaption> element can be placed as the first or last child of the <figure> element.

Figure and Figcaption Elements
03:25

The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details

Details and Summary Elements
02:49

The <time> tag defines a human-readable date/time
Time Element
03:28

The <main> tag specifies the main content of a document
Main Element
05:24

The <mark> tag defines marked text
Mark Element
03:10

Project - Magazin Website (1)
16:46

Project - Magazin Website (2)
07:53

Quiz 3
5 questions
+
HTML(5) Media
3 Lectures 09:52
Introduction
00:54

The <video> tag specifies video, such as a movie clip or other video streams
Video
06:34

The <audio> tag defines sound, such as music or other audio streams.
Audio
02:24
+
CSS(3) Introduction
28 Lectures 04:43:34
Introduction
01:45

An inline style may be used to apply a unique style for a single element
Inline CSS
08:21

An internal style sheet may be used if one single page has a unique style
Preview 03:36

The <div> tag is used to group block-elements to format them with CSS

Divs
06:20

Students will be able to use ID and Classes for styling  individually elements in webpage

IDs & Classes
05:26

Students will be able to use different kinds of colors in webpage

Colors
12:35

The CSS border properties allow you to specify the style, width, and color of an element's border.

Borders
12:53

Students will be able move elements with margin property

Margins
04:53

The CSS padding properties are used to generate space around content

Padding
04:27

Students will style text with some of the text formatting properties

Text-Formatting
18:49

The CSS font properties define the font family, boldness, size, and the style of a text.
Fonts
03:55

The CSS list properties allow you to:

  • Set different list item markers for ordered lists
  • Set different list item markers for unordered lists
  • Set an image as the list item marker
  • Add background colors to lists and list items
Lists
15:50

Links can be styled with any CSS property for example: Color, Font Family , Background and etc...

Styling-Links
06:20

Students will be able style tables and create attractive tables

Tables
12:33

Students will create a beautiful Box with CSS(3)

Box Modal
12:31

The display property is the most important CSS property for controlling layout.

Display
12:37

Students will set positions for elements after finish this lecture 

Positions
19:29

The Float property specifies whether or not an element should float

Float
07:08

Students will align elements horizontally or vertically 

Align
08:45

A CSS pseudo-element is used to style specified parts of an element
Pseudo-Element
06:47

Students can create vertical menu for webpage

Vertical Navigation-Bar
13:27

Students can create horizontal menu for webpage

Horizontal Navigation-Bar
12:10

Create a hoverable dropdown with CSS.
DropDown Box
13:44

Create a dropdown menu that allows the user to choose an option from a list

DropDown Navbar
13:24

A tooltip is often used to specify extra information about something when the user moves the mouse pointer over an element

ToolTip
14:35

The look of an HTML form can be greatly improved with CSS
Forms
16:15

The opacity property specifies the opacity/transparency of an element

Opacity
05:04

CSS can be used to create an image gallery

Image Gallery
09:55

Quiz 4
10 questions
+
CSS(3) 2D Transforms
8 Lectures 31:11
Introduction
01:00

Translate() Method
04:06

Rotate() Method
04:55

Scale() Method
05:06

SkewX() Method
03:40

SkewY() Method
02:09

Skew() Method
03:37

Matrix() Method
06:38
+
CSS(3) 3D Transforms
3 Lectures 08:00
RotateX() Method
04:04

RotateY() Method
02:06

RotateZ() Method
01:50
+
CSS(3) Transitions
4 Lectures 16:24
Transition
03:59

Transition and Transformation
02:21

Speed Curve
08:06

Delay Transition
01:58
+
CSS(3) Animations
4 Lectures 29:16
Keyframes Rule
05:43

Delay Animation
08:24

Specify Animation Speed Curve
07:00

Animation Shorthand
08:09
6 More Sections
About the Instructor
Aatef Jaberi
4.9 Average rating
158 Reviews
4,353 Students
4 Courses
IT Engineer & Web Development Designer

Hi, my name is Aatef. I am engineer in Information Technology and Web Development Designer.

 I have experience in Information Technology and Web Development Designer for 5 years.

I have worked as an online supporter and I also work as a networking in companies and online Web Designer 

I love information Technology (IT) and programming. I study very much to learn more and add to my knowledge then I help myself and other people to improve together.

My Slogan: The key to success is perseverance, effort and Do Not Stop