Scribd Logo
Upload

Welcome to Scribd!

  • 2 1 1 Whatisawebpage

    Uploaded by

    api-245527343
    46 views10 pages

    Original Title

    2 1 1 whatisawebpage

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    46 views10 pages

    2 1 1 Whatisawebpage

    Uploaded by

    api-245527343

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 10

    Web Languages

    What Is a Web Page?

    Introduction to Computer Science 2015 Project Lead The Way, Inc.


    The Web Is Part of the Internet
    TCP/IP connects computers to create the
    Internet.
    All computers on the Internet have an IP
    address, e.g. 140.80.12.60. This address is
    used as the "To:" and "From:" address in
    TCP/IP.
    Some computers on the Internet are
    web servers, answering requests using the
    HTTP protocol.

    Introduction to Computer Science 2015 Project Lead The Way, Inc.


    Acronyms
    Protocols
    TCP = Transmission Control Protocol
    IP = Internet Protocol
    HTTP = Hypertext Transfer Protocol

    Languages
    HTML = Hypertext Markup Language
    CSS = Cascading Style Sheet

    Introduction to Computer Science 2015 Project Lead The Way, Inc.


    The Web Uses Client-Server Architecture
    Clients Server
    All computers have an All servers have an IP address.
    IP address e.g., pltw.org 190.93.241.249

    Many clients can initiate Server holds data and


    two-way communication web content

    Common clients: Common web server


    Firefox, Chrome, Safari program: Apache
    Introduction to Computer Science 2015 Project Lead The Way, Inc.
    The Web Uses Protocols
    IP Header

    TCP Header

    HTTP Header

    HTML Header

    HTML Body

    HTTP Body

    TCP Body

    IP Body

    Introduction to Computer Science 2015 Project Lead The Way, Inc.


    Web Content Is HMTL, CSS, JavaScript
    HTML: Marks up meaning of content
    CSS: Stylizes the content
    JavaScript: Makes the content interactive

    <HTML>
    <HEAD>
    <TITLE>Great web page</TITLE>
    </HEAD>
    <BODY>
    Some great content
    </BODY>
    </HTML>
    Introduction to Computer Science 2015 Project Lead The Way, Inc.
    HMTL: Elements Marked with Tags

    <HTML>
    <HEAD>
    <TITLE>Great web page</TITLE>
    </HEAD>
    <BODY>
    Some great content
    <IMG SRC="beauty.jpg">
    </BODY>
    </HTML>

    Introduction to Computer Science 2015 Project Lead The Way, Inc.


    HMTL Elements with Attribute=Value Pairs
    <!DOCTYPE html>
    <HTML>
    <HEAD>
    <TITLE>Great web page</TITLE>
    </HEAD>
    <BODY>
    Some great content
    <IMG SRC="beauty.jpg">
    </BODY>
    </HTML>

    Introduction to Computer Science 2015 Project Lead The Way, Inc.


    CSS: Styling a Page

    <HTML>
    <HEAD>
    <TITLE>Great web page</TITLE>
    </HEAD>
    <BODY style="color: #FF00FF">
    Some great content
    <IMG SRC="beauty.jpg">
    </BODY>
    </HTML>

    Introduction to Computer Science 2015 Project Lead The Way, Inc.


    Learning More
    W3C is the authority
    http://www.w3.org/

    W3Schools and many other organizations


    have learning resources
    http://www.w3schools.com/

    Introduction to Computer Science 2015 Project Lead The Way, Inc.

    You might also like