What is HTML used for? STRUCTURE Text Video Lists Audio Links Forms Images Tables Click: Fades in text, lists, links, images, tables, forms, audio,

Slides:



Advertisements
Similar presentations
Let's say we want to access domain - reliablescribe.com First we need to buy a computer We need to subscribe to an Internet Service Provider (ISP) The.
Advertisements

4.01 How Web Pages Work.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
UNIFORM RESOURCE LOCATOR (URL)
How the World Wide Web Works
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
The Internet & Web Browsers Business Webpage Design Kelly Seale.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
INTRO TO GRAPHIC DESIGN IN THE NEW MEDIA ART468. What is a Web Designer?  A web designer creates websites.  When working as a designer, your clients.
Chapter 1 Introduction to HTML, XHTML, and CSS
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Getting online Suitable for: Beginner.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????
BASIC UNDERSTANDING OF INTERNET AND WEB BRIDGE COURSE of INFORMATION & COMMUNICATION TECHNOLOGY Activity No. 8.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
INTERNET. BROADBAND The amount of information a connection is capable of carrying. Measured in bits per second.
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
OWL Jan How Websites Work. “The Internet” vs. “The Web”?
IP BROS Presentation by: Amen Ahmed. Mario and Luigi are here to help us find our way through the internet. Mario will act as our browser and Luigi will.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
HOW THE WEB WORKS Reference: Learning Web Design (4 th edition) by Robbins 2012 – Chapter 2 (pp. 21 – 32)
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.
Vocabulary 3 Internet Vocabulary. internet A system that connects billions of computers around the world.
Vocabulary 2 Internet Vocabulary. online On the internet.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
and Internet Explorer.  The transmission of messages and files via a computer network  Messages can consist of simple text or can contain attachments,
Your final site CSS WP Hand- code, using TextEdit, TextWrangler, Dreamweaver or any other wysiwyg editor. Site doesn’t require to be hosted Deliver all.
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
Vocabulary 2 Internet Vocabulary. online On the internet.
Introduction to HTML 4.0 Getting Started – Basic Terminology Teacher: Mr. Ho.
The Internet & Web Browsers Business Webpage Design Created by Kelly Seale Adapted by Jill Einerson.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
4.01 How Web Pages Work.
Getting Started with HTML
4.01 How Web Pages Work.
Intro to HTML CS 1150 Spring 2017.
4.01 How Web Pages Work.
What this activity will show you
Intro to HTML CS 1150 Fall 2016.
CISC103 Web Development Basics: Web site:
What is the Internet? © EIT, Author Gay Robertson, 2016.
Introduction to HTML.
Introduction to Computers
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
INTERNET.
Modelling the internet
Objectives To understand the about types of computer network
What is the World Wide Web (www)
Modelling the internet
Research Lesson 1 URLs & Hyperlinks How to access the World Wide Web.
How the Web Works 2/19/2019.
Research Lesson 1 URLs & Hyperlinks How to access the World Wide Web.
Web Development 101 Workshop
Digital Literacy 1.00 Computer Basics
Read this to find out how the internet works!
WJEC GCSE Computer Science
4.01 How Web Pages Work.
Internet Vocabulary Beth Felton McKelvey.
Your computer is the client
4.01 How Web Pages Work.
Presentation transcript:

What is HTML used for?

STRUCTURE Text Video Lists Audio Links Forms Images Tables Click: Fades in text, lists, links, images, tables, forms, audio, video Explain: Different types of structural markup Audio Links Forms Images Tables

What is CSS used for?

PRESENTATION LAYOUT Explain: Pure HTML examples will look plain until students learn to add styling via CSS

ACCESSING THE WEB . Explain: People access websites via a web browser (e.g. Firefox, IE, Chrome, Safari) Explain: Users type in URL for web page, follow link, or click on bookmark Explain: Browser makers regularly release new versions of their browsers Click: Arrows point to a server Explain: When you request a web page, the request goes to a web server that hosts the site Explain: What a server is (and the role of hosting companies) Click: Tablet/phone fades in Explain: Browsers come on different devices, desktop computers, mobile, tablet, tv etc. Click: Headphones fade in Explain: Screen readers (depicted here by headphones)

HOW THE WEB WORKS A user in Vancouver visits airindia.in in Bangalore Illustrates how web users can be anywhere in the world, and request pages from servers in other parts of the world.

HOW THE WEB WORKS A user in Stockholm visits qantas.com.au in Sydney

HOW THE WEB WORKS A user in New York visits google.com in San Francisco

HOW THE WEB WORKS A user in Barcelona visits sony.jp in Tokyo

You connect to the web via an Internet Service Provider (ISP). Explain: You connect to the web via an Internet Service Provider (ISP). 1 You connect to the web via an Internet Service Provider (ISP).

Explain: When a user requests a web page, a DNS server is consulted Explain: When a user requests a web page, a DNS server is consulted. The DNS server sends back an IP address for the server that the site lives on. 2 Your computer contacts a network of servers called Domain Name System (DNS) servers. They return an IP address.

Explain: The IP address is used to contact the web server. 3 Your computer uses the number provided by the DNS servers to go to the web server hosting the website you want to visit.

Explain: The server sends back the appropriate page. 4 The web server then sends the page you requested back to your web browser.