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, Position, 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, Position, 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 &Control statements

  • 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
  • Dropdowns
  • Navbars
  • Forms
  • Button
  • Jumbotron
  • Panels
  • alerts

Bootstrap  JavaScript

  • Models
  • Forms
  • Alerts
  • Tooltips
  • Cur soles

Photoshop- CONTENT:

Introduction

  • Menu bar
  • Toolbar
  • Tool Box

About Tool box

  • Tool Box

PSD template design

  • Design template

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

Close Menu