• No products in the cart.

30

Course Outline Web Design & Development : A Quick Overview of Web Design & Development Class : 1  Introduction to …

Apply to enroll

Course Outline

Web Design & Development :

A Quick Overview of Web Design & Development

Class : 1  Introduction to HTML

  • Getting Started
  • A Simple HTML Document
  • The HTML Skeleton
    • The <head> Element
    • The <body> Element
    • Whitespace
  • HTML Elements
    • Attributes
    • Empty vs. Container Tags
    • Blocks and Inline Elements
    • Comments
  • Special Characters
  • History of HTML
  • lang Attribute
  • Paragraphs
  • Breaks and Horizontal Rules
  • Creating an HTML Page
  • Quoted Text
  • Preformatted Text
  • Text-Level Semantic Elements

Class:-2  HTML Lists 

  • Unordered Lists
    • Nesting Unordered Lists
  • Ordered Lists
    • Nesting Ordered Lists
    • The type Attribute
    • The start Attribute
  • Definition Lists
  • Creating Lists

Class :-3 HTML Tables

  • Creating Tables
    • Adding a Caption
  • thead, tbody, and tfoot
  • Merging Cells
  • Creating Tables

Class:-4 HTML Form

  • Introduction to HTML Form
  • From Elements
  • Input Types and Attributes
  • Form Validations
  • GET vs POST Method
  • Form Arrangement (Fieldset)

Class:-4 HTML Links

  • Text Links
  • Absolute vs. Relative Paths
    • Absolute Paths
    • Relative Paths
    • Default Pages
  • Targeting New Windows
  • Email Links
  • Adding Links
  • Targeting a Specific Location on the Page
  • The title Attribute

Class:-5 HTML Media Elements

  • HTML Media Elements
  • Different Types of Images
  • Audio and Video Controlling
  • Iframe in HTML
  • Embedded Video from Youtube

Class:-6 HTML5 Semantic Elements

  • Semantic Block-Level Elements
  • Brief Discussion on HTML5 API
  • HTML Review

Class:-7 Introduction to CSS Training

  1. Introduction to CSS (Cascading Style Sheet)
  2. CSS Ruleset
  3. How to Link CSS
  4. Inline
  5. Internal
  6. External
  7. CSS Specificity

Class: 8

  • Introduction to CSS Selectors
  • HTML DOM Tree
  • Universal Selector
  • Type Selector
  • Attribute Selectors

Class: 9

  1. letter-spacing
  2. text-align
  3. text-decoration
  4. text-indent
  5. text-shadow
  6. text-transform
  7. white-space
  8. word-break
  9. word-spacing
  10. Exercise: Text Properties

Class: 10

  1. About Color and Opacity
  2. Color and Opacity Values
    1. Color Keywords
    2. RGB Hexadecimal Notation
    3. RGB Functional Notation
    4. HSL Functional Notation
  3. color
  4. opacity
  5. Exercise: Adding Color and Opacity to Text

Class: 11 Borders, Margins, and Padding

  1. The CSS Basic Box Model
  2. Introduction to using Google Chrome DevTools with CSS
  3. Padding
  4. Margin
  5. Border
    1. border-width
    2. border-style
    3. border-color
    4. border-radius
  6. box-sizing
  7. box-shadow
  8. Exercise: Borders, Margin, and Padding

Class: 12

  1. background-color
  2. background-image
  3. background-repeat
  4. overflow
  5. background-attachment
  6. background-position
    1. Keywords
    2. Coordinates
  7. Creating a "hint" Class
  8. background-size
  9. background-origin
  10. background-clip
  11. Modifying the "hint" Class
  12. background
  13. Exercise: Backgrounds

Class: 13 Pseudo-classes and Pseudo-elements

  1. Pseudo-classes
  2. Styling Links with Pseudo-classes
  3. Styling Tables and Articles with Pseudo-classes
    1. :nth-child()
  4. Pseudo-elements
    1. content
  5. Using Pseudo-elements
  6. Display and Visibility
    1. display
    2. visibility

Class: 14 Positioning

  1. Normal Flow
  2. position
    1. Positioning with top, bottom, left, and right
  3. z-index
  4. float and clear
    1. float
    2. clear
    3. float, clear, and ::after
  5. Exercise: Positioning

Class: 15 CSS Lists as Hierarchical Navigation

  1. Exercise: Basic Vertical Navigation Bars
  2. Dynamic Drop-down and Fly-out Navigation Bars
  3. Exercise: Basic Drop-down Menu
  4. Exercise: Basic Fly-out Menu
  5. Exercise: CSS List Menus

Class: 16 Layouts

  1. Introduction to Flexible Box Layout Module
    1. Some Flexbox Properties
  2. Introduction to Grid Layout
    1. Some Grid Properties
  3. Multi-column Layout
  4. Exercise: Layouts

Class: 17 Media Queries

  1. What Are Media Queries?
    1. Breakpoints
    2. Media Types
    3. Syntax
  2. Font Awesome
    1. Finding and Using Icons
  3. Exercise: Breakpoints
  4. Exercise: Targeting Print

Class: -18 Introduction to Bootstrap Framework. (BS)

  1. Introduction to Bootstrap Framework. (BS)
  2. How to Install BS
  3. BS Grid System
  4. Understanding Device Screen Size
  5. BS Typography

Class: 19

  1. BS Table
  2. BS Form
 

Class: 20

  1. BS Navigation
  2. BS Button
  3. BS Pagination
  4. BS Image Responsive
  5. Bs Card

Class: 21

  1. BS Carousel
  2. BS Accordion
  3. BS Modal
  4. BS Tab and Tooltip

Class: 22

  1. Overview of Responsive Web Design (RWD)
  2. Working With Viewport

Class: 23

  1. BS All Module Cover
  2. BS Projects

Class: 24-25

  1. HTML, CSS, BOOSTRAP Projects
 

Class: 26-30 JavaScript

  1. JavaScript
  2. jQuery Use
 

Class: 31-36 PHP

 

Class: 37-42 MySQL

 

Class: 43-47 WordPress

  1. WordPress Customization
  2. WordPress Theme Development
 

Class: 47 -52 Project Class

Course Currilcum

          © SDTC. All rights reserved.