Web Design

Course Outline:

Module 1: Photoshop

  • Basic knowledge of Photoshop
  • Tools overview
  • Image editing
  • Retouching Techniques
  • Filtrating & Drawings
  • Layer Management
  • Using Presets
  • Typography

Module 2: HTML

  • Introduction to HTML
  • Which IDE to use and how to use IDE for HTML, CSS and PHP, Basic ideas on IDE tools and menu.
  • Ideas on HTML Attributes and Tags, how and where to use which attributes and tags. Showing Common mistakes on tag placements.
  • HTML headings, paragraph, anchor, image, inline elements, block elements overview, usages and placements.
  • HTML Form elements, input, select, textarea, radio box, checkbox, buttons elements overview, usages and placements.

Module 3: HTML & HTML 5   

  • HTML lists, tables, quote, frames, fieldset,iframe elements overview, usages and placements.
  • Introduction to HTML5 and overview on difference from HTML.
  • HTML5 elements overview, usages and placements.
  • HTML5 media, video, audio elements overview, usages and placements.
  • HTML5 Canvas, SVG and Media elements overview, usages and placements.

Module 4: Cascade Style Sheets (CSS)

  • Introduction to CSS, what is CSS and how and where to use it.
  • Relationship with HTML & HTML5. How CSS will work with HTML & HTML5.
  • What is Inline CSS, where to write it, precedence & priority of Inline CSS.
  • What isInternal CSS, where to write it, precedence & priority of InternalCSS.
  • What is External CSS, where to write it, precedence & priority of External CSS.
  • What is CSS overriding, how and where it takes places.
  • CSS syntax, Classes & IDs, Floating, Positioning and overflow.
  • CSS use of fonts, from where and how to get fonts and how to use those.
  • CSS use of colors, Margins, Paddings, Borders, width and height, alignments and opacity.
  • CSS for block, inline and inline-block, display, display-table and visibility properties of HTML elements.

Module 5: CSS3

  • Introduction to CSS3, Difference between CSS and CSS3, and extra benefits of using CSS3.
  • CSS3 use of texts, fonts, shadows and gradients.
  • CSS3 use of backgrounds, border images and rounded corners elements.
  • CSS3 making cool visual with use of transitions and animations.
  • CSS3 making cool visual with use of 2D and 3D transforms.
  • CSS3 Box sizing and Flex box features and use of these.
  • Use of Cross Browser CSS hacksto show HTML view same on different browsers.

Module 6: HTML & HTML 5   

  • Creating HTML & HTML 5 pages practically using CSS/CSS3 and project assignment.

Category: .

Reviews

There are no reviews yet.

Be the first to review “Web Design”