Html5 & CSS3

Free

18 students enrolled

  • DAY 1  0/7

    • 1
      Lesson 1 – Basics in Web Design
      What is World Wide Web The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages that can be acces
    • 2
      Lesson 2 – Introduction to HTML
      1. What is HTML? HTML is the standard markup language for creating web pages and web applications. HTML stands for HyperText Markup Language. Markup language: A markup language is a comput
    • 3
      Lesson 3 – Elements of HTML
      1. Nested HTML Elements It is very much allowed to keep one HTML element inside another HTML element: <h1>This is <i>italic</i> heading</h1> <p>This is <u>und
    • 4
      Lesson 4 – HTML Media
      1. HTML Audio Html <audio> tag defines sound, such as music or other audio streams. Now, there are three supported audio file formats for the <audio> tag; those are given below;
    • 5
      Lesson 5 – HTML Graphics
      1. Canvas Html5 introduce new tag <canvas> which is used to draw graphics on the web page. It draw graphics on web by using JavaScript. canvas is only a container for graphics you must nee
    • 6
      Day 1 – HTML Quiz
    • 7
      Day 1 – Task ( HTML )
      Task -1 Now your task is to create a web page the page should be placed in your webdesign folder and named index.html that shows the following elements.  Make sure all of your code is arranged p
  • DAY 2  0/20

    • 1
      Lesson 1 – CSS Overview
      What is CSS? Cascading Style Sheets, is a simple design language intended to simplify the process of making web pages presentable. CSS handles the look and feel part of a web page. Using CSS, yo
    • 2
      Lesson 2 – CSS ─ Syntax
      A style rule is made of three parts: Selector: A selector is an HTML tag at which a style will be applied. This could be any tag like <h1> or <table> etc. Property: A property
    • 3
      Lesson 3 – CSS ─ Inclusion
      There are four ways to associate styles with your HTML document. Most commonly used methods are inline CSS and External CSS. Embedded CSS - The <style> Element You can put your CSS rules i
    • 4
      Lesson 4 – CSS ─ Measurement Units
      Before we start the actual exercise, we would like to give a brief idea about the CSS Measurement Units. CSS supports a number of measurements including absolute units such as inches, centimeters, poi
    • 5
      Lesson 5 – CSS ─ Colors
      CSS uses color values to specify a color. Typically, these are used to set a color either for the foreground of an element (i.e., its text) or for the background of the element. They can also be used
    • 6
      Lesson 6 – CSS ─ Background
      This section  teaches you how to set backgrounds of various HTML elements. You can set the following background properties of an element: The background-color property is used to set the backgro
    • 7
      Lesson 7 – CSS – Font
      This section teaches you how to set fonts of a content, available in an HTML element. You can set the following font properties of an element: The font-family property is used to change the face
    • 8
      Lesson 8 – CSS – Text
      This section teaches you how to manipulate text using CSS properties. You can set the following text properties of an element: The color property is used to set the color of a text. The di
    • 9
      lesson 9 – CSS – Images
      Images play an important role in any webpage. Though it is not recommended to include a lot of images, but it is still important to use good images wherever required. CSS plays a good role to contr
    • 10
      Lesson 10 – CSS – Link
      This section  teaches you how to set different properties of a hyper link using CSS. You can set the following properties of a hyperlink: We will revisit the same properties when we will discuss
    • 11
      Lesson 11 – CSS – Tables
      This section teaches you how to set different properties of an HTML table using CSS. You can set the following properties of a table: The table-layout allows browsers to speed up the layout of a
    • 12
      Lesson12 – CSS – Borders
      The border properties allow you to specify how the border of the box representing an element should look. There are three properties of a border you can change: Border Properties Using Shorthand
    • 13
      Lesson 13 – CSS ─ Margins
      The margin property defines the space around an HTML element. It is possible to use negative values to overlap content. The values of the margin property are not inherited by the child elements. Re
    • 14
      Lesson 14 – CSS ─ Paddings
      The padding property allows you to specify how much space should appear between the content of an element and its border: The value of this attribute should be either a length, a percentage, or the
    • 15
      Lesson 15 – CSS ─ Cursors
      The cursor property of CSS allows you to specify the type of cursor that should be displayed to the user. One good usage of this property is in using images for submit buttons on forms. By default,
    • 16
      Lesson 16 – CSS ─ Dimension
      You have seen the border that surrounds every box i.e. element, the padding that can appear inside each box, and the margin that can go around them. In this section, we will learn how to change the di
    • 17
      Lesson 17 – CSS ─ Scrollbars
      There may be a case when an element's content might be larger than the amount of space allocated to it. For example, the given width and height properties do not allow enough room to accommodate the c
    • 18
      Lesson 18 – CSS ─ Media Types
      One of the most important features of style sheets is that they specify how a document is to be presented on different media: on the screen, on paper, with a speech synthesizer, with a braille device,
    • 19
      Day 2 – CSS – Quiz
    • 20
      Day 2 – Task ( HTML and CSS )
      Task 1 Now your task is to create a web page the page should be placed in your webdesign folder and named index.html  I think already you have created this file with basic form fields in day 1 h
  • DAY 3  0/3

    • 1
      Lesson 1 – Bootstrap
      What is Bootstrap? Bootstrap is a free front-end framework for faster and easier web development Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables,
    • 2
      Day 3 – Bootstrap – Quiz
    • 3
      Day 3 – Task ( Bootstrap )
      Task 1 Create a responsive html page with bootstrap for below layout. Before start this page you should know all the components in bootstrap  from http://getbootstrap.com/   Tas
  • DAY 4  0/2

    • 1
      Day 4 ( Responsive website )
      Task 1 Create a responsive html page with bootstrap for below layout. Task 2 Create a responsive html page with bootstrap for below layout.      
    • 2
      Day 4 – Web Designing Quiz
  • DAY 5  0/1

    • 1
      Day 5 ( Responsive website )
      Task 1 - Create a responsive html page with bootstrap for below layout. You can use dummy contents and images from google. Task 2 Create a responsive html page with bootstrap for below

Leave a Reply