WEB DESIGN &
DEVELOPMENT
Lecture # 2
WEBSITES
Websites were originally developed for information sharing.
Tim Berners-Lee, a British scientist, invented
the World Wide Web (WWW) in 1989, while
working at CERN. The Web was originally
conceived and developed to meet the demand
for automated information-sharing between
scientists in universities and institutes around the
world.
First
Website
info.cern.ch
Web 3.0
Web 3.0 is not dependent or lead by any human.
It is entirely working on defined piece of code called “Smart
Contracts”
Types of Static Dynamic
Website
Fixed Data & Design
Developer Dependent (User can’t make
changes on own)
Same content for longest time.
Static Doesn’t use database
Website No Server
Fast loading
Design part of a Website is usually Static
HTML
Static CSS
Website
– Skills JS
Required
Bootstrap
Example Portfolios
of Static
Site Resumes
Enables changing in Data
Dynamic
Website Can have unique content
on every visit.
Dynamic websites have 2
parts:
Dynamic User-Facing > Website
Websites
Client Handled > Control
Panel / Admin Panel
Dynamic Website - Skills Required
Dynamic Websites requires Database and Server Connection.
Hence, you need to have grip on DBs like MongoDb, MySQL,
Firebase.
Server like, Nodejs, PHP, Python, Java, .net.
FRONTEND &
BACKEND
Front-end development is the process of
building components that interact with users.
The user interface, buttons, user-entered data,
Frontend and user
examples.
experience (UX) features are
The back-end, also called the server-
Backen side, consists of the server which provides
data on request, the application that channels
d it, and the database which organizes the
information
Databases support good data access
because: Large volumes of data can be
Database stored in one place. Multiple users can read
and modify the data at the same time.
Databases are searchable and sortable, so the
data you need can be found quick and easily.
WEB CATEGORIES
WEB CATEGORIES
• Blogs. (medium.com)
• Business/Corporate Websites. (techloset.com)
• NGO /Non-Profit Websites. (saylaniwelfareuk.com)
• E-Commerce Websites. (khaadi.com)
• Multi-vendor Websites. (daraz.pk)
• Educational Websites. (lms.uaf.edu.pk)
• Entertainment Website. (Netflix.com)
• Portfolio Website.
• Social Media Websites.(Facebook.com)