Techsage Experts designed a Web Designing framework for Freshers/College Students/Professionals (IT & Non-IT) to cater the needs of dynamic IT companies. In our Web Designing Training participant will learn HTML, XHTML, HTML5, CSS-2/3, Java Script, jQuery & Photoshop.
Our Experienced Mentors will teach participants how to keep a balance between text, graphics and multimedia on the website by keeping it comply to the standardization. Our training Program is as per the current Industry Standards.
Our Website Designing Training will have the below process:
- Understanding of HTML/XHTML/HTML-5
- Working with CSS-2 & CSS-3
- Real Time implementation of Java Script & JQuery
- Working with Bootstrap to make Application Responsive
- Grabbing knowledge of Photoshop & Dreamweaver
- Finally Hosting the website on Live Server
- SEO of Application to generate business
- Placement Process (Test Papers‡’Grooming Session‡’Resume Design‡’Mockup Interview‡’Conduct Interview)
Pre-Requisite
- There is no formal prerequisite for this training, however candidates with a strong interest in website designing are the ideal participants for this course. Understanding of HTML and CSS will be an added advantage
Techsage – Web Designing Training Map
| Web Technologies |
| HTML |
DHTML |
XHTML |
| HTML5 |
CSS3 |
Java Script |
| JQuery |
Ajax |
Photoshop |
| Dreamweaver |
Website Hosting |
Domain Registration |
| Website Compatibility |
Static Websites |
Dynamic Websites |
| Live Projects |
MySQL |
Testing App. |
Professional Tools |
| Dreamweaver |
NetBeans IDE |
Adobe Photoshop |
| File Zilla |
FireBug |
I.E.Developer Tools |
Course Content - Web Design Training
- HTML & XHTML (Extensible Hyper Text Markup Language) - More
- Difference between HTML and XHTML.
- Why XHTML? not HTML.
- Understanding DOCTYPE.
- Understanding basic XHTML tags
- General form of a tag.
- HTML attributes.
- Basic text styling.
- HTML Heading.
- HTML Paragraph.
- HTML fonts.
- HTML color codes.
- Hexadecimal color coding.
- Working with table.
- Adding image to webpage.
- Working with Anchor, Image and Iframe tag.
- Working with HTML forms.
- Basic layout design using tables.
- Learning about the various deprecated tags in XHTML.
- Adobe Dreamweaver - More
- Introduction to Dreamweaver.
- Understanding the 3 modes (Design, Split, and Code).
- Coding and adding elements using Dreamweaver.
- Basic Templates in Dreamweaver.
- CSS2 (Cascading Style sheet) - More
- Use of CSS.
- Three types of CSS.
- Basic CSS properties.
- Basic text styling using CSS.
- CSS Background Properties.
- CSS box model.
- Border.
- Padding.
- Margin.
- Tag selector, Id selector, Class selector, Attribute selectors.
- Grouping and Nesting of selectors.
- Pseudo classes and Pseudo elements.
- Working with DIV tags..
- Understanding DIV alignment, float and clear properties.
- Understanding CSS positions.
- Layout and template design (Building Table less websites).
- Creating Simple drop down menus.
- Fixing the compatibility issues is Various Browsers.
- Java Script - More
- Use of Java Script.
- DHTML.
- Java Script Popup boxes.
- JavaScript Events.
- Events handling.
- Manipulating DOM with JavaScript.
- JavaScript Operators.
- Control Structure.
- Writing functions.
- Tag and ID selector.
- JavaScript Objects.
- Making Lightbox with JavaScript.
- Making an image viewer with JavaScript
- Working with arrays.
- JavaScript Timers.
- Making JavaScript Image Slide Show.
- JavaScript Date and Time Functions.
- JavaScript form validations using Regular Expression.
- Application of JavaScript.
- JQuery - More
- JQuery syntax.
- JQuery selectors.
- Creating, inserting, and manipulating web page content.
- JQuery predefined functions.
- Understanding JQuery plugins.
- Using event ready handlers that work across browsers.
- Working with JQuery effects, such as showing, hiding, sliding and fading page elements.
- JQuery callback functions.
- Creating custom animations with specialized properties and options.
- JQuery events.
- Understanding Elements Hierarchy.
- Using the JQuery UI plug-in to give pages a polished look.
- Developing JQuery applications and Plugins (like Facebook and Twitter).
- Making JQuery sliding menus.
- Making JQuery lightbox.
- Making JQuery image slider.
- Making JQuery image slideshow.
- Making jQuery Image Carousel.
- Making JQuery Image Zoom viewer.
- Making JQuery Collapsible Menu.
- CSS 3 - More
- Understanding CSS3.
- Using CSS3 advance Tag and Attributes selectors.
- Clearfix with CSS3.
- CSS3 Rounded Coners.
- CSS3 Box shadow properties.
- CSS3 Text Shadow properties.
- CSS3 Background Gradients.
- Making beautiful buttons using CSS3.
- CSS3 Transformations Properties.
- CSS3 Rotate , Translate, Skew, Scale properties.
- CSS3 transitions.
- CSS3 transitions delays.
- CSS3 transition functions.
- CSS3 keyframes.
- Creating animations Using Keyframes
- Animating webpages using CSS3.
- Mixing CSS3 and JQuery animations to create advance plugins.
- CSS3 Image slideshow.
- CSS3 Media Queries.
- Understanding Responsive Layouts.
- Making Basic Responsive Layout in CSS3 Media Query.
- Making Advance Website Template in CSS3 Media Query.
- HTML5 - More
- What is HTML5?
- How is HTML5 different from XHTML.
- Drawbacks of XHTML.
- HTML5 future uses.
- Understanding HTML5 doctype.
- HTML5 Basic tags.
- HTML5 Advance Tags.
- Replacing XHTML Divs with HTML5 advance tags.
- Making a website template using HTML5.
- Fixing HTML5 compatibility issues in different browsers.
- HTML5 SHIV.
- Making HTML5 compatible in IE-8 and lesser using HTML5 SHIV.
- HTML5 custom data attributes.
- Holding custom data in HTML5 data attributes.
- Working with HTML5 data attributes and jQuery.
- Understanding HTML5 Canvas.
- Working with HTML5 Canvas using JavaScript and jQuery.
- Drawing runtime graphics and Animations using HTML5 Canvas.
- Playing with HTML5 canvas animations and characters using JavaScript and jQuery.
- Twitter Bootstrap 3 Framework - More
- Downloading and Installing Bootstrap 3 framework.
- Understanding various Components of Bootstrap Framework.
- Working with Bootstrap Components
- Making jQuery Slider in Bootstrap 3.
- Making Responsive GRID layout using Bootstrap GRID.
- Making a final Website Layout.
- Adobe Photoshop - More
- Introduction to Adobe Photoshop
- Types of tools.
- Using Photoshop tools.
- Understanding Layers in Photoshop.
- Image gradient with Photoshop.
- Creating Custom effects.
- Merging two images in Photoshop.
- Removing and Changing backgrounds of Images.
- Making transparent backgrounds.
- Changing color of images.
- Compressing images for use in websites.
- Image opacity.
- Creating animated banners (gif images).
- Developing Banners and Headers for websites.
- PSD to HTML Conversion
- Website Hosting - More
- Webhosting basics.
- Hosting packages.
- File Manager.
- Creating Email accounts.
- Using FTP client.
- Working with FileZilla.
- Making your website LIVE.
- Understanding Compatibility issues - More
- Issues with different browser versions.
- Issues with CSS.
- Testing a website in different browsers.
- SEO (Search Engine Optimization) - More
- Understanding SEO and its scope.
- Difference between On page and Off page SEO.
- Understanding Google Search Engine.
- Meta Description and Keywords.
- Enhancing SEO of your website.
- Tools and IDE used - More
- Notepad++
- Dreamweaver
- Adobe Photoshop.
- Project - More
- Live Project on Static Website
For more information about the training you can Contact US
