Make a Website from Scratch with HTML & CSS

For Complete Beginner . Go From first Step to Another and Learn how to Build an Amazing Website . All the Best
3.5 (2 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.
47 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 51
  • Length 6.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 English

Course Description

A Certificate of Completion will be provided to all students after completing this course.

In this Vedio Session we took all the Basic Elements of HTML and CSS. and we tried make u a Complete web developer with this Vedio. After Completion of the Session you can make your own Static Website.

______________________________________________________________________

A Web Browser can read HTML files and Compose them into visible or audible web pages. The Browser does not display the HTML tags, but uses them to interpret the content of the page. HTML uses special bits of Programming language called "tags" to let the browser know how a Webpage should look. The tags usually come in pairs: an opening tag to tell the browser when to start doing something, and an ending tag to tell the browser when to stop doing something. There are many different kinds of tags, and each one has a different purpose.

______________________________________________________________________

Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and layout of text and other Material.

HyperText Markup Language is a markup language that web browsers use to interpret and compose text, images and other material into visual or audible web pages. Default Characteristics for every item of HTML markup are defined in the Browser, and these characteristics can be altered or enhanced by the web page designer's Additional use of CSS. Cascading Style Sheets (CSS) and JavaScript can be included in HTML code. CSS is used to change how a webpage looks. JavaScript is used to add features to Webpages and make them more Interactive.

The id attribute provides a Document-Wide unique identifier for an Element. This is used to identify the element so that Stylesheets can alter its Presentational properties, and scripts may alter, animate or delete its Contents or presentation.

The class attribute provides a way of Classifying similar Elements. This can be used for semantic or presentation purposes. For example, an HTML document might semantically use the designation class="notation" to indicate that all elements with this class value are subordinate to the main text of the Document.

______________________________________________________________________

The course provides step-by-step Walk-through and Coding demos that you're encouraged to code along with to enhance the learning process. By the end of the course you'll understand how all of the coding pieces fit together and be able to apply this knowledge to building your own custom Web applications.

Web browsers can also refer to Cascading Style Sheets to define the look and layout of text and other material.

What are the requirements?

  • An internet connection
  • desire to learn fast and effectively
  • This is an all levels class. No programming knowledge or experience required.

What am I going to get from this course?

  • To learn HTML
  • To learn HTML 5
  • To learn CSS
  • To learn CSS3
  • To learn great development techniques
  • Earn Certification that is Proof of your Competence

What is the target audience?

  • Complete beginners
  • People who desire a new career path
  • Anyone interested in making their own website

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction Tags of HTML (Hyper Text Markap Language)
Course Introduction
Preview
04:35
Definition and Basic text display
Preview
06:30
Attributes (1) Bgcolor (2) Background
04:49
Color Coding in HTML (1) Color name ( 2) Hex codes
06:08
: Various body tags : (1) Br tag (2) P tag (3) Spaces and nextline
08:03
Hr tag (1) Pre tag
12:31
Section 2: (Text) All Text and font will be Explain
Playing with text :1 Bold, italics, underline, strike 2 Text alignment 3 Using v
06:14
Text Formatting: 1 Heading tag 2 Superscript 3 Subscript 4Big 5 Small
08:18
Font tag : 1 Font face 2 Font size 3 color
11:31
Img Tag
06:12
Section 3: Listing of fonts Color and Alignment
: Lists - I (1) Ul
03:55
list - II (1) OI
05:04
Section 4: Divide the with Table
Tables - I : Introduction
04:50
Tables - II (1) Rowspan (2) Colspan (3) Background
05:49
Tables -III (1) Cell padding (2) Cell spacing (3) Border color
05:35
Table –IV : Example
06:59
Section 5: Linking of Pages Internal and External Links
Page layout Using Tables (To do in CSS)-: Hyperlinks - I Anchor tag
08:31
Hyperlinks – II Internal Hyperlinks
06:44
Hyperlinks – III (1) Link (2) Vlink (3) Alink (4) A Pdf file (5) Image File
05:42
Image Links
05:49
Section 6: logical Data Tags and Attributes
Forms – I (1) Form tag (2) Text box (3) Textarea (4) Buttons
12:00
Forms – II (1) Check boxes (2) Radio buttons
09:24
Forms – III (1) Combo box (2) List Box
05:55
Forms – IV Examples
13:56
Frames – I (1) General form (2) Rows (3) Cols
05:23
Frames–II 1 Percentagewise 2rols and cols together 3Bord4Frameborder 5 noresize
08:36
Frames – III (1) Name (2) Target attributes
08:30
Section 7: Motion Tags Motion in horizontal and vertical
Marquee tag – I (1) Direction (2) Width (3) Height
05:51
Marquee Tag–II (1 Behavior. Alternate.Scroll. Slide2 Hspace 3 Vspace 4 bgcolour
04:36
Marquee tag – III (1) Images in Marquee (2) Loop (3) Scrollamount
05:39
Meta Tag-1Defines keyword 2Webpage Description3 Author of page4 Refresh5 Defines
06:04
Comments 1<!-- --!>2Valid vs invalid comments 3Multiline 4Tag 5script code 6css
06:12
HTML Quotations and Citations- 1 q tag 2 Blockquote 3 Abbr 4Address 4 Dfn
08:18
HTML Entities and Symbols 1 non breaking spaces 2<, > signs 3&, currency symbol
08:50
HTML 5 –Introduction 1 Hoctype Declaration 2 Header, footer, Article and Section
07:15
Section 8: Multimedia Tags And Attributes
HTML Plugins - (1) Object (2) Embed
07:09
HTML 5 –Multimedia 1Video formats Supported 2Video Tag 3 Adding a Youtube Videos
06:45
HTML 5 – Multimedia Contd (1)Audio formats Supported (2) Audio Tag
03:54
Section 9: Introduction of CSS (Cascaded style sheet)
(1)Introduction (2) Basic css design (3) External css file (5) Comments in CSS
10:50
Ways to Define CSS -1Selectors ,Element ,ID,Class ,Grouping 2 Internl 3•External
06:14
Section 10: Colors and Images of front and Back
Background - (1) Background (2) Background color (3) Size (4)Image (5)Repetition
08:50
Fonts- 1 Font-family,generic famil 2 Style 3Variant 4 Size 5 Weight 6Shorthand
05:42
Section 11: Text formating
Text Formatting -Text color • Text align • Text decoration • Text transformatio
07:04
Section 12: Linkings with Cascaded Style Sheet Lecture
Links - (1) A:hover (2) A:link (3)A:visited (4) A:active
08:04
Lists- (1) Setting list item markers (2)List style position (3)Shorthand propert
08:29
Section 13: Divisions of Tables with Rows And Colomns
Tables-1 Border 2 Border collapse 3Width, height 4Text align 5 Vertical align
07:50
Images -(1)Border (2)Height (3)Width (4) Opacity ----- Opacity o Filter(alpha)
04:54
Section 14: Border Decoration with Color and Margins
Borders, Margins, Paddings -1)Border color 2)Border style 3) Border with 4CSS 3
12:28
Section 15: Logical Division Tag floating
Div
11:14
Positioning / Floating - 1)Relative 2)Fixed 3)Absolute 4)Overlapping 5)Floating
11:19
Pseudo Elements & Classes-1)Syntax 2)Pseudo classes 3)Add different styles to li
08:07

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Kishan Jainani, Web Developer

A skilled professional, Kishan Jainani have interests to teach online and have a experience of 10 years in teaching online.

Personal thought

Living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft.I'm fortunate to enjoy the development work I do, but my true passion is helping people learn. I look forward to answering your questions and am available for 1-on-1 chats with all of my students. At Maker-Based we aim to better education through content and delivery. We believe every day there is a growing gap between what students should be and are learning. We aim to lessen that gap by teaching you skills that are relevant today - to enable you to follow your passion and do what you love. And we believe the most effective way to learn these skills is through project-based learning. We work to achieve this mission daily with courses and our social venture of bringing coding into the school system. ALL THE BEST

Ready to start learning?
Take This Course