• Careers in Web Technologies
• Job Roles of Web Designer and Web Developer
• How the Website Works?
• Client and Server Scripting Languages
• Website Development - Required Skills
• Flat & Dynamic Webpages
HTML 5 Programming
• Basic Structure of HTML
• Head Section and Elements of Head
• Meta Tags
• External Link Tags
• Working with Text Formatting Tags
• Working with Images
• Anchor & Email Link
• Working with Tables Tags
• Working with Div and Span Tags
• Working with Forms
• Introduction to HTML5
• New Structure Tags
• Designing a Layout using HTML5
• HTML5 for Responsive Designs
• Relation between HTML and PHP
Styling with CSS & CSS3
• CSS Syntax
• About Inline, Internal and External CSS Script
• About Class Selector & ID Selector
• DIV + CSS Layout Design
• PSD to CSS Conversion
• About Fluid Layouts
• Transformations & Animations
• Conquer Forms with HTML5
• Introduction to CSS 3
• CSS3: Selectors, Typography, Color Modes, & CSS Gradients
• CSS3 Multiple Columns
• CSS3 Media Types
• Media Queries: Sporting Differing Viewports
Photoshop and Fireworks
• About Adobe Photoshop
• Types of Image Graphics
• Vector Graphics and Tools
• Scalar Graphics and Tools
• Interface Tour of Photoshop and Pallets
• File Types in Photoshop
• Getting Images into Photoshop
• Understanding Tools and Tool Settings
• Creating and Working with Layers
• Adjusting Images
• Color Adjustments to Images
• Working with Filters
• Using Vector-Based Tools
• Images exported from Photoshop
• About Fireworks
• About Basic & Vector shapes
• Format text
• Blending and transparency
• Creating and editing slices
• About Masking
• Hotspots and Image maps
• Create Fireworks PNG files from HTML files
• Preparing slices for export
• Optimize graphics files.
• Use the Export Wizard
• Using Fireworks with Dreamweaver
Javascript and Jquery
• Types of JS
• Fundamental of Client-Side JavaScript
• Java Script Loops, Objects, Events
• Form Handling
• Dynamic Effects: Rollovers, Positioning, and Animation
• Advanced JavaScript
• JavaScript code and PHP
• jQuery Syntax
• Adding jQuery to Your Web Pages
• About Selectors
• Using Event Methods
• jQuery Effects and Animation
• Get Content and Attributes
• About Get and Set CSS Classes
Bootstrap
• Bootstrap - CSS Overview
• Grid System
• About Typography and Code
• Tables, Forms and Images
• Buttons and Button Groups
• Bootstrap - Responsive utilities
• About Navigation Elements
• Bootstrap – Glyph icons
Web Animation
• Using Animate CC
• Creating Graphics and Text
• Using Library and Symbols
• Animation Basics
• Advanced Animation
• Adding Action Script
• Exporting Graphics and Animation in HTML5 Canvas
WordPress
• Advantages of using WordPress
• Installing and Planning your Word Press site
• About Word Press themes
• Creating pages within Word Press
• Creating customized Menus
• About Sliders
• Advanced page options
• Images in Word Press
• Inserting a YouTube video into a page
• Linking Word Press pages & posts
• About Word Press Posts
• About Word Press plugging & widgets
• About Contact form
• About Social media sharing
• SEO in Word Press
