Module 1: Working with HTML
- History and introduction of HTML
- What are HTML Tags and Attributes?
- HTML Tag vs. Element
- HTML Attributes
- Heading tags
- HTML Basic Tags
- HTML Colour Coding
- Backgrounds
- Using and modifying Fonts
- Creating Tables
- Row and Col span
- Marquee
- Inserting and Modifying Image
- Unordered Lists
- Ordered Lists
- Paragraph and Break tags
- Definition list
- Hyperlink( text , image , email)
- Forms
- Password and hidden fields
- Formatting textbox
- HTML form elements
- HTML input types
- Input attributes
- HTML buttons
- Labels ,textareas
- Inserting audio and video in webpage
- Canvas tag
- Spinners and sliders
- Dates ,Color pickers
- Data list
Module 2: Working with CSS
- Getting started with CSS
- CSS rules
- Putting styles
- Using CSS selectors
- Inline and Embedded styles
- CSS and Fonts
- Font Colors
- Font Size
- Styling fonts
- Dealing with images
o Types of images
o Inserting images
o Image attributes
o Image and CSS
o Text wrapping with CSS
o CSS and image borders
o Backgound images
o Adding captions to images
o External Stylesheets
o HTML lists and nav bars
o Other types of hyperlinks
o The Box model
o CSS comments
o CSS positioning
o CSS floats
o A one column CSS layout
o Styling the one column layout
o Styling the HTML 5 tags
o A two column CSS layouts
Module 3: Graphics design
- Introduction
- History of Graphic Design
- Understanding Raster and Vector design
- Golden ratio principle
- Demonstrate a thorough understanding of the elements of graphic design.
- Elements of Design
o Color
o Line
o Shape
o Space
o Texture
o Value
o Balance
o Contrast
o Emphasis/Dominance
o Harmony
o Movement/Rhythm
o Proportion
o Repetition/Pattern
o Unity
o Variety
- Introduction to photoshop
o Understanding the document
o Understanding tools
o Understanding menus
o Working with layers
o Working with move and shape tool
o Using pen tool
o Black and white to color
o Working with gradients
o Restoring and editing images
o Designing visiting cards
o Understanding designing principles
o Working with color channels
o Filters and image adjustments
o Anatomy of a letter
o Typefaces
o Typographic Measurement
o Typographic Standards
o Typographic Guidelines
- Creating images for print & web
o Formats
o Understanding color theory
o Resolution
o Raster Vs Vector
- Editing Images
- Visual Communication
- Introduction to Illustrator
o Understanding the document
o Difference between print and digital media
o Using path selection and direct selection tool
o Working with gradients
o Using pen tool
o Using shape tool
o Understanding and working with layers
o Creating vector illustrations
- Working with mesh tool
- Using pathfinder tool
- Creating vector illustration
