Presentation on internet and web programming, Exercises of Web Design and Development

Powerpoint presentation on internet and web programming

Typology: Exercises

2018/2019

Uploaded on 07/07/2019

harsh-ganatra
harsh-ganatra 🇮🇳

1 document

1 / 74

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
MISSION
CHRIST is a nurturing ground for an
individual’s holistic development to make
effective contribution to the society in a
dynamic environment
VISION
Excellence and Service
CORE VALUES
Faith in God | Moral Uprightness
Love of Fellow Beings
Social Responsibility | Pursuit of
Excellence
UNIT – 1 HTML5:
Why HTML5 exists? Structuring a Web Page,
Forms, Multimedia (video, audio) markup
and APIs, Canvas, Data Storage, Drag &
Drop, Messaging & Workers
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23
pf24
pf25
pf26
pf27
pf28
pf29
pf2a
pf2b
pf2c
pf2d
pf2e
pf2f
pf30
pf31
pf32
pf33
pf34
pf35
pf36
pf37
pf38
pf39
pf3a
pf3b
pf3c
pf3d
pf3e
pf3f
pf40
pf41
pf42
pf43
pf44
pf45
pf46
pf47
pf48
pf49
pf4a

Partial preview of the text

Download Presentation on internet and web programming and more Exercises Web Design and Development in PDF only on Docsity!

MISSION CHRIST is a nurturing ground for an individual’s holistic development to make effective contribution to the society in a VISION Excellence and Service CORE VALUES Faith in God | Moral Uprightness Love of Fellow Beings Social Responsibility | Pursuit of

UNIT – 1 HTML5:

Why HTML5 exists? Structuring a Web Page,

Forms, Multimedia (video, audio) markup

and APIs, Canvas, Data Storage, Drag &

Drop, Messaging & Workers

Excellence and Service Deemed to be University

Internet

● (^) The Internet is a vast network of computers, and server, which communicate with each other. ● (^) The internet connects with the whole wide world together.

● The Internet is a global network of

interconnected computers, enabling users to

share information along multiple channels.

Who governs the Internet? ● (^) ISOC appoints the IAB- Internet Architecture Board. They meet regularly to review standards and allocate resources, like addresses. ● (^) IETF- Internet Engineering Task Force. Another volunteer organisation that meets regularly to discuss operational and technical problems.

Excellence and Service Deemed to be University

contd…

Server side: ● (^) Now the server receives the binary code and decodes it and sends the response in the following manner: ○ (^) HTTP/1.1 200 ok (where 200 ok is the status) ○ (^) Content-type:type/html ○ (^) Body of page ● (^) Now this is converted back to binary by the server and sent to the IP address that is requesting it. Once the codes are received by the client, the browser again decodes the information in the following way: ○ (^) First it checks the status ○ (^) It starts reading the document from html tag and constructs a Tree like structure. ○ (^) The html tree is then converted to corresponding binary code and rendered on the screen. ○ (^) In the end we see the website front-end.

Deemed to be University

Deemed to be University

World Wide Web

● Web is a subset of the internet

● Web is a way of accessing information over the

internet. (web browsers)

● The World Wide Web is not owned by one single

business or person, but the web pages are. The

Web consists of things such as HTML, URL, and

HTTP.

Deemed to be University

Deemed to be University

What's the difference between the

Internet and the World Wide Web

(WWW)?

Internet Web Internet is larger and also includes other services such as email, chat, online games, forums, databases, hypertext Web is a subset of the internet. Global network of networks • Web is a way of accessing information over the internet. (web browsers)

  • Collection of Internet Servers that can host formatted documents.
  • These documents are interlinked using hypertext links.
  • To link hypertext to the Internet: HTML, HTTP, and URL. infrastructure Service on the infrastructure Eg: Book store Eg: Collection of Books on that store Hardware Software

Deemed to be University

Web Languages

● (^) Hypertext Markup Language (HTML): used for writing web pages ● (^) Cascading Style Sheets (CSS): stylistic info for web pages ● (^) PHP Hypertext Processor (PHP): dynamically create pages on a web server ● (^) JavaScript: interactive and programmable web pages Asynchronous ● (^) JavaScript and XML (Ajax): accessing data for web applications eXtensible ● (^) Markup Language (XML): metalanguage for organizing data ● (^) Structured Query Language (SQL): interaction with databases

Deemed to be University

Deemed to be University

Excellence and Service Deemed to be University

Introduction to HTML

● HTML stands for Hyper Text Markup Language ,

which is the most widely used language on Web to

develop web pages.

● Hypertext - method by which you move around

any place on the web by clicking on a special text

called hyperlinks.

● Markup - HTML text are marked as a certain type

of text by the HTML tags – to structure it to the

display

● Language - code-words and syntax

● Tags – strings enclosed within angular brackets.

Deemed to be University

HTML

Hyper Text Markup Language ● (^) HTML is the standard markup language for creating Web pages. ● (^) Not a case sensitive language ● (^) HTML stands for Hyper Text Markup Language ● (^) HTML describes the structure of Web pages using markup ● (^) HTML elements are the building blocks of HTML pages ● (^) HTML elements are represented by tags ● (^) HTML tags label pieces of content such as "heading", "paragraph", "table", and so on ● (^) Browsers do not display the HTML tags, but use them to render the content of the page

Deemed to be University

HTML Parts

● Head part

○ header of a file

○ Setting the title of the web page.

○ Does not appear in client area but at the top of

the web browser

● Body part

○ To create a look and feel of the web page – to

design a web page.

○ Appear in the client area

○ Contains the html elements

● Comments

Deemed to be University

HTML Editors - Notepad or WordPad text

editors

Step 1: Open Start > **Programs > Accessories

Notepad** Step 2: Write Some HTML codes