Successfully reported this slideshow.

Web Page Authoring 1


Published on

Published in: Technology, Design
  • Be the first to comment

Web Page Authoring 1

  1. 1. Web Design [email_address] B080013 - NIIT Quang Trung 12/2007
  2. 2. Contents Web Page Authoring Slide Publish website Hyperlinks Formatting HTML Document Understanding HTML Introduction
  3. 3. What is web? <ul><li>What is a website? </li></ul><ul><ul><li>A collection of related web pages  </li></ul></ul><ul><li>What is a web page? </li></ul><ul><ul><li>A single page that contains text, graphics, multimedia, links, forms, tables, … </li></ul></ul>Web Page Authoring Slide
  4. 4. How to design a good site? <ul><li>Identify Your Audience  </li></ul><ul><li>Contents  </li></ul><ul><li>Navigation  </li></ul><ul><li>Keywords  </li></ul><ul><li>Download Speed  </li></ul><ul><li>Browser Compatibility </li></ul>Web Page Authoring Slide
  5. 5. Understanding HTML <ul><li>HTML: </li></ul><ul><ul><li>Is a collection of platform-independent styles used to create a Web document or a Web page. </li></ul></ul><ul><ul><li>Tim Berners Lee designed the original HTML document in 1990. </li></ul></ul><ul><ul><li>The World Wide Web Consortium (W3C) is the standards organization that controls the various versions of HTML. </li></ul></ul>Web Page Authoring Slide
  6. 6. Understanding HTML (cont.) <ul><li>Features of HTML: </li></ul><ul><ul><li>Create a Web page using tags. </li></ul></ul><ul><ul><li>Use graphics and display text in different fonts, sizes, and color. </li></ul></ul><ul><ul><li>Enhance the presentation of the document using HTML elements. </li></ul></ul><ul><ul><li>Create hyperlinks to navigate to different documents present on the Web. </li></ul></ul><ul><ul><li>Display data in a tabular format. </li></ul></ul><ul><ul><li>Create multiple windows in a Web page to display information from multiple sources in different windows </li></ul></ul><ul><ul><li>… </li></ul></ul>Web Page Authoring Slide
  7. 7. Understanding HTML (cont.) <ul><li>Structure of an HTML Document </li></ul><ul><ul><li>An HTML document can be created by combining various tags. </li></ul></ul><ul><ul><li>Tags are special markup codes enclosed in angle brackets that define the structure of the HTML document. </li></ul></ul><ul><ul><li>An HTML document contains the following structural tags: </li></ul></ul><ul><ul><ul><li><!DOCTYPE> </li></ul></ul></ul><ul><ul><ul><li><HTML> </li></ul></ul></ul><ul><ul><ul><li><HEAD> </li></ul></ul></ul><ul><ul><ul><li><BODY> </li></ul></ul></ul><ul><ul><ul><li><SCRIPT> </li></ul></ul></ul>Web Page Authoring Slide
  8. 8. Understanding HTML (cont.) <ul><li>Some meta tags </li></ul><ul><ul><li><meta name=&quot;keywords&quot; content=&quot;web&quot; /> </li></ul></ul><ul><ul><li><meta name=&quot;description&quot; content=&quot;web page authoring demo&quot; /> </li></ul></ul><ul><ul><li><meta http-equiv=&quot;refresh&quot; content=&quot;5;URL=product.html&quot; /> </li></ul></ul>Web Page Authoring Slide
  9. 9. Understanding HTML (cont.) <ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;;> </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8“ /> </li></ul><ul><li><title>Web page authoring</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>Web Page Authoring Slide
  10. 10. Formatting HTML Document <ul><li>The block level tags are: </li></ul><ul><ul><li>Paragraph tag: <p> </li></ul></ul><ul><ul><li>Line Break tag: <br /> </li></ul></ul><ul><ul><li>Horizontal Rule tag: <hr> </li></ul></ul><ul><ul><li>Heading tags: <h1> to <h6> </li></ul></ul><ul><ul><li>Primitive Formatting tag: <pre> </li></ul></ul><ul><ul><li>Blockquote tag: <blockquote> </li></ul></ul><ul><ul><li>Center tag: <center> </li></ul></ul>Web Page Authoring Slide
  11. 11. Formatting HTML Document (cont.) <ul><li>The text level tags are: </li></ul><ul><ul><li><font> tag </li></ul></ul><ul><ul><li><b>, <strong> tag </li></ul></ul><ul><ul><li><i>, <em> tag </li></ul></ul><ul><ul><li><u> tag </li></ul></ul><ul><ul><li><sub> and <sup> tags </li></ul></ul><ul><ul><li><strike> tag </li></ul></ul>Web Page Authoring Slide
  12. 12. Formatting HTML Document (cont.) <ul><li>List tags: </li></ul><ul><ul><li>are compound, block level tags, commonly used in HTML documents. </li></ul></ul><ul><ul><li>have some attributes that enable you to manipulate the appearance of the lists and in turn the appearance of the Web page. </li></ul></ul><ul><ul><li>can be nested. </li></ul></ul><ul><li>The various types of lists used in HTML are: </li></ul><ul><ul><li>Ordered or numbered lists </li></ul></ul><ul><ul><li>Un-ordered or bulleted lists </li></ul></ul><ul><ul><li>Definition lists </li></ul></ul>Web Page Authoring Slide
  13. 13. Formatting HTML Document (cont.) <ul><li>Special characters: </li></ul><ul><ul><li>Line break </li></ul></ul><ul><ul><li>Non-breaking space </li></ul></ul><ul><ul><li>Copyright </li></ul></ul><ul><ul><li>Registered </li></ul></ul><ul><ul><li>Trademark </li></ul></ul><ul><ul><li>Less than </li></ul></ul><ul><ul><li>Greater than </li></ul></ul><ul><ul><li>… </li></ul></ul>Web Page Authoring Slide
  14. 14. Hyperlinks <ul><li>Hyperlinks </li></ul><ul><li>Email link </li></ul><ul><li>Named anchor </li></ul>Web Page Authoring Slide
  15. 15. Publish your website <ul><li>Domain name </li></ul><ul><li>Hosting service </li></ul><ul><li>Upload your file using FTP or web interface </li></ul>Web Page Authoring Slide
  16. 16. Naming Convention <ul><li>Naming conventions are set of rules followed for naming Web pages. </li></ul><ul><li>Hosting service providers have their own set of conventions. </li></ul><ul><li>Some of the common default file names for home pages are: </li></ul><ul><ul><li>index.html/ index.htm </li></ul></ul><ul><ul><li>default.html/ default.htm </li></ul></ul><ul><ul><li>welcome.html/ welcome.htm </li></ul></ul><ul><ul><li>home.html/ home.htm </li></ul></ul>Web Page Authoring Slide
  17. 17. Summary Web Page Authoring Slide
  18. 18. Q&A <ul><li>Feel free to post questions at . </li></ul><ul><li>or email to: [email_address] </li></ul>Web Page Authoring Slide
  19. 19. Thank You !