41
I am, MS Alam TRIVUz Web & Information Technology Specialist Hello Head of Research TRIVUz Network (IT Research Since 2003) Lead Software Engineer RxRD Inc, Florida, USA CEO Shabaka Soft Ltd.

Web design intro

  • Upload
    trivuz-

  • View
    1.302

  • Download
    4

Embed Size (px)

DESCRIPTION

Very basic concepts on website and web technologies.

Citation preview

Page 1: Web design intro

I am, MS Alam TRIVUzWeb & Information Technology Specialist

Hello

Head of ResearchTRIVUz Network (IT Research Since 2003)

Lead Software EngineerRxRD Inc, Florida, USA

CEOShabaka Soft Ltd.

Page 2: Web design intro

MS Alam TRIVUz

CEO, Shabaka Soft Ltd.

Class # 01

TRIVUz Academy

WebSite Development

A Brief Introduction

Page 3: Web design intro

What is Website?

Introduction to Web Development

Page 4: Web design intro

Basic UnderstandingWebSite

Introduction to Web Development

Page 5: Web design intro

A website, also written as Web site, web site, or simply site, is

a set of related web pages containing content (media),

including text, video, music, audio, images, etc. A website is

hosted on at least one web server, accessible via a network

such as the Internet or a private local area network through

an Internet address(IP) known as a Uniform Resource

Locator(URL). All publicly accessible websites collectively

constitute the World Wide Web(WWW).

DefinitionWebSite

What is Website?

- wikipedia

Introduction to Web Development

Page 6: Web design intro

A website, also written as Web site, web site, or simply site, is

a set of related web pages containing content (media),

including text, video, music, audio, images, etc. A website is

hosted on at least one web server, accessible via a network

such as the Internet or a private local area network through

an Internet address known as a Uniform Resource

Locator(URL). All publicly accessible websites collectively

constitute the World Wide Web(WWW).

DefinitionWebSite

What is Website?

Introduction to Web Development

Page 7: Web design intro

WebSite

Site

Web Page

Hosting

Web Server

Network

Local Area Network (LAN)

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Terms

Page 8: Web design intro

1. The place where a structure

or group of structures was, is,

or is to be located: a good site for

the school.

2. The place or setting of

something: a historic site; a job site.

3. A website.

Site Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 9: Web design intro

A webpage is a document, typically

written in plain text interspersed

with formatting instructions of

Hypertext Markup Language

(HTML, XHTML).

Webpage Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 10: Web design intro

A webpage is a document, typically

written in plain text interspersed

with formatting instructions of

Hypertext Markup Language

(HTML, XHTML).

Webpage

Introduction to Web Development

Page 11: Web design intro

A webpage is a document, typically

written in plain text interspersed

with formatting instructions of

Hypertext Markup Language

(HTML, XHTML).

Webpage

Introduction to Web Development

documentHand written paper Computer Coded Web

Page 12: Web design intro

A web hosting service is a type of Internet hosting service that allows individuals and organizations to make their own website accessible via the World Wide Web. Web hosts are companies that provide space on a server they own or lease for use by their clients as well as providing Internet connectivity, typically in a data center.

Web Hosting Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 13: Web design intro

A web hosting service is a type of Internet hosting service that allows individuals and organizations to make their own website accessible via the World Wide Web. Web hosts are companies that provide space on a server they own or lease for use by their clients as well as providing Internet connectivity, typically in a data center.

Web Server Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 14: Web design intro

A webpage web server / web

space, typically written in plain

text interspersed with formatting

instructions of Hypertext Markup

Language (HTML, XHTML).

Introduction to Web Development

File cabinetWe keep paper documents in We keep web documents in

Web Server

Page 15: Web design intro

A computer network, often simply referred to as a network, is a collection of hardware components and computers interconnected by communication channels that allow sharing of resources and information.

Computer Network Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 16: Web design intro

Paper documents distributed via human/vehicle network/channel, from one place to another place.

Web documents distributed via computer network. From one computer/server(place) to another computer/server (place).

Computer Network Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 17: Web design intro

Computer Network Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 18: Web design intro

LAN Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Local Area NetworkExample: Your home/office network

Page 19: Web design intro

WAN Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Wide Area NetworkExample: Internet

Page 20: Web design intro

WAN Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 21: Web design intro

Internet Address Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

An Internet Protocol address (IP address) is a numerical label assigned to each device (e.g., computer, printer) participating in a computer network that uses the Internet Protocol for communication.

Page 22: Web design intro

In computing, a uniform resource locator or

universal resource locator (URL) is a

specific character string that

constitutes a reference to an Internet

resource.

A URL is technically a type of uniform

resource identifier (URI) but in many

technical documents and verbal

discussions URL is often used as a

synonym for URI.

Uniform Resource Locator Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 23: Web design intro

The Uniform Resource Locator was

created in 1994 by Tim Berners-Lee

and the URI working group of the

Internet Engineering Task Force (IETF)

as an outcome of collaboration started

at the IETF Living Documents "Birds

of a Feather" session in 1992.

Uniform Resource Locator Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 24: Web design intro

Syntax:

Every URL consists of some of the following: the

scheme name (commonly called protocol),

followed by a colon, two slashes, then, depending

on scheme, a domain name (alternatively, IP

address), a port number, the path of the resource

to be fetched or the program to be run, then, for

programs such as Common Gateway Interface

(CGI) scripts, a query string,[7][8] and an optional

fragment identifier.

Uniform Resource Locator Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 25: Web design intro

Example:

http://www.google.com

Uniform Resource Locator Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 26: Web design intro

The World Wide Web (or the proper World-Wide

Web; abbreviated as WWW or W3, and

commonly known as the Web) is a system of

interlinked hypertext documents

accessed via the Internet. With a web

browser, one can view web pages that may

contain text, images, videos, and other

multimedia and navigate between them via

hyperlinks.

WWW Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 27: Web design intro

Hypertext is text displayed on a computer

or other electronic device with references

(hyperlinks) to other text that the reader

can immediately access, usually by a

mouse click or keypress sequence. Apart

from running text, hypertext may contain

tables, images and other presentational

devices.

Hypertext Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Introduction to Web Development

Page 28: Web design intro

Etymology (শব্দতত্ত্ব)

The prefix hyper- (comes from the

Greek prefix "υπερ-" and means "over"

or "beyond", while having common

origins with the English word "super")

signifies the overcoming of the old

linear constraints of written text.

Hypertext

Introduction to Web Development

Site

Web Page

Hosting

Web Server

Network

Local Area Network

Internet Address

Uniform Resource Locator

World Wide Web

Page 29: Web design intro

So...

Introduction to Web Development

Page 30: Web design intro

The Complete Picture

Site

Web Page

Hosting

Web Server

Network

Local Area Network (LAN)

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Page 31: Web design intro

The Complete Picture

Hosting

Web Server

Network

Local Area Network (LAN)

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Web Pages(Web Site)

Page 32: Web design intro

The Complete Picture

Network

Local Area Network (LAN)

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Web Server (Hosting)

Web Pages(Web Site)

Page 33: Web design intro

The Complete Picture

Network

Local Area Network (LAN)

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Web Server (Hosting)

Web Pages(Web Site)

FTP

File Transfer Protocol

Page 34: Web design intro

The Complete Picture

Network

Local Area Network (LAN)

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Web Server (Hosting)

Web Pages(Web Site)

Page 35: Web design intro

The Complete Picture

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Web Server (Hosting)

Web Pages(Web Site)

Local Network

Page 36: Web design intro

The Complete Picture

Internet Address

Uniform Resource Locator (URL)

World Wide Web (WWW)

Introduction to

Web Development

Web Server (Hosting)

Web Pages(Web Site)

Local Network

Page 37: Web design intro

The Complete Picture

World Wide Web (WWW)Introduction to

Web Development

Web Server (Hosting)

Web Pages(Web Site)

Local Network

www.google.com

Page 38: Web design intro

The Complete Picture

Introduction to

Web Development

Web Server (Hosting)

Web Pages(Web Site)

Local Network

www.google.com

World Wide Web

Page 39: Web design intro
Page 40: Web design intro
Page 41: Web design intro

Thank You

MS Alam TRIVUz

Head of ResearchTRIVUz Network (IT Research Since 2003)

Lead Software EngineerRxRD Inc, Florida, USA

CEOShabaka Soft Ltd.

[email protected]+88 01712 084408