Scribd
Upload
2 views

2nd Lecture Website 2025

The document provides an overview of website development, including definitions of websites and domains, types of websites (static, dynamic, e-commerce), and steps to create a website using Google Sites. It also discusses the evolution of web development technologies from the 1990s to the present. Additionally, it includes guidelines for participants during meetings and resources for designing and content creation.

Uploaded by

Nischhal Arora
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

2nd Lecture Website 2025

The document provides an overview of website development, including definitions of websites and domains, types of websites (static, dynamic, e-commerce), and steps to create a website using Google Sites. It also discusses the evolution of web development technologies from the 1990s to the present. Additionally, it includes guidelines for participants during meetings and resources for designing and content creation.

Uploaded by

Nischhal Arora
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 22

Website

development
2nd master class
Website development
How to get a
What is
01 Website ? 02 free Website ?

What are the benefits How to sell


03 of website ? 04 website ?
01
What is
Website
01 What is Website?

In simpler terms, a website is a collection of electronic documents


called webpages that are all connected. These webpages are
stored on a special computer and accessed over the internet using
a web browser. Think of it as a digital space with specific
information or a purpose, like a news organization's online edition or
a clothing store with an online catalog.
02
What is
Domain?
What is Domain ?

Domain: Your Spot on the Internet


In simple terms, a domain is like your unique address on the internet. Just as
your home address helps people find your house, a domain helps people find your
website.

Why do we need domains?


Imagine if we had to remember a long string of numbers to find a website. That
would be tough! Domains make it easier for us to navigate the web.
What is Domain ?
Websites are identified by domain names (e.g., www.example.com),
which users enter to access specific sites.

Easy to Spell and Pronounce

Online Identity Avoid Hyphens and Numbers


03
Types of
Website
03 Types of Websites

1. Static Website
• A static website is a type of website that
presents fixed content to the user, and
its content remains the same for every
visitor. In other words, the information
displayed on static websites doesn't
change based on user interactions or
input.
03 Types of Websites

2. Dynamic Website
 dynamic website is one that adjusts its
content based on various factors, like the
user, time of day, or device. Imagine a
website that shows you the latest news
headlines instead of the same static content
for everyone. That's dynamic!
03 Types of Websites
3. E – commerce Website
• An e-commerce website is basically an online store.
It's a website that allows you to buy and sell things
over the internet, instead of going to a physical store.
Imagine Amazon or any other online store you
frequent - that's an e-commerce website! These
websites let you browse products, add them to a
virtual shopping cart, and then pay for them
securely using your debit card or other online
payment methods. The seller then arranges to
deliver the products to your doorstep..
01
First website
The first website in the world was
created by Tim Berners-Lee in 1991
at CERN, a European nuclear
research organization.
04
Step to create a
Website
04 Step to create a
Website
• Sign in to Google:
• Use your Google Account to sign in.
• Access Google Sites:
• Go to Google Sites.
• Click on "+" to Create a New Site:
• Select a template or start with a blank site.
• Name Your Site:
• Choose a name for your site.
• Select a Domain:
• Choose a unique domain for your site (it will have ".sites.google.com" in the
address).
04 Step to create a
Website
Choose a Theme:
Select a theme that fits your site's purpose.

Add Pages:
Create pages for different sections of your site.

Customize Content:
Add text, images, videos, and other content to your pages.

Use Sections:
Organize content using sections to improve readability.

Adjust Site Settings:


Configure site settings, including access permissions and sharing options.
Preview and Publish:
Preview your site and click "Publish" when read
WEBSITE Early Days AT 1990s

• HTML (Hypertext Markup Language): The


foundation of the web, defining the structure
and content of web pages.
• CSS (Cascading Style Sheets): Controls the
visual presentation of HTML elements, like
colors, fonts, and layouts.
• JavaScript: Initially for client-side interactivity,
now a versatile language for front-end and
back-end development.
• PHP (Hypertext Preprocessor): Server-side
scripting language for dynamic content and
database interaction.
Mid-2000s Onward
• Python: Popular for its readability and versatility,
used for both front-end and back-end development,
as well as data analysis and machine learning.

• Ruby on Rails: A full-stack framework known for its


rapid development and convention over
configuration approach.

• Java: Robust and platform-independent, widely used


for enterprise-level web applications and large-scale
systems.
• C#: Developed by Microsoft, often used with the
.NET framework for building web applications and
services
Modern Web Development (2010s-Present)

Node.js: JavaScript runtime environment for building server-


side applications, enabling full-stack JavaScript
development.

React, Angular, Vue.js: JavaScript frameworks for building


user interfaces, often used for single-page applications
and complex front-end interactions.

TypeScript: A superset of JavaScript that adds static


typing, improving code maintainability and scalability.

Go: A modern language developed by Google, known for its


efficiency and concurrency features, often used for high-
performance web services.
Helpful resources
Content write from
Gemini & chat gpt Crisp Chabot

Canva Free pik


for designing & (image &
animation design )

Google form
points to remmeber
• Be ready with Pen & Paper to note down
• Save this Number, again
• Pin The Group chat to top
• Recording Sessions will be provided on the next
day after Lecture
• Recording will only be visible in your registered
Email Id

During Meetings :
• During Meetings, please maintain silence
• Ensure peaceful environment
• Make sure you attend whole lecture without
missing any points
Points To Be Remembered :
• Be ready with Pen & Paper to note down
• Save this Number, again
• Pin The Group chat to top
• Recording Sessions will be provided on the next day after Lecture
• Recording will only be visible in your registered Email Id

During Meetings :
• During Meetings, please maintain silence
• Ensure peaceful environment
• Make sure you attend whole lecture without missing any points
Thankyou
Mr. managers

You might also like