lecture 1: first web page
The code below is included on your handout (in the section marked "Slide J" in part 3). The handout also contains a clearly-marked list of instructions which I now want you to follow. (They are pretty straightforward if you are familiar with manipulating the clipboard and Windows Explorer - but if you're not, do follow them carefully.)
Once you've done all that, you should have two browser windows open. One will still contain this page, but the other will contain an interpreted version of the code you've just copied. And that's it - you've created a web page. On the next two slides we will make some changes to this text, but just bask in this initial achievement for a minute...
CODE FOLLOWS: copy everything between, but not including, this line and the word END.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<title>A simple web page</title>
</head>
<body>
<h1>Great film quotes</h1>
<blockquote>"The first time you buy a house you think, 'oh, how lovely', and
sign the cheque. The next time you look straight away for the termites in the
basement. It's the same with men."</blockquote>
<p><b>Lupe Velez</b></p>
<blockquote>"My life is flashing before my eyes, and the worst part is, I'm
driving a used car."</blockquote>
<p><b>Woody Allen</b></p>
</body>
</html>
END
| 