Introduction to web development
Download as PPTX, PDF1 like92 views
This document introduces web development by defining the web and browsers. It explains that the web is an information space accessed via URLs and the internet using a browser. Browsers display and interact with web information. The document then summarizes the client-server model where servers create and return HTML data to clients via browsers. It provides overviews of HTML, the markup language used for web pages, and CSS, which describes how HTML elements are displayed. Finally, it distinguishes between static websites that are difficult to update versus dynamic websites that are easier to update and collaborate on but more expensive to develop.
Introduction to web development
- 2. what is web? The World Wide Web , commonly known as the Web, is an information space where documents and other web resources are identified by Uniform Resource Locators (URLs, such as www.example.com), and are accessible via the Internet. The resources of the WWW may be accessed by users via a software application called a web browser.
- 3. what is browser? A browser is an application program that provides a way to look at and interact with all the information on the World Wide Web.
- 4. The Web Architecture GET data Here It Is Client Side Server Side
- 5. Server Side Server side creates the data and returns it to the client All server-side languages return the same result: HTML There are many languages...
- 6. Client Side Client side takes the data and renders it on screen Provides a UX around the data Can send data back to the server Browsers: IE, Chrome, Firefox, Safari
- 7. The Data Data is in a format called HTML (Hyper Text Markup Language) Invented by Tim Berners- Lee
- 8. The Data A browser renders HTML document on screen HTML is a tag-based language
- 9. HTML Syntax
- 10. HTML Example
- 11. Style CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed
- 12. CSS Syntax
- 13. CSS Example
- 14. static website VS dynamic website 1 2 Dynamic websiteStatic website
- 15. 1 Static Website : Advantages : Quick to develop. Cheap to develop. Cheap to host. Disadvantages : Requires web development expertise to update website. Content is static and can't be changed. Website not as useful for the user.
- 16. 2 Dynamic Website : Advantages : Much more functional website. Much easier to update. Can work as a system to allow staff or users to collaborate Disadvantages : Slower / more expensive to develop. Hosting costs a little more. New content brings people back to the site and helps in the search engines.
- 17. resources • W3 Schools: www.w3schools.com • Elzero Web School : https://www.youtube.com/channel/UCSNkfKl4cU-55Nm-ovsvOHQ
- 18. Thank You Fawaz