2 Html Intro


Published on

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • 2 Html Intro

    1. 1. Web Terminology Presented by: Dawn Rauscher September 9, 2008
    2. 2. Discussion Topics <ul><li>What is HTML? </li></ul><ul><li>Web Browsers </li></ul><ul><li>URL </li></ul><ul><li>HTML Terminology </li></ul><ul><li>File Transfer Protocol (FTP) </li></ul><ul><li>Questions & Answers </li></ul>
    3. 3. <ul><li>Portable across platforms </li></ul><ul><li>Write the code in a document using a text-editor program </li></ul><ul><li>View the page in a browser </li></ul><ul><li>In Dreamweaver choose Code view to view the HTML code </li></ul>XHTML ( Hyper Text Markup Language)
    4. 4. The World Wide Web <ul><li>Purpose for Communication </li></ul><ul><li>Internet is vast network that connects computers all over the world </li></ul><ul><li>World Wide Web </li></ul><ul><ul><li>1990 & 1991 was created by Tim Berners-Lee </li></ul></ul><ul><ul><li>( WWW ). A hypermedia-based system for browsing Internet sites. It is named the Web because it is made of many sites linked together; users can travel from one site to another by clicking on hyperlinks. Text, graphics, sound, and video can all be accessed with browsers like Mosaic, Netscape, or Internet Explorer. </li></ul></ul>
    5. 5. Browsers <ul><li>Which one should I use? </li></ul><ul><li>1994 Netscape released Navigator </li></ul><ul><li>Navigator controlled 75% of the market </li></ul><ul><li>1996 Microsoft came out with Explorer and the wars began </li></ul><ul><li>Browser Statistics </li></ul><ul><li>When developing Web pages -- it is very important to check </li></ul><ul><li>Your web sites in as many browsers as possible. </li></ul>Is one better than the other?
    6. 6. Browsers Worth Noting <ul><li>There is more to the web than Internet Explorer! </li></ul><ul><li>Amaya – http://www.w3.org/amaya </li></ul><ul><li>Firefox – http://www. mozilla . com/en-US/firefox/ </li></ul><ul><li>Opera – http://www.opera.com </li></ul><ul><li>Safari – Default browser for Mac OS X </li></ul><ul><li>Konqueror – Free browser and file manager for Linux </li></ul><ul><li>OmniWed – Browser for Mac OS X that costs a small fee </li></ul><ul><li>I have added these browsers to our delicious account </li></ul>
    7. 7. HTML <ul><li>Hypertext Markup Language </li></ul><ul><li>XHTML is a simple language </li></ul><ul><ul><li>Used to create Web pages that appear on World Wide Web </li></ul></ul><ul><ul><li>Based on an older language </li></ul></ul><ul><ul><ul><li>SGML: Standard Generalized Markup Language </li></ul></ul></ul><ul><li>HTML originally designed to define elements in a document independent of how they would appear </li></ul><ul><li>XHTML now capable of defining how elements should appear in a browser </li></ul>
    8. 8. Cascading Style Sheets (CSS) <ul><li>HTML lacks a proper means of influencing the display of content - It was intended to provide structure. </li></ul><ul><li>CSS was introduced in the late 1990’s </li></ul><ul><li>CSS describes how HTML documents should be visually presented while leaving the structural markup clean and meaningful. </li></ul>
    9. 9. Benefits of CSS <ul><li>Style sheets can be applied to any HTML document adding an attractive layer of visual design </li></ul><ul><li>Separating content from presentation allows both aspects to become stronger and more adaptable. </li></ul><ul><li>An entire Web site can be redesigned by changing a single style sheet </li></ul><ul><li>Today’s browsers support CSS! </li></ul>
    10. 10. URL (Uniform Resource Locator) <ul><li>Internet Address of a resource </li></ul><ul><li>The address that allows a web-connected device to locate a specific file on a specific server in order to download and display it to the user. </li></ul><ul><li>Protocol://domain name/path/filename </li></ul>Yahoo URL – http://www.yahoo.com Protocol Domain Name
    11. 11. <ul><li>First part of the URL </li></ul><ul><li>Describes the format of the information accessed from the Internet </li></ul><ul><ul><li>http: (links that point to other web pages) </li></ul></ul><ul><ul><li>file: (file you want browser to read) </li></ul></ul><ul><ul><li>ftp: (download or copy a file to a computer) </li></ul></ul><ul><ul><li>mailto: (Start a mail program) </li></ul></ul><ul><ul><li>telnet: (login remotely to a specified computer) </li></ul></ul>URL (Uniform Resource Locator)
    12. 12. Domain Name <ul><li>Second Part of the URL </li></ul><ul><li>Physical location of the file or resource </li></ul><ul><li>IP Address – </li></ul><ul><li>Domain Name – yahoo.com </li></ul><ul><li>Domain Name Server (DNS) will translate domain name into the IP address </li></ul>
    13. 13. Domain Name Extensions <ul><li>.edu - Education </li></ul><ul><li>.com - Commercial </li></ul><ul><li>.gov - Government </li></ul><ul><li>.org – Nonprofit Organization </li></ul><ul><li>.net – Usually an ISP </li></ul>
    14. 14. New Extensions <ul><li>.aero – Air Transport Industry </li></ul><ul><li>.biz – Business </li></ul><ul><li>.coop – Cooperatives </li></ul><ul><li>.info – Unrestricted </li></ul><ul><li>.museum – Museums </li></ul><ul><li>.name – Personal Applications </li></ul><ul><li>.pro – Professionals such as accountants, doctors, and lawyers </li></ul>
    15. 15. Path and FileName <ul><li>Example – </li></ul><ul><li>http://home1.fvcc.edu/~drausche/cmpa270/calendar.htm </li></ul>
    16. 16. Basic HTML Syntax <ul><li>HTML documents are text documents </li></ul><ul><ul><li>Contain formatting instructions, called tags </li></ul></ul><ul><li>All HTML documents must use the <html> element as the root element </li></ul><ul><li>A root element contains all the other elements in a document </li></ul><ul><li>Opening and closing <html>...</html> tags are required </li></ul><ul><li>Two other important HTML elements are the <head> element and the <body> element </li></ul>
    17. 17. Basic Syntax
    18. 18. Attributes <ul><li>Empty or starting container tags can contain attributes, which modify the related tag </li></ul><ul><li>Example: <p align= &quot; right &quot; > </li></ul><ul><li>Default values – used if attribute not specified </li></ul><ul><li>Example: <p> </li></ul>
    19. 19. HTML Example <ul><ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; </li></ul></ul><ul><ul><li>&quot;http://www.w3.org/TR/html401/loose.dtd&quot;> </li></ul></ul><ul><ul><li><html> </li></ul></ul><ul><ul><li><head> </li></ul></ul><ul><ul><li><title>Welcome to My Web Site!</title> </li></ul></ul><ul><ul><li></head> </li></ul></ul><ul><ul><li><body> </li></ul></ul><ul><ul><li><h1>Dawn Rauscher</h1> </li></ul></ul><ul><ul><li> <p> </li></ul></ul><ul><ul><li> I teach at FVCC </li></ul></ul><ul><ul><li></p> </li></ul></ul><ul><ul><li></body> </li></ul></ul><ul><ul><li></html> </li></ul></ul>
    20. 20. How do you buy a domain name? <ul><li>Go Daddy </li></ul><ul><li>Dot Easy </li></ul>
    21. 21. Questions?