a brief history of the web
DESCRIPTION
Date: 09 11 16 Course: Media Production Lecture: Web Production nr 1TRANSCRIPT
From hypertext to web services
A brief history of the world wide web
Obs! internet != www
hypertext
A multi media text with branching
references (links) to other documents, that can be read in a non-linear way
“The Memex”As We May Think by
Vannevar Bush
1968: The mother of all demos
Douglas Engelbart at Stanford SRI
www
world wide web
HTTP HyperText Transfer
Protocol
HTML HyperText Markup Language
WorldWideWeb A web browser
A server and the software
<html><head><title>UC Berkeley Campus Information</title></head> <body><img align=top src="/icons/access.gif" alt="*"> <h2>Campus Information:</h2><li><a href ="http://www.chance.berkeley.edu/planning/calendar.html">Academic Calendar</a> <li><a href ="http://www.urel.berkeley.edu/ucadmin.html">Administration</a> <li><a href ="http://haas.berkeley.edu/bpledge/">Berkeley Pledge</a> <li><a href ="http://amber.berkeley.edu:4207/RSF/">Cal Bears Athletics & Recreational Sports</a> <image align=top src="/icons/new.gif" alt="**new**"><li><a href ="http://www.alumni.berkeley.edu/">California Alumni Association</a> </ul><hr><a href="/docs/copyright/">© 1995 UC Regents</a>.<i>Updated 10/22/96, <a href="/faq/">[email protected]</a>.</i></body>
We need style! CSS
Cascading Style Sheets1996
Separation of content from presentation!
We need power! Presenting static data is
limited, we want interactivity and dynamic
data
Client Side JavaScript
1996
Server Side PHPLAMP1995
<?php$con = mysql_connect("localhost","peter","abc123");if (!$con) { die('Could not connect: ' . mysql_error()); }
mysql_select_db("my_db", $con);
$result = mysql_query("SELECT * FROM Persons");
echo "<table border='1'><tr><th>Firstname</th><th>Lastname</th></tr>";
while($row = mysql_fetch_array($result)) { echo "<tr>"; echo "<td>" . $row['FirstName'] . "</td>"; echo "<td>" . $row['LastName'] . "</td>"; echo "</tr>"; }echo "</table>";
mysql_close($con);?>
Other web frameworks Java
C# .NETPerl
PythonRuby
But the result is always the same!
Valid HTML!
And you need something to interpret it:
Web browser
Next lectures
HTML + CSSServer side action
Contact at:
Jorge [email protected]@zapicojorgezapico.com
Presentation at
http://slideshare.net/jorgezapico