web development 101

9
Basic Internet Markup, Design Issues Lecture #2

Upload: ahmad-fahad

Post on 16-Apr-2017

387 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Web Development 101

Basic Internet Markup, Design IssuesLecture #2

Page 2: Web Development 101

• What is the Internet?

• What is the World Wide Web?

• What is the Difference?

• What are the clients and servers?

Page 3: Web Development 101

• Internet: A globe spanning network of computers connected to each other and able to transmit and receive at nearly the speed of light.

• The Web: millions of files cross referenced and interconnected to weave a web of information

Page 4: Web Development 101

• What does it stand for?– HyperText Markup Language

• Who maintains the rules of HTML?– W3C (World Wide Web Consortium)

• Why do we use HTML?– Give meaning to documents

• What are Web Browsers?– Understand the markup and display the result

Page 5: Web Development 101

• Consists of tags• Falls under different versions• Based on SGML (Standard Generalized

Markup Language)• HTML 1.0, 2.0, 3.0 and finally 4.01

• Then came XHTML…

Page 6: Web Development 101

• XHTML 1.0 Strict• XHTML 1.0 Transitional• XHTML 1.0 Frameset

• Validator.w3.org

• Separating Content from Presentation

Page 7: Web Development 101

• Which web browser to use?• Simple answer / Complex answer• Which hosting service to choose?• Depends on what you need from it!• How to choose my HTML editor?• Start small and work your way up

Page 8: Web Development 101

• What does it stand for?• Uniform Resource Locator (see URI)• Hostname• Protocol• Path• File• Domain• Prefix/SubDomain

Page 9: Web Development 101

• Absolute URLhttp://www.bluesky-cafee.com/

• Relative URLexamples/chapter1/example.html

• Up-leveling../../example.html

• Site root relativity/examples/chapter1/example.html