0% found this document useful (0 votes)
16 views19 pages

Introduction to Web Design Concepts

Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views19 pages

Introduction to Web Design Concepts

Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

WEB DESIGN

KARIS CAREER COLLEGE


UNDERSTANDING THE WEB

 What is WEB - The World Wide Web -- also known as the web,
WWW or W3 -- refers to all the public websites or pages that
users can access on their local computers and other devices
through the internet.
WHAT IS A WEBSITE?

A group/collection of Web pages usually containing links to each


other and made available online by an individual, company, or
organization.
WHAT IS A WEBPAGE?

The webpage is a single document on the web


using a unique URL or address.
What is a URL?

A URL is the address of a webpage or the link to


a webpage.
CLIENT
SERVER A computer that is capable of
A computer or system that provides
resources, data, services, or programs to obtaining information and
other computers, known as clients, over applications from a server.
a network.
WHAT IS A WEB SERVER?

A web server can be referred to as either the hardware (the


computer) or the software (the computer application) that
helps to deliver content that can be accessed through the
internet.
SERVER AND CLIENT
REPRESENTATION
SERVER AND CLIENT
REPRESENTATION
A website is a collection of web pages
that are typically informational. Users
navigate through static or dynamic
content.

A web application is a software


application that runs on a web server.
It is designed for user interaction and
performs specific tasks.
HOW THE WEBSITE
WORKS!

Let’s look at some terms to understand how the website


works…
HOW THE WEBSITE WORKS

IP ADDRESS ISP DOMAIN NAME


A numerical identifier for a An Internet Service Provider Used to identify one or more IP

device that identifies internet (ISP) refers to an organization addresses. Users use the domain

and network devices allowing that offers various services to name (e.g. [Link])

them to send or receive enable users to access and use to get to a website on the internet.

messages. the internet.


HOW THE WEBSITE WORKS

URL
HTTP HTTPS Uniform Resource Locator

HyperText Transfer Protocol HyperText Transfer Protocol Secure A URL (Uniform Resource Locator) is the
address of a unique resource on the internet.
It is a set of rules for
The secure version of It is one of the key mechanisms used by
transferring data from browsers to retrieve published resources, such
one computer to another.
HTTP. as HTML pages, CSS documents, images, and
so on.
WHO IS A WEB
DESIGNER?

A web designer creates the layout and design of a


website. In simple terms, a website designer makes
a site look good. (using only the client model)
WHO IS A WEB DEVELOPER?

A web developer is a programmer who develops World Wide Web


applications using a client–server model. The applications
typically use HTML, CSS, and JavaScript in the client, and any
general-purpose programming language in the server.
HTML
HYPERTEXT MARKUP LANGUAGE
WHAT IS HTML?
HTML stands for Hyper Text Markup Language. HTML is the
standard markup language for creating Web pages. HTML
describes the structure of a Web page. HTML consists of a series
of elements. HTML elements tell the browser how to display the
content. HTML is not a programming language; but a markup
language.
WHAT IS HTML?

HTML (Hypertext Markup Language) is a text-based approach to


describing how content contained within an HTML file is
structured. This markup tells a web browser how to display text,
images and other forms of multimedia on a webpage.
HTML TAGS

"Tags" provide web browsers with instructions about


the web page, such as where to display images, and how
the document is structured. Tags are always enclosed in
angle brackets: < >.

Common questions

Powered by AI

HTML tags define how web content is structured and displayed by a browser. Each tag provides instructions for specific elements like headings, paragraphs, or images, which browsers interpret to render the webpage accordingly. Tags help organize content, making it accessible and properly formatted to meet design requirements. The proper use of HTML tags ensures that web pages are semantically correct and responsive, affecting not only the visual aspect but also the accessibility and SEO performance of a web page .

Web servers and clients interact through a network to deliver web content. The client, which can be any device like a computer or smartphone, sends a request for resources via a web browser. The web server receives this request, processes it, and sends the requested resources back to the client. This interaction allows users to view web pages; the servers can host static content or run web applications that perform specific user interaction tasks using a client-server model .

A webpage is a single document on the internet with a unique URL, displaying specific content such as text, images, and multimedia. A website is a collection of related web pages linked together and identified by a common domain name. This distinction is important because it defines the scope of what a user is accessing; a website can provide a comprehensive experience with navigation between multiple pages, as opposed to a singular piece of content provided by a lone webpage .

In the client-server model, the server plays a pivotal role by providing resources, data, and services to client devices requesting content. Servers host websites and web applications, process incoming requests, and deliver the corresponding content or services back to the client. This model facilitates web interactions by allowing a centralized system to manage numerous client connections efficiently, enabling the delivery of dynamic and static content over the internet .

A URL, or Uniform Resource Locator, is the specific address used to access a webpage and encompasses the complete 'addressing' system for all resources on the internet. It includes the protocol (like HTTP or HTTPS), domain name, and possibly a path to a specific page or resource on that domain. A domain name is a more human-readable form to access IP addresses; for instance, it is what users type to access a webpage without entering the numerical IP address directly. An IP address is a numerical identifier assigned to each device connected to a network, allowing these devices to locate each other and communicate .

A URL consists of several components: the protocol (HTTP or HTTPS) specifies the method of data transfer; the domain name indicates the address of the web server where the resource resides; and the path directs to a specific file or page location on that server. This structure allows users to access desired resources by accurately directing the browser to the required search path on the internet, with additional parameters sometimes specifying specific queries or request points .

HTTPS, or HyperText Transfer Protocol Secure, enhances security by encrypting the data exchanged between the user's browser and the web server. This encryption prevents unauthorized interception and access to sensitive data, such as personal information and payment details, during transfer. By adding a layer of security over the standard HTTP protocol, HTTPS protects against eavesdropping and man-in-the-middle attacks, ensuring the integrity and confidentiality of the communications .

IP addresses are essential to the internet's architecture as they uniquely identify each device on a network, enabling them to locate and communicate with each other. They function like postal addresses, directing traffic between devices, ensuring data packets are sent to their correct destinations. Without IP addresses, devices wouldn't effectively find each other over the internet or receive necessary web data, making seamless global communication and interaction impossible .

A web designer focuses on the visual aspects of a website, ensuring that it is aesthetically pleasing and user-friendly. They employ design tools and techniques to create the layout and look of the site. In contrast, a web developer is responsible for building the site's functionality using programming languages to implement interactive elements and ensure the technology behind the website operates smoothly. Developers work on both the front-end, using languages like HTML, CSS, and JavaScript, and the back-end, using various programming languages to maintain server-side logic and integration .

HTML, or Hypertext Markup Language, is critical for structuring web content. It provides a framework, through a series of tags, that dictates how content is displayed in a web browser. These tags define elements such as headings, paragraphs, links, images, and other media. By structuring content in this manner, HTML ensures that web pages are displayed correctly and consistently across various browsers and devices. Though not a programming language, HTML is an essential markup language that integrates with CSS and JavaScript to enhance web page presentation and functionality .

You might also like