Rapid Web <span>Design</span> Course

Rapid Web Design Course

The best and fastest web design course for HTML, HTML5, CSS, CSS3, Javascript, JQuery, Responsive Design, PHP, MySQL, WordPress…

Our Rapid Web Design Course is created specially for freshers and those who are new to web design. This course prepares you for the needs of a modern web design company. The course and its course material has been prepared with inputs from experts designers & developers working in leading design companies and MNCs. The course material is also regularly updated as per the latest trends. The course is not just limited to basic HTML, CSS, Dreamweaver etc but also makes you an expert in most modern technologies. Therse include Responsive Design, Symantic Web etc. The course also covers key back-end related concepts like PHP and MySQL followed by CMS basics using WordPress.

Why is this best course for HTML, HTML5, CSS, CSS3, Javascript, JQuery, Responsive Design & PSD to HTML?

  • Focussed on Job Placement & Job Interview
  • Course material developed by Industry’s design experts
  • Your teachers will be actual designers from IT Industry
  • Focus on modern technologies demanded by leading Web design companies and MNCs
  • Full of live hands-on exercises and projects
  • DICE Academy provides you best-in-class placement assistance
  • Bonus Personality Development Course covering Professional Communication, Email Etiquette and Interview Handling Skills

You will start by learning the basics of web – concepts like site structure, site theme, elements in a site etc. In the next steps, we will introduce you to basics of HTML coding that form the building blocks of a site. Over the first few weeks, you will learn basic to advanced tags of HTML and will be able to create simple to medium web pages at the end of first month. This will be followed by introduction to CSS. You will learn how to complete change the design of your web page using only css and without changing a single line of HTML code. By the end of second month, you will have learnt medium to advanced CSS that can be used to build any kind of web design. The second half of the course duration will concentrate on advanced concepts like HTML5, CSS3, Responsive Design, Bootstrap, Symantic Web and other advanced tools like PHP, MySQL, WordPress, CMS concepts etc.

Each student is also provided with multiple course books containing the latest course material. This course material is recommended by designers from the industry.

What should you know before you start Web Design Course?

  1. Basic computer knowledge
  2. Basic Internet usage knowledge
  3. Basic typing skills
  4. Basic reading/writing skills

What is covered in Web Design Course?

Learning Plan for Web Design Course

Basic HTML
Introduction to HTML
– What is HTML?
– Tag Syntax
– Create HTML

HTML Document
– Structure
– Doctype
– html element
– head element
– body element

Basic content
– Headings
– Paragraph
– Line
– List
— unordered list
— ordered list
— definition list
– Image

Hyperlinks
– What is Hyperlinks
– Hyperlinks
– Relative paths or Absolute URL
— Relative path
— Absolute URL

Tables
– Table
– Table row
– Table data
– Table heading
– Captions

Forms
– User-submittable form
— The action attribute
— The method attribute
– Form controls
— The Input element
—- type=”text”
—- type=”radio”
—- type=”tel”
—- type=”email”
– The textarea element
– Select menu
— The select element
— The option element
– button

Other HTML ELEMENT
– pre
– blockquote
– center
– u
– i
– b
– br
– font
– marquee
– small
– sub , sup
– strike

 
Basic CSS
Introduction to CSS
– What is CSS
– Syntax
– Selectors
— Type selector
—- Class selector
—- ID selector
—- Descendant combinator
—- Grouping
– Create CSS

Adding style to HTML
– Linking style sheet
— Internal style sheet
— inline style sheet
— external style sheet

Styling
– Texts
— text-align
— text-decoration
— text-indent
– line-height
– vertical-align
– text-transform
– letter-spacing
– word-spacing
– white-space

Box Size
– width
– height

Visual formatting
– Display
– position
– top
– right
– left
– bottom
– Float
– clear
– z-index
– overflow
– clip
– visibility
– cursor

CSS Fonts
— font-size
— font-family
— font-style
— font-weight
— Font Face
—- Custom Fonts
—- Google Fonts
– Lists
– Link

Box model
– Box model
– Paddings and Margins
– Background
– Borders
– outline
– color
– opacity

 
Advanced HTML
Introduction to HTML Doctype
– The HTML5 doctype
– The HTML 4.01 strict doctype
– The HTML 4.01 transitional doctype
– The XML 1.0 strict and transitional doctypes
– The HTML 4.01 and XML 1.0 frameset doctypes
– Other doctypes

List of HTML ELEMENT
– Grouping content
— div
– Text-level semantics
— cite
— code
— em
— kbd
— span
– Sections
— section
— nav
— article
— aside
— header
— footer
— address

Embedded content
— canvas
— map
— area
— svg
— audio
— iframe
— video
— embed

HTML structural elements
– simple page structure using basic html
– Structuring a page with HTML 4
— div , span structure
– Enter HTML5 structural elements
— header, footer , nav , article , aside , section

 
Advanced CSS
Box Size
– width
– min-width
– max-width
– height
– min-height
– max-height

Styling tables
– Table and cell width
– border, padding , margin
– A simple design

Styling forms
– label styling
– input styling
– select styling
– button styling
– textarea styling
– checckbox , radio button styling
– error message styling
– fieldset styling

Floats and clearing
– How does floating work?
– Margins on floats
– Clearing
– Containing floats
– Shrink-wrapping
– Centering Floats

CSS static and relative positioning
– Static positioning
– Relative positioning

CSS absolute and fixed positioning
– Absolute positioning
– Fixed positioning

Introduction To CSS3
– Type Selector
— elementname
– Universal Selector
– Attribute Selector
— [attributename]
— [attributename=”val”]
— [attributename~=”val”]
— [attributename|=”val”]
— [attributename^=”val”]
— [attributename$=”val”]
— [attributename*=”val”]
– Pseudo-classes
– Dynamic pseudo-classes
– The target pseudo-class
– The language pseudo-class
– The UI element states pseudo-classes
– Structural pseudo-classes
– The negation pseudo-class
– Pseudo-elements
— ::first-line
— ::first-letter
— ::before
— ::after
– Combinators
— Descendant combinator
— Child combinators
— Adjacent sibling combinator
— General sibling combinator

Gradients
– linear
– radial
– conic

Other CSS Properties
– Transform
– Lists and Counters Properties
– Multi-column Layout Properties
– Filter Effects Properties
– Masking Properties
– box shadow
– Text shadow
– Transition
– css3 Animation

Headers footers columns and templates
– Introduction
– The stylist’s critical process steps
— Gather requirements
— Content classification
— Wireframes
— write code
— Test
— repair
— publish
– Element nesting and grouping
– Single column layout implementation
– Double column layout implementation
— Two Column Equal layout
— Two Column Left Layout
— Two Column Right Layout
– Triple column layout implementation
— Three Colun Equal Layout
— Three Column Layout

 
Others
Javascript
– Introduction to Javascript
– Understanding Javascript Syntax
– Understanding Javascript Statements
– Understanding Javascript Variables
– Using Javascript Operators
– Understanding Javascript Functions

JQuery
– Introduction to JQuery
– Understanding JQuery Syntax
– Understanding JQuery Selectors
– Understanding JQuery Events
– Using JQuery Effects like Hide/Show, Fade In-Fade Out

Bootstrap 3
– Bootstrap Overview
– Bootstrap Grid System
– Bootstrap – CSS Overview
– Bootstrap Typography
– Bootstrap Code
– Bootstrap Tables
– Bootstrap Buttons
– Bootstrap Images
– Bootstrap Responsive Utilities
– Bootstrap Layout Components

PHP/MySQL
– Introduction to PHP & MySQL
– Understanding PHP Variables
– Understanding PHP Data Types
– Understanding PHP Constants & Operators
– Understanding PHP Loops & If-Else
– Understanding PHP Functions

WordPress
– How to Install WordPress
– How to Create a WordPress Site
– How to Install WordPress Themes
– How to Install WordPress Plugins

Add Comment

Your email address will not be published. Required fields are marked *