Web Development Insitutes Banner

RESPONSIVE WEB DESIGN COURSE

If you are passionate towards your career and want to start your career in Web Industry, but you have no idea from where you need to take the initiative and how to start?

Don’t Worry!! We are here; we will guide you how you can win over this situation and start your journey in this Industry. By keeping all the circumstances in our mind, we have launched this short term - 3-month course for beginners.W here they will learn – HTML5, CCS3, how to develop responsive web pages etc.

HTML and CSS are the two most important and frequently used languages by programmers and designers in the web industry. By using the latest HTML5 and CSS3 technology developers are developing responsive websites. A responsive website is such website that can be easily accessed by various kind of internet devices like – Desktop, laptop, Smartphone etc and their web pages get easily fit as per screen of the device. The growing dependency on internet is increasing day by day and users are frequently using various kinds of internet devices. We use our Smartphone, laptops, desktops etc on daily basis for accessing any website and in that case, it is very important for a designer to develop and test the website accessible from the user end. If is it responsive then the user will have a good experience but if it is not, then it is the responsibility of a web designer to build a responsive website. So that it automatically adjusts the content of website as per the screen size of the visitor’s device.

In this course you will learn the main principles of HTML5 including CCS3 advance features like -Animation, special effects, transformation etc. You will learn the Integration process of HTML and CSS3 for the development of rich featured and multifunctional WebPages.

After completing this course, students will get a course completion certificate and skill endorsement letter according to the standard of assignment and project they have done through us. We are one of the best training institutes in Delhi for Web Designing Course. In our institute, students get full support and guide during the training process and in the accomplishment of hand on projects assignments. In our Institute students get opportunities to attend classes in online mode or regular class modes, Choice totally depends on convenience.

ELIGIBILITY REQUIRED FOR THIS COURSE

This course does not require any particular degree or certificate for beginners. Any person who had completed his or her 10th - 12th or anyone bachelor degree from any stream can join this course.

For Demo class, you can call on the below-mentioned number to schedule an appointment for your demo class session.

To know more in detail about us, feel free to reach us. Our contact number +917838370333 and our center address is B-2/283, Sec-6, Rohini New Delhi 110085

COURSE CONTENTS OF HTML

INTRODUCTION TO HTML

  • What is static/Dynamic Website
  • What is SEO Friendly Website
  • What is a Responsive Website
  • What is HTML
  • HTML4 VS HTML5
  • EDITORS IN HTML

WORKING WITH BASIC TAGS

  • DOCTYPE In HTML
  • Tag and Attributes
  • Title and Meta tag
  • Headings and Paragraph
  • Formatting Tags
  • EDITORS In HTML

ANCHORS AND HYPERLINKS

  • Internal link
  • External link
  • Text link
  • Image link
  • Email link
  • Phone link
  • target attribute

WORKING WITH LISTS

  • Ordered List
  • Unordered List
  • Definition List
  • Nested List
  • List Attributes

WORKING WITH GOOGLE MAP & YOUTUBE

  • Google Map Insertion in Webpage
  • Youtube Video Insertion in Webpage

WORKING WITH TABLES

  • Creating Tables on a Web Page
  • Altering Tables and Spanning Rows & Columns
  • Placing Images & Graphics into Tables
  • Aligning Text & Graphics in Tables
  • Adding a Background Color

WORKING WITH HTML FORM

  • HTML Input tags
  • HTML Input Attributes
  • Setting up form
  • Form attributes
  • Submit and Reset Button

HTML5 SEMANTIC TAGS

  • header and footer tag
  • section tag
  • figure and fig caption
  • nav and aside tag

HTML5 AUDIO & VIDEO

  • Audio Tag
  • Video Tag

HTML5 API'S

  • Drag & Drop
  • Local Storage
  • Geolocation

COURSE CONTENTS OF CSS

INTRODUCTION TO CSS

  • What is CSS?
  • How CSS Works?
  • Types of CSS,Internal,Inline,External
  • CSS Selectors
  • Comments In CSS
  • How to Link External CSS

WORKING WITH BASIC CSS PROPERTIES

  • Selectors: Class or Elements
  • Colors
  • Height / Width
  • Border
  • Margin and Padding
  • CSS Box Model

WORKING WITH WEB LAYOUTS

  • Aligning Div
  • Two Div Align
  • Three Div Align
  • Four Div Align
  • Use of floats
  • Clearing float
  • Inline or Block Element

WORKING WITH BACKGROUND, GRADIENT OR IMAGE SPRITE

  • Background Color
  • Background Image
  • Background Position
  • Background Attachment
  • Gradient Colors
  • Image Sprite

WORKING WITH TEXT PROPERTIES

  • Text Alignments
  • Line height(Leading)
  • Letter Spacing(Kerning)
  • Font Family
  • Font Size with Font Weight
  • Tips For Improving Text Readability

WORKING WITH ICONS & FONTS

  • Use of Font Awesome
  • Use of Flat Icons
  • Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

  • Static Position
  • Fixed Position
  • Absolute Position
  • Relative Position
  • Creating Menu
  • Menu With Multi Dropdown

WORKING WITH BORDER AND SHADOW

  • Border
  • Border Image
  • Rounded Corner
  • Box Shadow
  • Text Shadow

WORKING WITH OUTLINE AND UI

  • Outline
  • Outline Offset
  • Resize

WORKING WITH IMAGE STRETCHING PROBLEM

  • Object Fit: Fill
  • Object Fit: Contain
  • Object Fit: Cover

WORKING WITH HTML FORM & CSS

  • labels with inputs
  • Form-based selectors
  • Changing properties of form elements
  • Formatting text in forms
  • Formatting inputs
  • Formatting form areas
  • Changing the appearance of buttons
  • Laying out forms

WORKING WITH 2D & 3D TRANSFORMS

  • translate
  • rotate
  • skew
  • scale

WORKING WITH HOVER, TRANSITIONS & ANIMATIONS

  • Hover Effects
  • Transitions
  • Animations
  • Creating Web Ads Using Animation

THE MAIN OBJECTIVE OF THIS COURSE IS TO

  • By using HTML5 and CCS3, design creative websites.
  • Attractive website creation through animation and special effects tools, to grab visitor’s attraction.
  • videos, audio and canvas features use and implementation on live projects
  • Assignments, quiz tests, live project exposure.

COURSE CONTENTS OF BOOTSTRAP

INTRODUCTION TO BOOTSTRAP

  • What is a Responsive Website
  • What is Bootstrap
  • Where to Download
  • How to Use Bootstrap
  • Bootstrap Directory Structure

WORKING WITH GRID IN BOOTSTRAP

  • What is Grid System
  • Use of Grid System
  • small, medium, large Grid System
  • Container Vs Container-fluid

WORKING WITH IMAGES, TEXT, TABLES

  • image responsive
  • rounded image
  • circle image
  • text-align
  • text colors
  • responsive table

WORKING WITH BOOTSTRAP FORM

  • labels
  • form inputs
  • input classes
  • type of buttons
  • form layouts

WORKING WITH WEB LAYOUTS, MENUS

  • Container Layout
  • Container Fluid Layout
  • Proper Use of Rows and Columns
  • Menu
  • Single Dropdown Menu, Multilevel Dropdown Menu
  • Mobile Menu / Collapse Menu

WORKING WITH SLIDER, TAB PANEL, MODAL BOX

  • Responsive Slider
  • Tab Panel
  • Modal Box
  • Menu
  • Single Dropdown Menu, Multilevel Dropdown Menu

WORKING WITH CSS HELPERS, RESPONSIVE UTILITIES

  • Class Helpers
  • Responsive Utilities

PROJECT

  • Complete Responsive Website
 

Interested in discussing?