Web Designing

webdesigning

What is Web Designing?

Web Designing is the process of designing websites. sslabs is the best institute for web Designing course in Hyderabad. Web Designing includes graphic design, interface design, Coding, and proprietary software.

Prerequisite to learn Web Designing

Anyone having basic Computer and Internet Knowledge can start learning Web Designing course in Hyderabad. But for job purpose, many companies will prefer minimum 3years degree.

Job Opportunities as Web Designer

After completion of course, There are many job opportunities like Graphic Designer, Web designer, UI/UX designer etc.,


Web Designing Course Syllabus

HTML

  1. HTML Introduction
  2. HTML Links & Images
  3. HTML List
  4. HTML-Tables
  5. HTML-Forms
  6. HTML-Frame
  7. HTML-Audio, Video, Map

CSS

  1. Introduction
  2. CSS-Selectors
  3. CSS-Properties
  4. CSS-Formats
  5. CSS-Display, Positon, Float
  6. CSS-Menu (Navbar)
  7. CSS-Menu Dropdown (Navbar)
  8. CSS-Container, Icons
  9. CSS-Template Designing
  10. CSS-Media Queries 

Javascript

  1. Introduction
  2. Variable, Operators
  3. Datatypes, Conditional &Controlstatements
  4. Strings, Arrays, Objects
  5. Functions
  6. Events
  7. Form Validations
  8. JS-DOM elements
  9. Regular Expressions
  10. JS-BOM Elements

J-Query

  1. Introduction
  2. JQ-Effects
  3. JQ-DOM
  4. JQ-Plugins

BootStrap

  1. Introduction
  2. Bootstrap CSS
  3. Bootstrap Components
  4. Bootstrap JavaScript

Photoshop

  1. Introduction
  2. About Toolbox
  3. PSD template design

 


We are going to cover all below-mentioned topics & subtopics

HTML-CONTENT:

Introduction

  • Web Designing
  • Browser
  • Client
  • Server
  • Domain

HTML Introduction

  • Editors (IDE)
    • Notepad, Notepad++, Sublime text, Dreamweaver, Brackets, Coffee Cups, NetBeans, Eclipse, Visual Studio, Etc.,
  • HTML
    • Introduction
    • BasicTags

HTML Links & Images

  • Anchor Tag(<a>)
  • Images<img>

HTML List

  • Unordered List
  • Ordered List
  • Description (Definition) List

HTML-Tables

  • Creating Tables

HTML-Forms

  • Form Input Types
  • Form Input Attributes

HTML-Frame

  • Frameset

HTML-Audio, Video, Map

  • Audio
  • Video
  • Map
  • HTML-5 Tags

 

 CSS-3 – CONTENT:

Introduction

  • Case ceding style sheet
  • Types Of CSS
    • Inline Style sheet
    • Internal Style sheet
    • External Style sheet

 

CSS-Selectors

  • Element Selector(h1)
  • Class Selector(.className)
  • Id Selector(#id name)
  • Group Selector(h1,h2,p)

 

CSS-Properties

  • Background-image
    • Background-size
    • Background-repeat
    • Background-position
    • Background-attachment
  • Borders
  • Margin
  • Padding

 

CSS-Formats

  • Font Style
  • Font Size
  • Font color
  • Text-alignments
  • Text-Decoration
  • Text-Transforms
  • Text-shadow
  • Box-shadow
  • Line-height
  • Letter spacing, word spacing

 

CSS-Display, Positon, Float

  • Display
  • Positions
  • Float

 

CSS-Menu (Navbar)

  • Horizontal Menu
  • Vertical Menu

 

CSS-Menu Dropdown (Navbar)

  • Horizontal Menu(HDM)
  • Vertical Menu (VDM)

 

CSS-Container, Icons

  • How to Create Container
  • How to Insert Icons

 

CSS-Template Designing

  • Template Design

 

CSS-Media Queries 

  • Media Queries
  • animations
  • Transitions, rotations

 

javascript- CONTENT:

Introduction

  • Different B/W Scripting and Programming
  • JavaScript Features
  • How to Insert Scrip

 

Variable, Operators

  • Variable
  • Operators

 

Datatypes, Conditional &Controlstatements

  • Datatypes
  • Conditional statements
    • If
    • If else
    • Else if
  • Control statements(Loops)
    • For loop
    • While loop
    • Do-loop

 

Strings, Arrays, Objects

  • Strings
  • Arrays
  • Objects
  • Numbers

 

Functions

  • Functions

 

Events

  • Events

 

Form Validations

  • Form Validations

 

JS-DOM elements

  • getElementById
  • getElementsByTagNama
  • getElementsByClassNama
  • getAttribute
  • setAttribute
  • remoeAttribute

 

Regular Expressions

  • Regular Expressions

 

JS-BOM Elements

  • Window
  • Screen
  • Location
  • History
  • Popup
  • Time
  • Navigator

 

jquery- CONTENT:

Introduction

  • Introduction
  • Syntax
  • Selectors
  • Events

 

JQ-Effects

  • hide/show/toggle
  • Fade methods
  • Slide methods
  • animations

 

JQ-DOM

  • Get methods
  • Set methods
  • Add methods
  • Remove methods
  • AddClass
  • RemoveClass
  • css

 

JQ-Plugins

  • com
  • net
  • com
  • com….. etc

 

Bootstrap- CONTENT:

Introduction

  • Introduction
  • How to get
  • Types of Screens
  • Grid System

 

Bootstrap CSS

  • Typograph
  • Links
  • List
  • Tables
  • Images
  • Forms
  • Buttons

 

Bootstrap Components

  • Glyph ions
  • Drop downs
  • Navbars
  • Forms
  • Button
  • Jumbotron
  • Panels
  • alerts

 

Bootstrap JavaScript

  • Models
  • Forms
  • Alerts
  • Tooltips
  • Cur soles

 

Photoshop- CONTENT:

Introduction

  • Menu bar
  • Tool bar
  • Tool Box

 

About Tool box

  • Tool Box

 

PSD template design

  • Design template

 

sslabs is the best institute for web Designing course in Hyderabad.

 

For Web Designing Course Fee & New Batch details