Learn Website design and development from scratch

Learn Website design and development from scratch

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

Course content
Expand all 48 lectures01:49:51
Introduction
01:20
+HTML and CSS- Brush up
6 lectures33:11
+Background
4 lectures07:29
+Navigation
6 lectures06:01
+Buttons
5 lectures10:26
+Audio and Video
5 lectures08:10
+Embedding Features
3 lectures02:15
+DIV Properties and Positioning
7 lectures12:26
+Responsive Design
1 lecture01:42
+A simple curriculum vitae website
4 lectures08:35
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.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top