introduction - web programming

Upload: shenn-balcera

Post on 05-Apr-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/31/2019 Introduction - Web Programming

    1/20

  • 7/31/2019 Introduction - Web Programming

    2/20

    Internet

    A worldwide collection of interconnected

    computers whose users can communicate

    with each other and share information.

    Computers that are linked together form a

    network.

  • 7/31/2019 Introduction - Web Programming

    3/20

  • 7/31/2019 Introduction - Web Programming

    4/20

    What is World Wide Web?

    Part of the Internet where computers

    communicate with each other using a

    computer-network protocol called HTTP.

    It supports multimedia and consists of a

    collection of linked documents called WebPages.

  • 7/31/2019 Introduction - Web Programming

    5/20

    What is World Wide Web?

    A hyperlink, also called a link, is used toconnect a Web page to another Web

    page.

    A Web site is a collection of Web pages.

  • 7/31/2019 Introduction - Web Programming

    6/20

    Components of WWW

    Web Server

    The computer that stores the Web document

    that users access.

    Web Browser

    The software program that accesses the Web

    document and displays its content on the

    users computer.

  • 7/31/2019 Introduction - Web Programming

    7/20

    How Does World Wide Web Works?

    The World Wide Web is a network of

    thousands of computers, all of which fall

    neatly into two categories: clients and

    servers.

    Servers store information and processrequests from clients.

    Clients make requests for informationand display that information to end users.

  • 7/31/2019 Introduction - Web Programming

    8/20

    How Does World Wide Web Works?

    History of Internet

    History of Internet

    (HTML Format)

  • 7/31/2019 Introduction - Web Programming

    9/20

    Uniform Resource Locator

    URL is a Web address.

    URLs are used by Web browsing software

    to locate and access information on the

    World Wide Web.

    Ex:

    http://www.sti.edu/schools/campuses.htmlProtocol Domain Directory File

  • 7/31/2019 Introduction - Web Programming

    10/20

    Parts of the URL

    Protocol the way in which page isaccessed. Ex. http, ftp

    Host Name the system on the Internetwhere the information is stored.Ex.www.netcom.com

    Directory the location of the file or otherform of information on the host.

    http://www.netcom.com/http://www.netcom.com/
  • 7/31/2019 Introduction - Web Programming

    11/20

    W3C

    World Wide Web Consortium

    W3C is working to Standardize the Web

    W3C creates and maintains WWWStandards

  • 7/31/2019 Introduction - Web Programming

    12/20

    HTML

    HTML stands forHyperText Markup Language Hyperrefers to creating linked and nonlinear

    structures of information.

    Textrefers to the words on the computer screen that

    we are marking up. Markupis the process of preparing the text to define

    how it displays when viewed as pages on the WWW

    by marking them with formatting directions conveyed

    by notations called tags. (TAGS) Languageis a system of signs used for

    communicationwritten and oral.

  • 7/31/2019 Introduction - Web Programming

    13/20

  • 7/31/2019 Introduction - Web Programming

    14/20

    Basic HTML Structure

    My HTML Document

  • 7/31/2019 Introduction - Web Programming

    15/20

    Types of HTML Tags

    Container tags

    have both an opening and a closing and are

    used to surround the text within your

    document for presentation by the tag.

    Empty tags

    use only an opening and tell the browser to

    perform an instruction such as breaking to thenext line, inserting a horizontal line or

    inserting an image.

  • 7/31/2019 Introduction - Web Programming

    16/20

    Headings

  • 7/31/2019 Introduction - Web Programming

    17/20

    Paragraph

    One of the most commonly used tags in

    HTML is the paragraph marker, which is

    used to break apart blocks of text into

    separate paragraphs.

    Ex:

    Your Paragraph

  • 7/31/2019 Introduction - Web Programming

    18/20

    Line Break

    Line breaks allow you to decide where the

    text will break on a line or continue to the

    end of the window.

    Ex:

    This is the first paragraph, at the very beginning of the body

    of this document.
    The tag above signals the start ofthis second paragraph.

  • 7/31/2019 Introduction - Web Programming

    19/20

    Horizontal Rule

    The element causes the browser to

    display a horizontal line (rule) in your

    document.

    This text is directly above the rule.

    And this text is immediately below.

  • 7/31/2019 Introduction - Web Programming

    20/20

    Attributes