Embed Size (px)
Citation preview
0
Computer Science E-75 Building Dynamic Websites Harvard Extension School http://www.cs75.net/
Lecture 0: HTTP
David J. Malan [email protected]
http://www.cs.harvard.edu/malan/
1
DNS
Image from godaddy.com.
2
Prerequisites
Prior programming experience in any language and familiarity with HTML are assumed
3
Expectations
Attend all lectures Implement four assigned projects Implement one final project
4
Lectures Lecture 0: HTTP Lecture 1: PHP Lecture 2: PHP, Continued Lecture 3: XML Lecture 4: SQL Lecture 5: SQL, Continued Lecture 6: JavaScript Lecture 7: Ajax Lecture 8: User Interfaces Lecture 9: Security Lecture 10: Scalability
5
Sections
TBD!
6
Books for Those Less Comfortable
Images from fehily.com, wiley.com, and amazon.com.
7
Books for Those More Comfortable
Images from fehily.com, wiley.com, and amazon.com.
8
www.cs75.net
9
DNS
A CNAME MX NS ...
10
Web Hosts
Image from dreamhost.com.
11
Virtual Private Servers
Image from linode.com.
12
SSH
13
SFTP
14
CSS <!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"> <head> <style type="text/css"> <!-- body { background: #fff; } --> </style> <title>hello, world</title> </head> <body> hello, world </body> </html>
15
CSS <!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"> <head> <link href="styles.css" rel="stylesheet" type="text/css" /> <title>hello, world</title> </head> <body> hello, world </body> </html>
16
Validity
http://validator.w3.org/
17
Cross-Browser Issues
Chrome Firefox Internet Explorer Safari …
18
Yahoo! UI Library (YUI)
YUI Reset CSS http://developer.yahoo.com/yui/reset/
YUI Fonts CSS http://developer.yahoo.com/yui/fonts/
19
YUI Reset CSS <!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"> <head> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/
reset/reset-min.css" /> <title>hello, world</title> </head> <body> hello, world </body> </html>
20
YUI Fonts CSS <!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"> <head> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/
fonts/fonts-min.css" /> <title>hello, world</title> </head> <body> hello, world </body> </html>
21
Forms Text Fields
<input name="email" type="text" />
Password Fields <input name="password" type="password" />
Hidden Fields <input name="id" value="123" />
Checkboxes <input checked="checked" name=“remember" type="checkbox" />
Radio Buttons <input name="gender" type="radio" value="F" /> <input name="gender" type="radio" value="M" />
Drop-Down Menus <select name=“state"> <option value=""></option> <option value=“MA"></option> <option value=“NY"></option> </select>
22
Computer Science E-75 Building Dynamic Websites Harvard Extension School http://www.cs75.net/
Lecture 0: HTTP
David J. Malan [email protected]
http://www.cs.harvard.edu/malan/
