ITC122-WEB-DESIGN-LESSON-1 Flashcards
World Wide Web
The World Wide Web (WWW) is combination of all resources and users on the Internet that are using the Hypertext Transfer Protocol (HTTP) or Hyper Text Transfer Protocol Secure
(HTTPS).
The World Wide Web is an information space where
documents and other web resources are identified by Uniform
Resource Locators (URLs), interlinked by hypertext links, and accessible via the Internet.
World Wide Web
Web Design
WEB DESIGN & WEB DEVELOPMENT
Web design is the process of creating websites. It
encompasses several different aspects,
including webpage layout, content production, and graphic design.
Web design and web development are often similar,
web design is technically a subset of the broader
category of web development.
Web Design
Websites are created using a markup
language called HTML. Web designers build webpages using HTML tags that define the content and metadata of each page.
Metadata will not be displayed on the page, but will be
machine connected
Web Design
Web components are based on existing web standards.
Features to support web components are currently being added to the HTML and DOM (Document Object Model), letting web developers easily extend HTML with new elements with encapsulated styling and custom behaviour.
The Document Object Model (DOM) is a programming
Application programming interface (API) for HTML and
eXtensible Markup Language (XML) documents.
Web Design
Web components are based on four main
specifications:
1
The Custom Elements specification
foundation for designing and using new
DOM elements.
- The shadow DOM specification defines how to
use encapsulated style and markup in web
components.
Web Design
Web components are based on four main
specifications:
- The ES (ECMAScript) Modules specification
defines the inclusion and reuse of JS documents in a standards based, modular, performant way.
- The HTML template element specification defines
how to declare fragments of markup that go unused
at page load, but can be instantiated later on at
runtime.
Web Design
Client-Sever Model
The client–server model is a distributed application
structure that partitions tasks or workloads between
the providers of a resource or service, called servers, and service requesters, called clients.
Often clients and servers communicate over a
computer network on separate hardware, but both client and server may reside in the same system.
Web Design
Client-Sever Model
Web Design
Internet service provider (ISP)
An Internet service provider (ISP) is an organization
that provides services for accessing, using, managing, or participating in the Internet. ISPs can be organized in various forms, such as commercial, community-
owned, non-profit, or otherwise privately owned.
Internet services typically provided by ISPs can include
internet access, internet transit, domain name registration, web hosting, and colocation.
Web Design
Web Hosting Services
Also known as website hosting or webhosting is the
process where a web hosting provider stores and maintains website files and applications on a server to make its customers’ websites accessible on the
internet.
Web hosting requires the use of one or more physical
or virtual servers to serve as the web host, as well as a domain name system (DNS) for name configurations
and pointing to the hosting service.
Web Design
Domain name, URL (Uniform Resource Locator)
and IP (Internet Protocol)
A domain name is an easy-to-remember name that’s
associated with a physical IP address on the Internet. It’s the unique name that appears after the @ sign in email addresses, and after www. in web addresses. For instance, the domain name example.com might translate to the physical address 198.102.434.8. Other examples of domain names are google.com and
wikipedia.org
Web Design
Types of Web Design
ILLUSTRATIVE WEB DESIGN
Illustrations and cartoon drawings can really bring a web design to life. Drawing is a creative activity by definition, and incorporating it into a website’s design is one of the most creative methods of presenting information on the
web.
ILLUSTRATIVE WEB DESIGN
Web Design
Types of Web Design
MINIMALIST WEB DESIGN
The purpose of minimalism is to expose the essence a
design by eliminating all non-essential forms, features and concepts
MINIMALIST WEB DESIGN
Web Design
Types of Web Design
TYPOGRAPHY WEB DESIGN
First impressions are lasting impressions. Whether
you realize it or not, your typography helps to create an experience for users before they’ve even read a word or clicked a button.
TYPOGRAPHY WEB DESIGN
Web Design
Types of Web Design
SINGLE PAGE WEB DESIGN
Single page web designs certainly aren’t a new trend.
Its continuance suggests that it’s more practical and
effective than most.
SINGLE PAGE WEB DESIGN
Web Design
Types of Web Design
FLAT WEB DESIGN
Flat design is a minimalistic design approach that
emphasizes usability. It features clean, open
space, crisp edges, bright colors and two-
dimensional/flat illustrations.
FLAT WEB DESIGN
END
