Learn Website design and development from scratch

Learn Website design and development from scratch

Learn all the essentials for a website creation and get ready to turn your creative ideas in to a real website.
What you’ll learn

  • Get a clear idea on how to create a Website

  • Learn to create web layouts with html and css only

  • Get creative ideas to develop websites using widgets and other available resources

  • Sample websites that can take you from beginner to expert level

  • Learn to build curriculum vitae,portfolio,event and content websites

  • Learn to use trending buttons,backgrounds,navigation and other essential features

  • Learn to code compatible with all displays
Requirements
  • Absolutely no prerequisites. All you need is to have a creative idea.
Description

Featured here in this course

A quick brush up section that contains explanation about

                     – All the essential Html tags used in the course 

                     -Different types of CSS styling (Inline,Internal,External)with examples

                     -Different ways of applying style properties(Tag ,Id selector,Class selector)with examples

Background: Different types of backgrounds explained (Simple,Partition,Fixed,Changing)

Navigation: Different types of navigation explained(Text,image,button,navigation with co-ordinates)

Button: Explanation on

                -How to design a simple button to animated button,

                -How to apply different style properties for a button,

                -How to get code from button generators online,

                -How to design a vertical and horizontal navigation bar with button properties

Audio and video: Explanation on

                  -How to include audio and video files

                  -How to include background music and background video

                  -Video background Explained

Embedding features: Explanation on

                  -How to embed essential widgets (For ex: Clock, Calendar,Weather,Calculator,Dictionary etc.,)

                  -How to link external website

                  -How to add text animations

                  -How to embed pdf and maps

Website Layout: Explained

                  -Logo Positioning

                  -Div styling

                  -Div Positioning

Responsive Design:

                    Explained View port elements and ways to create website that fit to different display size.

Sample Website 1: Curriculum vitae website

Sample Website 2: Portfolio website

Sample Website 3: Event Website

Sample Website 4: Text animated website

Resources:

Copies of all the code used during the session has been uploaded for reference.

Who this course is for:
  • Beginners to turn instantly as emerging web developer. If you are a developer already then you can get more creative ideas.

Tutorial Bar
Logo