ENGS 112 Lecture 2 HTML Primer See text or web for more information and examples.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Introduction 2 1: Introduction.
1 IK1500 Communication Systems IK1330 Lecture 3: Networking Anders Västberg
4.01 How Web Pages Work.
5: DataLink Layer5-1 Asynchronous Transfer Mode: ATM r 1990’s/00 standard for high-speed (155Mbps to 622 Mbps and higher) Broadband Integrated Service.
ENGS Lecture 3 ENGS 4 - Lecture 3 Technology of Cyberspace Winter 2004 Thayer School of Engineering Dartmouth College Instructor: George Cybenko,
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
DNS – HTTP – DHTML - CSS ICW Lecture 5 Hasan Qunoo.
ENGS Lecture 6 ENGS 4 - Lecture 6 Technology of Cyberspace Winter 2004 Thayer School of Engineering Dartmouth College Instructor: George Cybenko,
Thayer School of Engineering Dartmouth Lecture 2 Overview Web Services concept XML introduction Visual Studio.net.
ENGS Lecture 7 ENGS 4 - Lecture 7 Technology of Cyberspace Winter 2004 Thayer School of Engineering Dartmouth College Instructor: George Cybenko,
Creating Web Pages Getting Started. Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
Marking Up With Html: A Hypertext Markup Language Primer
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
1 The World Wide Web. 2  Web Fundamentals  Pages are defined by the Hypertext Markup Language (HTML) and contain text, graphics, audio, video and software.
The Internet & The World Wide Web Notes
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.
Chapter 1: Overview Lecturer: Alias Mohd Telecommunications Department Faculty of Electrical Engineering UTM SET 4573: Data Communication and Switching.
Data Communications and Networking
Why Worry About the WWW? Intranets -- with lots of HR applications »policies/procedures »job postings »benefits & other transactions »hiring & other workflows.
Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
Chapter 18. Virtual-Circuit Networks: Frame Relay and ATM
Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers Reference Websites:
Asynchronous Transfer Mode: ATM r 1980s/1990’s standard for high-speed (155Mbps to 622 Mbps and higher) Broadband Integrated Service Digital Network architecture.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Okay, here’s a scenario… You’re sitting at a computer…. Type in www. yourcompany.com As soon as you click on search your browser will ask your Operation.
Build a personal website with pictures, links, and favorite stuff. 1) Respect teammates 2) Respect equipment 3) No bad things.
The Way Networks Work Computer Networks Kwangwoon University.
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.
Ch 1. Computer Networks and the Internet Myungchul Kim
Computer Networks with Internet Technology William Stallings
INTERNET PRESENTATION. WHAT IS THE INTERNET? The worlds largest computer network. A collection of local, regional and national computer networks linked.
Internet Presentation. What is the Internet? The worlds largest computer network. A collection of local, regional and national computer networks linked.
Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 3-1.
J.Tiberghien - VUB09-06-K.Steenhaut & J.Tiberghien - VUB 1 Telecommunications Concepts Chapter 1.6 Multiplexing & Routing.
Chapter Objectives After completing this chapter you will be able to: –Understand the basic concepts of ATM –List some reasons for implementing an ATM.
1 Pre-Introduction What is computer network?. 2 Pre-Introduction Suppose you want to build a computer network The question is: –What available technologies.
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.
Lecture # 03 Switching Course Instructor: Engr. Sana Ziafat.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
ENGS 112 Lecture 3 Packet Switching Chapter 3, Walrand WWW links, eg.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
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)
Websites Creating Basic Course. What´s a website ? A website (or "web site") is a collection of related web pages, images, videos or other digital assets.
Day 13 Intro to MANs and WANs. MANs Cover a larger distance than LANs –Typically multiple buildings, office park Usually in the shape of a ring –Typically.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
Computer Basics Introduction CIS 109 Columbia College.
Web Basics: HTML/CSS/JavaScript What are they?
Objective % Select and utilize tools to design and develop websites.
HTTP and Abstraction on the Internet
CISC103 Web Development Basics: Web site:
HTTP and Abstraction on the Internet
Vocabulary Prototype: A preliminary sketch of an idea or model for something new. It’s the original drawing from which something real might be built or.
Telemedicine.
Vocabulary Prototype: A preliminary sketch of an idea or model for something new. It’s the original drawing from which something real might be built or.
Objective % Select and utilize tools to design and develop websites.
Layers of The ATM Model.
CISC103 Web Development Basics: Web site:
The Internet and the World Wide Web (ch. 7)
Chapter 27 WWW and HTTP.
Network Core and QoS.
HTTP and Abstraction on the Internet / The Need for DNS
Network Core and QoS.
Presentation transcript:

ENGS 112 Lecture 2 HTML Primer See text or web for more information and examples.

HTML is HyperTex Markup Language HTML is a “specialization” of SGML HTML is a language for describing how web pages should look. HTML has some constructions for forms, frames, etc that make it a bit more dynamic. HTML is very simple....we’re going to go over only the basics...other sources: - Dietel - read the source of other pages - web HTML manuals and how-tos

Basic syntax of an HTML construct HTML uses “tags” tags typically have a beginning and a closing version. example....every html page should start with the tag and end with Not essential but good style.

Basic structure of an HTML page Our first page!! Blah, blah, blah

Some tags Headings...,.....,.... New paragraph Line Break Horizontal rule Let’s try them now....

Links and URL’s Web link construction CNN’s web site HTML anchor tag is the protocol or scheme is the server name anything following that is the path name “CNN’s web site” is the anchor

Absolute and relative links Dartmouth is an absolute reference to a web page. Another link is a relative link.

Text properties boldface italics blinking underlining striked out

Backgrounds OR Where can you get some fun backgrounds? Let’s do some searches!!!!

Adding images Image formats most browsers can view jpeg, jpg Joint Picture Experts Group tif gif.....etc

Images as anchors for links Let’s do an example......

URL’s and Internet Names, addresses, etc is the name of a server The name is for human consumption...the internet uses a four number address to identify all “hosts” on the internet Each number is between 0 and 255.

Let’s buy an internet domain name!!! Visit to see what names are taken, who owns a particular name, or buy a name for yourself!!!

Domain names are hot commodities....ebay auction Name brands and common words are all taken. All two and three letter combinations are gone. This is the “real estate” of cyberspace!!!

Networked Services Applications WWW Streaming data – audio and video Internet telephony and videoconferences Networked games Client/server Sensor networks Broadcast TV – video on demand

Quality of Service (QoS) Constant bit rate (CBR) Variable bit rate (VBR) End-to-end delays, latency Bit error rates Admission policy and blocking probabilities

Engineering Challenges of Different Content Types ContentBandwidth Bursty QoS? Web, data Medium Yes No Voice Low Yes Yes TV, video High No Yes Monitoring Variable No No

Network Elements Links and switches – abstractions as graphs and queues Service characterizations – total delay = trans + prop + qd + proc

Network Mechanisms Multiplexing – sharing a common channel/resource Time-division multiple access TDMA Statistical multiplexing Spatial multiplexing Frequency-division multiple access Code-division multiple access

Network Mechanisms Switching circuit switching packet switching datagram network vs virtual circuit switch design – Clos and other switch designs

Packet Switching Send “packets” into the network, routing each packet individually, like the post office. Packets are “routed” through the network, sorted at “switches”. Requires no setup time but no guarantee of service!! Good for telephones, bad for web browsing!!!!

Network Mechanisms Error control - detection vs correction parity bits cyclic redundancy codes replication for error correction BCH and Reed-Solomon codes error detection and correction protocols retransmission protocols

Network Mechanisms Flow control Congestion control problems with long haul, high speed networks rate control (open loop) Resource allocation

Why is “convergence” a challenge? Convergence of entertainment, telecommunications and computing industries. Telecom is set up for voice. Entertainment requiries audio and video QoS. Computer communication is based on packet switching.

OEE (Due Friday, April 14) Walrand page