Introduction to Web Design (Part-02)
UNIT: -01
Introduction to Web Design: -
Introduction to
internet
WWW
Website and working of
website
Webpages with front
end and back end,
Client & server
scripting language,
Responsive web
designing
Static & dynamic
websites
Webpages with front end and back end: -
A
webpage is an individual document on the World Wide Web that can be accessed
via the Internet.
It
typically contains text, images, videos, and other multimedia content, along
with interactive elements such as links and forms.
Webpages
are created using HTML (Hypertext Markup Language), CSS (Cascading Style
Sheets), and JavaScript.
HTML
provides the structure and content of the page, CSS is used to style the page's
appearance, and JavaScript provides interactivity and dynamic behaviour.
Webpages
are accessed through a web browser, such as Google Chrome, Mozilla Firefox, or
Apple Safari, by entering a URL (Uniform Resource Locator) into the address
bar.
Webpages
can be designed and created by individuals or organizations to share
information, promote products or services, or to express personal opinions and
interests.
The
terms "front end" and "back end" are used to describe the
two main parts of a web application.
The
front end, also known as the client-side, refers to the part of
the web application that interacts with the user.
This
includes the user interface, the design, and the user experience.
The
front end is built using HTML, CSS, and JavaScript, and it runs in the user's
web browser.
When
a user interacts with a web application, the front end sends requests to the
back end for data or other resources and then displays the results to the user.
The
back end, also known as the server-side, refers to the part of
the web application that runs on the server and handles all the
behind-the-scenes operations.
This
includes the database, the application logic, and the server-side scripting.
The
back end is typically built using programming languages such as PHP, Ruby,
Python, or Node.js, and it communicates with the front end using APIs
(Application Programming Interfaces).
In
summary, the front end is responsible for the user experience
and the visual presentation of the web application, while the back end is
responsible for the data processing and the application logic. Both the front
end and back-end work together to create a seamless user experience and provide
the functionality that the user needs.
Client &
server scripting language: -
Client-side
scripting languages and server-side scripting languages are used to develop web
applications and websites.
Client-side
scripting languages run in the user's web browser
and are used to add interactivity and dynamic behaviour to web pages.
The
most commonly used client-side scripting languages are JavaScript and jQuery.
Client-side
scripting is used to validate user inputs, create animations, and perform other
actions without requiring a page refresh.
Server-side
scripting languages run on the web server and are
used to process server-side requests and generate dynamic web pages.
The
most commonly used server-side scripting languages are PHP, Ruby, Python, and
Node.js. Server-side scripting is used to access databases, process form
submissions, and perform other server-side operations.
In
summary, client-side scripting is used to add
interactivity to web pages and enhance the user experience, while server-side
scripting is used to perform server-side operations and generate dynamic web
pages. Both client-side and server-side scripting play important roles in the
development of web applications and websites.
Responsive web designing: -
Responsive
web design (RWD) is a method of web design that allows a
website to automatically adjust its layout and content to different screen
sizes and device types.
The
goal of Responsive web design is to provide a consistent and optimal
user experience across all devices, whether it's a desktop computer, tablet, or
smartphone.
Fig. Responsive Webpage
Responsive
web design is achieved through the use of CSS media queries,
flexible grid-based layouts, and flexible images and media.
The
design of a responsive website should be based on the idea of fluidity and
proportionality, meaning that elements on the page adjust their size and
position based on the size of the screen.
One
of the main benefits of responsive web design is that it eliminates the
need to create separate mobile versions of a website.
With
Responsive web design (RWD) the same website can be accessed from any
device, providing a consistent and seamless user experience.
Additionally,
responsive web design can help improve search engine optimization
(SEO) by providing a single URL for a website, rather than separate URLs
for different versions of the site.
In
conclusion, responsive web design is an essential aspect
of modern web development, as it allows websites to be optimized for different
devices and provides a consistent user experience across all devices.
Static &
dynamic websites: -
A
static web page is a type of web page that has fixed
content and design.
The
content of a static web page remains the same every time it is loaded,
regardless of who the user is or what time it is.
The
layout and design of the page are also fixed, and any changes to the page
require manual updates to the HTML code.
A
dynamic web page, on the other hand, is a type of web page
that can change its content and layout based on user actions or other
variables.
The
content of a dynamic web page can be generated in real-time using server-side
scripting languages such as PHP, Python, or Ruby on Rails, and can be
customized for each individual user based on their location, preferences, or
other factors.
No comments:
Post a Comment
Please do not enter any spam link in the comment box and use English and Hindi language for comment.