Creative Web 01 - Introduction to the web & web development
-
Upload
lukas-oppermann -
Category
Design
-
view
335 -
download
0
description
Transcript of Creative Web 01 - Introduction to the web & web development
![Page 1: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/1.jpg)
#Creative Web 1Modern web design.
![Page 2: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/2.jpg)
Short historyof computers & the internet
![Page 3: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/3.jpg)
Zusefirst programmable computer 1938
![Page 4: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/4.jpg)
1980shome computers hit the market
![Page 5: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/5.jpg)
Early internetNSFNET T3 Network 1992
![Page 6: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/6.jpg)
Sir Tim Berners-LeeInvents the Internet of today 1989
![Page 7: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/7.jpg)
The first websiteHTML only
![Page 8: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/8.jpg)
HTML (23y)HyperText Markup Language
![Page 9: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/9.jpg)
CSS (18y)Cascading Style Sheets
![Page 10: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/10.jpg)
JS (18y)JavaScript / ECMA Script
![Page 11: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/11.jpg)
#What is the internet?A simplified explanation.
![Page 12: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/12.jpg)
#The internet is…a network of connected servers.
![Page 13: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/13.jpg)
#A server is…a computer which is always online (connected to the network).
![Page 14: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/14.jpg)
#Surfing the web means…connecting to one of the servers.
![Page 15: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/15.jpg)
#Technologies.
![Page 16: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/16.jpg)
#BackendPHP, Ruby, .NET, SQL, etc.
![Page 17: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/17.jpg)
#FrontendHTML, DOM, CSS, JavaScript
![Page 18: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/18.jpg)
#HTMLStructure & content
![Page 19: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/19.jpg)
#DOMDocument object model
![Page 20: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/20.jpg)
#CSSStyling layer
![Page 21: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/21.jpg)
#JavaScriptInteraction layer
![Page 22: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/22.jpg)
1. <!DOCTYPE html> 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.
![Page 23: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/23.jpg)
1. <!DOCTYPE html><!-- HTML5 --> 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.
![Page 24: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/24.jpg)
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. </html>
![Page 25: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/25.jpg)
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. <head> 4. 5. 6. </head> 7. 8. 9. 10. 11. 12. 13. </html>
![Page 26: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/26.jpg)
1. <!DOCTYPE html><!-- HTML5 --> 2. <html> 3. <head> 4. 5. 6. </head> 7. <body> 8. 9. 10. 11. 12. </body> 13. </html>
![Page 27: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/27.jpg)
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>
![Page 28: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/28.jpg)
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>
![Page 29: Creative Web 01 - Introduction to the web & web development](https://reader034.fdocuments.us/reader034/viewer/2022042715/558a5b01d8b42ab31b8b45a6/html5/thumbnails/29.jpg)
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>