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

Web Page Authoring 1

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