Download to read offline
Website/Web Applications / Static vs Dynamic Website / Web Browser /
- 1. Learn More andEnjoy More
- 2. Website/Web Applications • Websites/web applications are applications that are accessed via web browser. • Runs on a server called Web server. • Can be accessed using a Uniform Resource Locator. • A webpage is a document, typically written in plaint text interspersed with formatting instructions of Hypertext Markup Language. • It can contain text, images, or links etc.
- 3. Static vs DynamicWebsites
- 4. Static Websites – arethose in which the content of the webpages does not change very often. – No/Very less input from user. – Loads same content everytime the page is loaded. – The only way to change the content is that the programmer rewrites the contents.
- 5. Dynamic websites – Arethose in which the content of the webpage changes according to the input of user. – In these pages the content can change every time the page is loaded. – This kind of website is made in PHP, Java, .Net and etc.
- 6. Web Browsers • Itis a software for retrieving, presenting and traversing information on World Wide Web. • Acts as an interface between user and internet. • A browser is a software typically used to display HTML documents.
- 7. Web Server • Theterm Web Server refers to the hardware or the software that helps deliver the web content that can be accessed through the internet. • Web communication takes place between a client process(browser) and a server. • Web servers provide services over web. • If any client wants to access a service over internet, it should send a request to a server and server responds back to the request. • One of the services provided by a web server is HTTP data.
- 8. URL • Uniform ResourceLocator. • Also known as web address. • Used to identify each web page uniquely. • What we write in the address bar of a browser is called URL. • Starts with http or https.
- 9. HTTP • Hyper TextTransfer Protocol is a protocol responsible for transfer of web data over WWW. • Hypertext is structured text that uses hyperlinks between webpages containing text. • HTTP is the protocol to exchange or transfer hypertext. • HTTP functions as a request-response protocol in the client-server computing model. • Port used by this protocol is 80.
- 10. HTTPS • HTTP Secure. •Is a communication protocol for secure communication over WWW. • It is not actually a protocol, but is a result of layering HTTP over SSL. • Provides authentication of a website or web server, which protects against Man-in-the-middle attack. • Provides encryption of communication between client and server, which protects against eavesdropping and tampering.
- 11. Hosting a Website •To make your Web site visible to the world, it has to be hosted on a Web server.
- 12. Local Host • Localhost means this computer. • It is a hostname that the computer's software and users may employ to access the computer's own network services. • localhost resolves to the address 127.0.0.1 • The local loopback mechanism is useful for programmers to test software during development
- 13. Local Server • Localserver generally refers to a server running on the system in question. • It can be accessed at 127.0.0.1. • Used for testing purposes. • In real time scenario if one has to test the webpage or website they will have to upload it over a remote server(webserver) to test it, which takes a lot of time. • Local server provides this facility on the current computer only. • One can make a current computer a local server by installing Apache or IIS on their computers.
- 14. Advantages of aWeb Site • Business is open 24*7. • Increased Customer Base. • Tremendous cost saving- reduced man power and less resources. • Advertising opportunities. • Showcase your work.
- 15.
- 16. What is HTML( Hyper Text Markup Language )? • HTML is a markup language for describing web documents (web pages).
- 17. HTML Basic Tags •The basic tags include <html> , <title> , <meta> , and <body> . • <html>This tag is used to indicate that this is a HTML document. Most HTML documents should start and end with this tag. • <head>This tag is used to indicate the header section of the HTML document. • <title>This indicates the title of this HTML page. The title is what is displayed on the upper left corner of your browser when you view a web page. • <meta>The <meta> tag information is not directly displayed when the page is rendered on the browser. Rather, this is used for the author of the HTML page to record information related to this page. Two common attributes are name and content. The tag used to hold great importance in search engine optimization, with authors carefully drafting what's inside the tag to gain better search engine ranking. • <body>The <body> tag includes the HTML body of the document. Everything inside the <body> tag is displayed on the browser inside the main browser window.
- 18. HTML Basic TagsExample <html> <head> <title> Here is the title of the HTML document. </title> <meta name=" " content=" " /> ... (there may be one or more meta tags) </meta> </head> <body> Here is the body of the HTML document. </body> </html>
- 20. CSS (Cascading StyleSheets) • CSS handles the look and feel part of a web page. • Using CSS, you can control the color of the text, the style of fonts, • the spacing between paragraphs, • how columns are sized and laid out, • what background images or colors are used. • as well as a variety of other effects.
- 21. cascading style sheetsrules A property , which is the property of the selected element. A value ,which is specification for this property.
- 22. Type of StyleSheet • External Style Sheet <link rel=”stylesheet” type=”text/css” ref=“Path To stylesheet.css” /> • Internal Style Sheet <head> <style type="text/css"> body{ background-color:#999; } </style> </head>
- 23. Advantages of CSS •CSS saves time - You can write CSS once and then reuse same sheet in multiple HTML pages. • Pages load faster - If you are using CSS, you do not need to write HTML tag attributes every time. Just write one CSS rule of a tag and apply to all the occurrences of that tag. So less code means faster download times. • Easy maintenance - To make a global change, simply change the style, and all elements in all the web pages will be updated automatically. • Multiple Device Compatibility - Style sheets allow content to be optimized for more than one type of device. By using the same HTML document, different versions of a website can be presented for handheld devices such as PDAs and cell phones or for printing.
- 24.