Web designing Training

Look and Feel is becoming so important today and our artists would help you to get you started.

Introduction

  • Introduction about web technologies for Front page users
  • Static and dynamic website
  • Basic Introduction web designing layout
  • Difference Between Front-end and Back-end technologies
  • Tools for building web page design

HTML – Hyper Text Markup Language

  • Introduction Overview of HTML
  • Basic Structure of HTML
  • Head section and elements of head section
  • Meta tag and meta description
  • HTML all Tags / HTML Elements
  • HTML Heading
  • HTML Paragraphs and its tag
  • HTML Attributes
  • HTML Comments
  • Div tag and its properties
  • HTML links , HTML Image and its properties
  • HTML Lists
  • HTML table tag , HTML Frames
  • PSD to HTML conversion concept

HTML –Working with Forms

  • Form Tag and form properties
  • From action :get method and post method
  • Option buttons , checkbox, radio buttons
  • input box, textarea box, labels
  • Formatting all properties with CSS

CSS - Cascading Style Sheet

  • Introduction of CSS
  • CSS – links
  • Types of CSS (Inline, Internal , External )
  • Properties of CSS
  • CSS Font properties , styling font
  • Type selector- ID, Class selector
  • CSS - Comments
  • CSS - positioning properties
  • CSS – Opacity , visibility concept
  • CSS for website layout- One column layout , Two column
  • multi-columns layout
  • CSS - font styling , Alignment , float properties
  • Margin and padding concept
  • Parent-child layout concept
  • Custom form design
  • CSS - Before after properties
  • CSS - Display properties
  • CSS - Image properties
  • CSS – Background Image properties

Fonts

  • Web fonts
  • Font Icons – e.g. Font awesome
  • Import web fonts, font awesome in website
  • Other fonts

Responsive Design

  • Introduction of responsive layout of the website
  • Devices for responsive design (Desktop , tablet , Mobile)
  • Media Queries and its properties

Bootstrap

  • Bootstrap Introduction
  • Benefits of Bootstrap Model
  • Bootstrap Model layout structure
  • Bootstrap – classes
  • Bootstrap – grid layout
  • Bootstrap – fonts and icons
  • Bootstrap – tables, buttons , lists, etc..
  • Bootstrap – collapse and expand
  • Bootstrap – Tabs and panels
  • Bootstrap – Tables
  • Bootstrap – Forms
  • Bootstrap – grid system
  • Bootstrap – carousel -image slider
  • Bootstrap – popup model and alters
  • Bootstrap – Templates
  • Bootstrap – Responsive Layout

Happy Students

What our students have to say about us, and what they learned and how the training benefited to them.

  • Harshad chauhan

    Getting trained from ATI, was my one of the best decisions of my life. After final year of engineering, I tried to get a job as a fresher, and having interviewed by about 8 companies, everybody was asking me either for an experience, or knowledge of a Pro, I didn't had both as a fresher. After I completed my php training with alakmalak, I was able to crack the interview particals at two places and got an offer from one of the company. I would highly recommned ATI.

  • Alpa Mori

    I was a final year from GTU where I got to know about ATI through social media. I applied there, and they took a general aptitude test. I scroed more than 80% in the test and they offered me a special disocunt on the training fees, and after the training I did my live project there, it was a great learning experience, from the great tutors who has good amount of industry experience. After I graduated, I got a job just in 1 month.

Our Clients / Placement Partners