CS 101 – Dec. 2 Download speed Internet vs. Web Domains HTML.

Slides:



Advertisements
Similar presentations
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Advertisements

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
CS 121 Concepts of Computing II Introduction to Web Page/Site Development.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
Introduction to HTML CPS470 Software Engineering Fall 1998.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
CS /13 DePaul University SNL 262 Advanced Web Page Design Review & Introduction - I Instructor: David A. Lash.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
CIS101 Introduction to Computing
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
CHAPTER 1 GETTING STARTED WITH HTML. LEARNING OBJECTIVES How a Web browser downloads and processes an HTML page for display What is the purpose of a Web.
Define html document byusing Example : Title of the document The content of the document......
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
Understanding HTML Code
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Just Enough HTML How to Create Basic HTML Documents.
1 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.
Web Design 3080 – Week 2 More Fun With Delicious.com Setting up a ‘network’. 1.Go to Delicious.com and sign up for a personal account 2.Once your account.
Introduction to web development and HTML MGMT 230 LAB.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
Copyright Jim Martin The World Wide Web Dr. Jim Martin
WEB DESIGN AND PROGRAMMING Introduction to XHTML.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
CS 16 – Oct. 30 Text vs. Hypertext Web terminology Domains HTML.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.
Introduction to Computers 12/6/ BEGINNING HTML DESIGNING YOUR OWN WWW PAGES.
HTML HyperText Markup Language ©Richard L. Goldman July 15, 2003.
CS 101 – Dec. 4 HTML Web issues Project examples Reviews on Monday & study day.
Introduction to Web & HTML
Introduction to HTML C151 Multi-User Operating Systems.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
HTML HyperText Markup Language Victoria E. Kozlek.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
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.
Introduction to HTML.
Creating a Web Page.
Web Info for Project Presentations
HTML GUIDE Press F5 and then
CSCI-235 Micro-Computers in Science
HTML & teh internets.
Creating a Home Page in HTML
Dreamweaver – Project #1
Chapter 4 - Introduction to XHTML: Part 1
HTML / Website Creation
HTML.
Overview of HTML.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
An Introduction to HTML Pages
Presentation transcript:

CS 101 – Dec. 2 Download speed Internet vs. Web Domains HTML

Measuring speed Overhead = prepare & assemble message Flight time = first bit to arrive at destination Bandwidth = max rate to propagate data (cruising speed) Total time = overhead + flight time + (msg size)/bandwidth

How much longer? FileSizeProgress“time left”rate #1815 KB65.1%3:081.5 KB/s #25.9 MB64.8%24:031.5 KB/s

Examples

Hypertext A text document that contains links to other documents. Also may contain “multimedia” Filename *.html Software: editor…browser.

Some terminology Internet = global “network of networks” Some Internet applications: –WWW = linked documents on the Internet – –chat –FTP = file transfer prototcol

Web terminology HTML = standard language for hypertext Web page = hypertext document (*.html) Web site = collection of pages & folders usually starting with index.html Web server = machine containing site Web browser = program that interprets HTML to show on screen

Web addressing Location of file is given by a Web address or URL. saturn.html = page billa/tnp = folders = site [ server.place.domain]

Domains Three letter for U.S. (.com,.org,.net,.edu,.mil,.gov) Two letter for countries (.ca,.uk,.za,.ch,.de,.is, cn,.at,.us ………) Beware of exceptions Newer domains (.info,.museum,.biz, …)

Making Web pages Web pages written in HTML. 2 ways… Type in HTML code in text editor. –Enter “tags” as you go. Use “web generator” such as Dreamweaver –WYSIWYG

HTML format Web browsers read HTML files.... Head section is optional Body contains material to appear in browser window.

Minimal example The simplest Web page contains text. –Can format with various font commands … Hello!

Common tags h1, h2, etc. = headings br = line break p = paragraph ol, ul, li = used for lists hr = horizontal rule b, i = bold or italic sub, sup = subscript or superscript

Examples 7 th Who wrote Das Rheingold ? Gold Silver Bronze