• Website is a free online medium to tell entire population on internet about your business, products, skills, services and a lot more.
• There are millions of websites available which are built using various platforms. Most popular platform to build websites is WordPress which is said to power approximately 30% of overall internet.
• Website development can be done using various free and paid platforms depending on the need. 

With Coding

Websites can be developed via coding as well and in multiple languages using a combination of front-end and back-end technologies.

Some popular front-end technologies are React, Anuglar etc. 

JAVA is most popular for back-end along with Spring and Spring Boot Microservices.

• Almost every business, product and services need to have a website hence it has huge scope.
• Website development can be done with many technologies and platforms from easy to difficult to complex. Depending on the knowledge and caliber a job can be searched.
• There are many jobs available in this field due to huge demand.
• Website development can be done from office, from home and as remote as well.
• It can be a part-time or a full-time.
• Website development can be a business opportunity or can be done as freelancing if someone doesn’t want to get into job. You need to create your business profile, develop few sample websites, create a pitch and market yourself online.
• Website development can be done by people with disability or disabled including locomotor disability, partial vision impairment (partially blind) speech and hearing impairment (by deaf and mute) without any issues from home as well far as requirements are clear.

• Website: Collection of Web Pages which are connected with each other. I think you all know flipkart  and amazon . Flipkart.com is a website which has lot of pages.
• E-Commerce: Electronic Ecommerce which is buying and selling goods and services online over internet. Flipkart and amazon are ecommerce websites as here we buy goods and many business sell there as well.
• B2B – Business to Business E-Commerce: There are different types of E-Commerce. Business to Business is one type. In this, buying and selling (transactions) of goods happens between two business only. Buyers are not individuals here. Examples of goods here will be heavy machines which are manufactured by one business and used by another business. Distributor business can be one example where distributor companies buy goods from companies. Here sales cycles are long, involves a lot of people and deal sizes are large.
• B2C – Business to Consumer E-Commerce: In business to consumer, a business sells goods and an individual like us buys it. Here the buyer is called consumer. When we buy goods from Amazon or Flipkart, it’s called Business to consumer, here Flipkart business is selling and consumers like us are buying. Sales are quick and deal sizes are smaller for an individual/family need.
• Other Types of E-Commerce: M-Commerce which is Mobile E-Commerce, B2C purchase which happens on Mobile, Customer to Customer, Consumer to Business etc.
  Customer to Business E-Commerce example can be photos which are taken by individual photographers and uploaded on business sites for use.
  Customer to Customer E-Commerce where one individual sells and other buys. Examples are OLX, eBay, Quickr.
• Keywords
• Metatags
• Tags – Like HTML Tag, Tag
• Responsive Web Design: These days people work on multiple devices like Desktop, Laptop, Phone, iPad, Tablet etc. If you are visiting a website, you expect that it should render fine on all devices. For this to happen, the website design needs to be responsive. With responsive web design, web pages render well on a variety of devices, windows and screen sizes.
• Hyperlink
• Bounce
• Menus
• Captcha
• Accessibility
• Layout
• Side Bar
• Header
• UX (User Experience) Design – Look + Feel +
• Usability
• GUI – Graphical User Interface
• Front-End
• Back-End
• Caching
• Website Hosting
• Middleware
• Database
• Site Map
• CSS & JS Minification
• Mobile First
• SSL
• Wireframe
• Information Architecture
• Resolution
• Login
• Registration
• User-Name
• Social Media Login
• Sticky Header
• Drop-Down Menu
• Utility Navigation
• Hamburger Menu
• Body/Content Area
• Mock-Up/Prototype
• CTA (Call-To-Action)
• Landing Page
• Hover/Rollover/Mouseover
• Newsletters
• Opt-In/Opt-Out
• Favicon
• Gravatar
• Fonts
• Translation
• Localization
• Multilingual Sites
• Robots.txt
• Horizontal/Vertical Scroll
•  

Websites can be developed via various ways with coding and without any coding as well. There are existing platforms available which can be used to create websites for free as well. Couple of key website development platforms which can be used for free:

Google Sites:

• Very easy to make websites with having any prior knowledge.
• However the features provided are very limited.
• User can map their own domain
• List the site using google analytics.
• Parent and child pages can be created along with Navigation.
• Site search can be configured as well.
• Responsive site can be created.
• Provides versioning, restore, compare and publish of the pages.

Wix Platform

• Has all the features provided by Google Sites plus additional.
• Allows to create blogs and posts as well.
• Has more platform features to be used for creating website.
• May different layouts and page elements are available.
• Default Chat Plugin is provided as well which can be configured easily for the website.
• Pages and posts can be tagged and categorized.
• Basic SEO (Search Engine Optimization) can be done as well.
• Social share can be added on the pages as well.
• Forms are available as well to add on the website. Many pre-created forms are also available.
• Products can be configured for sale which means e-commerce site is feasible with Wix.

WordPress Platform

• Provides all the features of Google Sits and Wix Platform.
• Wide variety of hosting providers support WordPress Platform.
• Can have access to the backend database which can be customized.
• Coding option available via PHP for dynamic features.
• Has many free and paid page builders and themes which can help build a website very easily with consistent look and feel along with pre-defined beautiful layouts.
• Lot of free and paid plugins are available which can offer a complete feature/functionality to be added on the website like chat, login, registration etc.
• Has good number of free and paid plugins for complete E-Commerce configuration. WooCommerce is famous and free one for it which provides end -to-end solution including payment gateway.
• Offers many free and paid plugins for complete SEO (Search Engine Optimization).
• User Management can be done in WordPress as well by using plugins for registrations. WooCommerce also provides the same.
• Content search and filter functionality is available as well.
• Multilingual and multi sites are also feasible with WordPress.
• Caching and securing the sites via SSL can be done as well.
• CRM can be integrated with WordPress. Hubspot is one of the very popular CRM which has even free plugin option with WordPress.

As mentioned in previous section, you would need to learn different platforms without coding and/or learn to code.

• Wix
• WordPress Platform
• Other Similar Platform like Zoho etc.

With coding, you would need to learn:

• HTML/CSS/JS
• React/Augular/Express Framework
• JAVA/J2EE/Go Lang etc.
• For advanced coding, you can learn Spring Boot Microservices as well for Rest API related coding.

You can easily gain hands-on experience on website development. The platforms mentioned in the previous sections are free and can be used to create multiple websites for experience. Below are some exercises which can be used to create websites step by step from small to medium to high complexities.

Exercise 1 Which Can be Created Using Google Sites or Other Platforms:

Create a Website using Google Sites and document the following:

• What is the purpose of your website
• Who is the target audience of your website
• What are the top 5 things you would want to showcase in your website

Guidelines for creating a Website:

It must have at least 5 pages including home page. All pages should have a

• Header
• Site Search
• Title
• Navigation Menu
• Footer

Header needs to have

• Navigation
• Link to Contact-Us Page

Footer should have

• Copyright information
• Link to contact us page

Home-Page must have 4 row layout

• First row should be a hero banner with image carousel showcasing latest highlight of your business
• Second row should be a 2 Column layout showcasing key products/services/courses/travel destinations etc. It could be as per your business
• Third row should be 4 column layout, showcasing key offers on products/services/courses etc.
• Fourth row should be footer

Home page should have 2 child pages

• Product/Services/Courses/Blogs Landing Page: Landing page can be designed as per your wish.
• Contact-Us: Must have a Contact-Us form
• Other 2 pages can be your wish and your design
• These pages should show under navigation

Exercise 2: Can be Done Using Wix or WordPress.

• Need a website for a business which is offering various courses and services.
• Courses offered are Web Development, Coding, Digital Marketing & Advanced Excel etc.
• Services offered are Interview preparation, client proposals, resume preparations, mock interviews etc.

The website owner is looking to:

• Definitely have a Home page. The owner is looking for suggestions to create a good home page hence design it as per your creativity.
• List down all the courses on a courses landing page
• List down all the services on a services landing page
• Have a course detail page for each course
• Have a service detail page for each services

Features for each detail page

• Should display the details of the course and service
• Should display the duration
• Should display the eligibility
• Should have a registration option
• Should have social share option on Facebook

Features for registration option

• Should open a form
• Collect First Name, Last Name, Email Address, Phone Number, Reason to attend this course or service

Other Site Features

• Should have a chat bot option
• Should have additional course request form (the one which the website is not offering right now but student needs it and is requesting to get that added)
• Course request form should have
  i. First Name
  ii. Last Name
  iii. Email Address
  iv. New Course Name
  v. Details of the course
  vi. How this course helps the student
• Every page on the site should be optimized for SEO (Title, Description and right URL)

Exercise 3: Hands-on Exercise with WordPres

• Create an account on AwardsSpace.com – Which is Free WP Hosting Provider
• Provide a Subdomain
• Install WordPress
• Install Astra Theme
• Install Elementor Page Builder Plugin
• Create a Homepage – Design as per your choice and need
  a. Think what story you want to tell the visitors and design the page accordingly
  b. Make sure that you a Hero Banner on top
• Create at least 2 child page – Design as per your choice and need
  a. Use Elementor page builder to design the page
• Follow below design principles
  a. Website Purpose should be communicated clearly to visitors
  b. Make sure all the pages are responsive
  c. Choose images and videos which render fine on Mobile as well without horizontal scroll
  d. Have a CTA (Call to Action) for visitors on each page and on first look of the pages means without any scroll
  e. Have meaningful content, don’t use long paragraphs but short or bullet point phrases
• Use consistent font, text size, color scheme across pages

Exercise 4: Hands-on Exercise Using WordPress

• Create an account with ProFreeHost – A Free WordPress Hosting Provider
• Provide a subdomain
• Install WordPress
• Install Astra Theme
• Install Elementor Page Builder Plugin
• Install YoastSEO Plugin
• Create a Home Page as Main Page of the Website
  1. Provide a proper title, description and URL Slug to this page
• Create at least pages as main pages
  a. Provide a proper title, description and URL Slug to this page
  b. Provide parent page
  c. These could be courses & services landing page
  d. Or Domestic Travel, International Travel Guide Landing Pages
  e. Could be Eggless & With Egg Bakery Items Landing Pages
  f. Etc.
• Create Child Pages
  a. Provide a proper title, description and URL Slug to this page
  b. Each child page should have proper parent page
• Configure each page in Primary Menu
  a. Child pages should be shown as sub menu options
• Find out which keywords are popular using ubersuggest or google ads keyword planner and use these in title, description, URL slug for your pages
• Follow below design principles for any page.
  a. Website Purpose should be communicated clearly to visitors
  b. Make sure all the pages are responsive
  c. Choose images and videos which render fine on Mobile as well without horizontal scroll
  d. Have a CTA (Call to Action) for visitors on each page and on first look of the pages means without any scroll
  e. Have meaningful content, don’t use long paragraphs but short or bullet point phrases
• Use consistent font, text size, color scheme across pages

Exercise 5: Hands-on Exercise Using WooCommerce

You can do exercise 4 and then enhance your website using below features.

• Make your WordPress Website a professional looking one
  a. Follow right & consistent color scheme
  b. Use same font across the pages
  c. Use same size of text for headings, descriptions etc.
  d. Header should not be very wide.
  e. Make sure your navigation is on top, clear, readable and useful
  f. Make sure that you can go to homepage from any other page. Logo can be clickable which can lead to homepage
  g. Every page should have some action for the user
• Have an action for the user on each page, it could be
  a. Could be to place a order etc.
  b. Could be to message on WhatsApp etc.
• For a product, provide complete details for customer to take a call on order
  a. Should have description, duration, weight, shipping charges, time it might take to deliver, Free/charged delivery
  b. Options available for that product
  c. Page should have good spacing between different rows to distinguish, space should be same between different rows
  
  
• Create a E-Commerce store in your website
  a. Add multiple products of different options
  b. Provide right name, description, type etc. for each product
  c. Provide right shipping details for each product
  d. Provide right inventory and SKU for each product
  e. Create categories for your product and assign products to right categories
  f. Research right keywords to be used for product tags
  g. Complete end to end cycle till order complete for a product
  h. Set up a sandbox PayPal account and use that for checkout
• Check the orders which are placed and customers which are listed under WooCommerce option.

There could be multiple levels. 

Novice Level:

• This could be using Google Site or HTML/CSS/JS etc. which can be for personal use or personal blog etc. This can be done using blogging platforms as well. 
• After this level, you might not be ready for employment options.

Advanced Beginner Level: 

• This could be when you can create slight more than basic website for yourself and for small business which do not need advanced features like e-commerce, chat etc.
• Here you must know to add few advanced features to the website like social share, chat, forms and handling submissions, multi-level navigation etc.
• You can be called advanced beginner if you know at least one widely used platform or coding to make a decent professional website.
• For platform, It could be Wix/WordPress if using platform.
• With coding, you should know at least one front-end and one back-end technology along with decent CSS to build a professional looking website.

Competent Level:

• You should be able to get a decent employment option once you learn website development to this level. 
• For without coding, one must know WordPress as this is most widely used platform which is free and can be used to make easy to very complex websites as well.
• In WordPress, here 

Our Website Development Course is Free and Online for People with Disability (Disabled) and Needy who are under privileged. The course is designed for various stages and for people at various levels. 

Stage 1 – Novice Level Website Development Course – 3 Hours (Completed in 1 Day)

Stage 2 – Fundamental Level Website Development Course – 5 Hours (Completed over 2 days)

Stage 3 – Intermediate Level Website Development Course – 10 Hours (Completed over 4 days)

Stage 4 – Advanced Level Website Development Course – 7 Hours (Completed over 3 days)