English for Specific Purposes
17
pages
English
Documents
Obtenez un accès à la bibliothèque pour le consulter en ligne En savoir plus
Découvre YouScribe en t'inscrivant gratuitement
Découvre YouScribe en t'inscrivant gratuitement
17
pages
English
Documents
Obtenez un accès à la bibliothèque pour le consulter en ligne En savoir plus
- cours - matière potentielle : on academic skills
- cours magistral
- fiche de synthèse - matière potentielle : education
- cours - matière potentielle : with elt input
- fiche de synthèse - matière : technology
- exposé
- cours - matière potentielle : providers
- expression écrite
- exposé - matière potentielle : esp video
- fiche de synthèse - matière potentielle : because gotevot
- exposé - matière potentielle : ict
- cours - matière potentielle : via iatefl
- exposé - matière potentielle : videos
- learners from a classroom to a lab
- esp
- eap
- study skills
- project manager
- teaching
- project
- student
- language
- course
Computer Science E-1
Understanding Computers and the Internet
Lecture 10: Website Development
Wednesday, 29 November 2006
David J. Malan
malan@post.harvard.edu
1ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
ƒ
Agenda
Webservers
Structure
Permissions
Implementations
Virtual Hosting
Static Webpages
XHTML
Tags
Attributes
Elements
CSS
Well-Formedness
Validity
Dynamic Webpages
SSIs
DHTML
AJAX
CGI
ASPs
JSPs
2Webservers
3Static Webpages
XHTML
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
Hello, World!
</body>
</html>
Source from http://www.fas.harvard.edu/~cscie1/distribution/lectures/10/markup/hello.html.
4Static Webpages
XHTML
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Hello, World!</title>
</head>
<body bgcolor="#00ff00">
Hello, World!
</body>
</html>
Source from http://www.fas.harvard.edu/~cscie1/distribution/lectures/10/markup/bgcolor.html.
5Static Webpages
XHTML
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<div align="center">
<font color="blue" face="sans-serif" size="7">
Hello, World!
</font>
<br/>
<font color="#0000ff" face="sans-serif" size="2">
from little ol' <a href="mailto:username@fas.harvard.edu">me</a>
</font>
</div>
</body>
</html>
Source from http://www.fas.harvard.edu/~cscie1/distribution/lectures/10/markup/mailto.html.
6Static Webpages
XHTML
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<div style="text-align: center; color: blue;
font-family: sans-serif; font-size: 36pt;">
Hello, World!
</div>
<br/>; font-size: 10pt;">
from little ol' <a
href="mailto:username@fas.harvard.edu">me</a>
</div>
</body>
</html>
Source from http://www.fas.harvard.edu/~cscie1/distribution/lectures/10/markup/style.html.
7Static Webpages
XHTML
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Hello, World!</title>
<style type="text/css">
<!--
.mystyle { text-align: center; color: blue; font-family: sans-serif; }
a { text-decoration: none; font-weight: bold; color: blue }
a:hover { text-decoration: underline; font-weight: bold; color: red }
-->
</style>
</head>
<body>
<div class="mystyle" style="font-size: 36pt;">
Hello, World!
</div>
<br/>style="font-size: 10pt;">
from little ol' <a href="mailto:username@fas.harvard.edu">me</a>
</div>
</body>
</html>
Source from http://www.fas.harvard.edu/~cscie1/distribution/lectures/10/markup/css.html.
8Static Webpages
Well-Formedness
<foo bar="baz"/>
9Static Webpages
Validity
10
