1 / 25

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

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

sema
Télécharger la présentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. 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

  3. 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 • <html> • and end with • </html> • Not essential but good style.

  4. Basic structure of an HTML page • <html> • <head> • <title> • Our first page!! • </title> • </head> • <body> • Blah, blah, blah • </body> • </html>

  5. Some tags Headings <h1>...</h1>, <h2>.....</h2>,.... New paragraph <p> Line Break <br> Horizontal rule <hrule> Let’s try them now....

  6. Links and URL’s Web link construction <a href=“http://www.cnn.com”>CNN’s web site</a> <a> </a> HTML anchor tag http:// is the protocol or scheme www.cnn.com is the server name anything following that is the path name “CNN’s web site” is the anchor

  7. Absolute and relative links <a href=“http://www.dartmouth.edu/~gvc/”>Dartmouth</a> is an absolute reference to a web page. <a href=“somefile.html”> Another link</a> is a relative link.

  8. Text properties <b> </b> boldface <i> </i> italics <blink> </blink> blinking <u> </u> underlining <strike> </strike> striked out

  9. Backgrounds <body bgcolor=“#rrggbb”> OR <body background=“some url or relative file name”> Where can you get some fun backgrounds? Let’s do some searches!!!!

  10. Adding images Image formats most browsers can view jpeg, jpg Joint Picture Experts Group tif gif .....etc <img src=“some URL or filename” alt=“picture”>

  11. Images as anchors for links <a href=“URL”><img src=“ULR”></a> Let’s do an example......

  12. URL’s and Internet Names, addresses, etc www.dartmouth.edu 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. 129.170.16.79 Each number is between 0 and 255.

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

  14. 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!!!

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

  16. 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

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

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

  19. 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

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

  21. 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!!!!

  22. 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

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

  24. Why is “convergence” achallenge? 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.

  25. OEE (Due Friday, April 14) Walrand page 93+ 1. 3. 4. 12. 16. 20. 25.

More Related