Post on 24-Jun-2015
description
#Creative Web 1Modern web design.
Short historyof computers & the internet
Zusefirst programmable computer 1938
1980shome computers hit the market
Early internetNSFNET T3 Network 1992
Sir Tim Berners-LeeInvents the Internet of today 1989
The first websiteHTML only
HTML (23y)HyperText Markup Language
CSS (18y)Cascading Style Sheets
JS (18y)JavaScript / ECMA Script
#What is the internet?A simplified explanation.
#The internet is…a network of connected servers.
#A server is…a computer which is always online (connected to the network).
#Surfing the web means…connecting to one of the servers.
#Technologies.
#BackendPHP, Ruby, .NET, SQL, etc.
#FrontendHTML, DOM, CSS, JavaScript
#HTMLStructure & content
#DOMDocument object model
#CSSStyling layer
#JavaScriptInteraction layer
1. <!DOCTYPE html> 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.
1. <!DOCTYPE html><!-- HTML5 --> 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. </html>
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. <head> 4. 5. 6. </head> 7. 8. 9. 10. 11. 12. 13. </html>
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. <head> 4. 5. 6. </head> 7. <body> 8. 9. 10. 11. 12. </body> 13. </html>
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. <head> 4. <meta name="description" content="" /> 5. 6. </head> 7. <body> 8. 9. 10. 11. 12. </body> 13. </html>
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. <head> 4. <meta name="description" content="" /> 5. <title>My portfolio<title/> 6. </head> 7. <body> 8. 9. 10. 11. 12. </body> 13. </html>
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. <head> 4. <meta name="description" content="" /> 5. <title>My portfolio<title/> 6. </head> 7. <body> 8. <div> 9. <a href=“google.com”>Das 10. ist ein Link</a> 11. </div> 12. </body> 13. </html>