Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Page Designing


Published on

contains basics of web page designing , introduction to HTML CSS

Published in: Education
  • Be the first to comment

Web Page Designing

  1. 1. Web Page Designing Amit Mali Web Strategist and Trainer
  2. 2. What is Web Page a hypertext document connected to the World Wide Web.
  3. 3. What is a web browser a computer program with a graphical user interface for displaying HTML files, used to navigate the World Wide Web
  4. 4. What are Web Servers Web servers are computers that deliver (serves up) Web pages. Every Web server has an IP address and possibly a domain name
  5. 5. Types of Website ◦Static ◦Dynamic
  6. 6. Web Page Structure
  7. 7. Basic structure tags <!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
  8. 8. <!DOCTYPE> The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. Tip: Always add the <!DOCTYPE> declaration to your HTML documents, so that the browser knows what type of document to expect.
  9. 9. <html> The <html> tag tells the browser that this is an HTML document. The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <!DOCTYPE> tag).
  10. 10. <head> The <head> element is a container for all the head elements. The <head> element can include a title for the document, scripts, styles, meta information, and more. The following elements can go inside the <head> element: ◦ <title> (this element is required in an HTML document) ◦ <style> ◦ <link> ◦ <meta> ◦ <script> ◦ <noscript>
  11. 11. <title> The <title> tag is required in all HTML documents and it defines the title of the document. The <title> element: defines a title in the browser toolbar provides a title for the page when it is added to favorites displays a title for the page in search-engine results
  12. 12. <BODY> The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.
  13. 13. HTML Attributes •HTML elements can have attributes •Attributes provide additional information about an element •Attributes are always specified in the start tag •Attributes come in name/value pairs like: name="value" •Examples • <html lang= "en-US“ > • <p title= "About W3Schools“ > • <a href= "" >This is a link to amit mali’s website</a> • <img src= “demo.jpg " alt= "" width= "104" height= "142“ >
  14. 14. Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language
  15. 15. Syntax of CSS
  16. 16. Their are three ways to insert CSS External style sheet Internal style sheet Inline style