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? <ul><li>What is a website? </li></ul><ul><ul><li>A collection of  related  web pages  </li></ul></ul><ul><li>...
How to design a good site? <ul><li>Identify Your Audience  </li></ul><ul><li>Contents  </li></ul><ul><li>Navigation  </li>...
Understanding HTML <ul><li>HTML: </li></ul><ul><ul><li>Is a collection of platform-independent styles used to create a Web...
Understanding HTML (cont.) <ul><li>Features of HTML: </li></ul><ul><ul><li>Create a Web page using tags.  </li></ul></ul><...
Understanding HTML (cont.) <ul><li>Structure of an HTML Document </li></ul><ul><ul><li>An HTML document can be created by ...
Understanding HTML (cont.) <ul><li>Some meta tags </li></ul><ul><ul><li><meta name=&quot;keywords&quot; content=&quot;web&...
Understanding HTML (cont.) <ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://w...
Formatting HTML Document <ul><li>The block level tags are: </li></ul><ul><ul><li>Paragraph tag: <p>  </li></ul></ul><ul><u...
Formatting HTML Document (cont.) <ul><li>The text level tags are: </li></ul><ul><ul><li><font> tag </li></ul></ul><ul><ul>...
Formatting HTML Document (cont.) <ul><li>List tags: </li></ul><ul><ul><li>are compound, block level tags, commonly used in...
Formatting HTML Document (cont.) <ul><li>Special characters: </li></ul><ul><ul><li>Line break </li></ul></ul><ul><ul><li>N...
Hyperlinks <ul><li>Hyperlinks </li></ul><ul><li>Email link </li></ul><ul><li>Named anchor </li></ul>Web Page Authoring Sli...
Publish your website <ul><li>Domain name </li></ul><ul><li>Hosting service </li></ul><ul><li>Upload your file using FTP or...
Naming Convention <ul><li>Naming conventions are set of rules followed for naming Web pages. </li></ul><ul><li>Hosting ser...
Summary Web Page Authoring Slide
Q&A <ul><li>Feel free to post questions at  http://yht4ever.blogspot.com . </li></ul><ul><li>or email to:  [email_address]...
http://yht4ever.blogspot.com Thank You !
Upcoming SlideShare
Loading in …5
×

Introduction to HTML

1,398 views

Published on

Web Page Authoring

Published in: Technology, Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,398
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
75
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • Introduction to HTML

    1. 1. Web Design http://yht4ever.blogspot.com [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;http://www.w3.org/TR/html4/loose.dtd&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 http://yht4ever.blogspot.com . </li></ul><ul><li>or email to: [email_address] </li></ul>Web Page Authoring Slide
    19. 19. http://yht4ever.blogspot.com Thank You !

    ×