Scribd Logo
Upload

Welcome to Scribd!

  • Chapter 1

    Uploaded by

    Mohammed Omrun
    31 views20 pages
    Chapter 1 for Intro to Internet

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Chapter 1 for Intro to Internet

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    31 views20 pages

    Chapter 1

    Uploaded by

    Mohammed Omrun
    Chapter 1 for Intro to Internet

    Copyright:

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

    INTRODUCTION TO THE INTERNET

    WEEK 1
    INTRODUCTION TO THE INTERNET & HTML

    Dr. Stephanos Mavromoustakos


    Learning Objectives
    This week, students should be able to:
    Explain how the Internet works
    Describe some of the underlying technologies of
    the Internet and the World Wide Web
    Apply HTML code for designing basic HTML
    pages

    2
    What is the Internet?
    The Internet is the global system of interconnected
    computer networks that use the Internet protocol
    suite (TCP/IP) to link devices worldwide. It is a network of
    networks that consists of private, public, academic,
    business, and government networks of local to global
    scope

    Source: Wikipedia - https://en.wikipedia.org/wiki/Internet

    3
    What is the Internet?

    Source: Wikipedia - https://en.wikipedia.org/wiki/File:Internet_map_1024.jpg

    4
    What is the World Wide Web?
    The World Wide Web (WWW, or simply Web) is an
    information space in which the items of interest, referred to
    as resources, are identified by global identifiers called
    Uniform Resource Identifiers (URI)

    Source: W3C Consortium https://www.w3.org/TR/webarch/

    By Tim Berners-Lee in 1989 while employed at CERN


    1st Web browser, Web page and server.
    1st specifications for HTML, HTTP, and URL

    5
    How Big is the Internet?

    Source: Internet Live Stats - http://www.internetlivestats.com/


    6
    Interconnected? How?
    Submarine cables

    7
    History of the Internet
    1960s
    US DoD
    UNIVAC 1
    ARPANET (DoD & Universities)
    TCP/IP
    Email
    FTP
    Etc

    8
    How the Internet Works
    YouTube video
    https://www.youtube.com/watch?v=7_LPdttKXPc

    9
    Key Terms and Concepts
    Internet
    World Wide Web
    History of Internet
    DARPA
    ARPANET
    TCP/IP
    How the Internet Works - Transfer of Data
    Who owns the Internet
    Organizations (IETF, W3C, ICANN)

    10
    Required Readings & Viewings
    1. History of the Internet (video) -
    https://www.youtube.com/watch?v=9hIQjrMHTv4
    Key Terms: DARPA, ARPANET, Internet, TCP/IP

    2. How the Internet Works in 5 Minutes (video)


    https://www.youtube.com/watch?v=7_LPdttKXPc
    Key Terms: How the Internet Works - Transfer of Data

    3. About Internet Internet Society - http://www.internetsociety.org/internet


    Key Terms: Who owns the Internet, Organizations (IETF, W3C, ICANN)

    11
    Additional Resources
    1. Internet Live Stats - http://www.internetlivestats.com/

    2. Internet Revealed. The Euro-IX Movie (video)


    https://www.youtube.com/watch?v=cpAUedhcjAY

    3. What is the Internet really? Andrew Blum - (video) -


    https://www.youtube.com/watch?v=XE_FPEFpHt4

    4. A Brief History of NSF and the Internet NSF


    https://www.nsf.gov/od/lpa/news/03/fsnsf_internet.htm

    5. How the Internet came to be


    http://www.netvalley.com/archives/mirrors/cerf-how-inet.html

    12
    Practical - HTML
    HTML HyperText Markup Language
    HMTL5 version latest
    Remember Flash?

    HTML describes the structure of Web pages using markup


    HTML elements are represented by tags
    Browsers do not display the HTML tags, but use them to render the
    content of the page

    13
    Your First Webpage

    HTML tags are element names surrounded by angle brackets and


    they normally come in pairs e.g. <h1> content </h1>
    The difference is that the ending tag has a forward slash

    14
    Example Explained
    <!DOCTYPE html> - it represents the document type, and helps
    browsers to display web pages correctly. Not case sensitive,
    <html> - Indicates the root element of an HTML page
    <head> - Includes meta information about the document
    <title> - The page title
    <body> - The content within the <body> tag is visible in the browser
    <h1> - Indicates a large heading. <h6> is a small heading
    <p> - Indicates a paragraph

    15
    Lets Do it!
    Open Notepad++ (WIN), or TextEdit (MAC)
    Type the previous code
    Save it as index.html (Hyper Text Markup Language)
    Index is the homepage of a website so users when they call that file do not
    need to type the filename (index.html). For example:
    http://www.uwindsor.ca/ and http://www.uwindsor.ca/index.html is the same
    homepage
    Download and install an FTP (File Transfer Protocol) program e.g. Filezilla
    https://filezilla-project.org/
    Connect to your web hosting space at electon.cs.uwindsor.ca
    Transfer the file from your computer to the hosting server
    Open your browser and see your first webpage.
    * The next slides explains how to connect to the server and transfer your html file
    using Filezilla. After you install the software, open it and follow the instructions as
    shown in the next slides.

    16
    Click: File->Site Manager
    17
    Click: New Site->(give it a name e.g. Electron205). Enter the Host,
    Protocol, Type, your User and Password as you see on the right
    hand side. When done, click Connect

    18
    Once youre connected you will be in your webhome.
    This is your web hosting space.
    Then simply find and drag your html file from left (your
    PC) to the right (online server/your hosting space)

    19
    Once you transferred the file(s) go to your webpage
    (electron.cs.uwindsor.ca/~YourUsername)
    If everything went well, you should be able to see your webpage.
    Every time you are uploading a file to your web space you will need
    to refresh your browser to overwrite the current page.
    PC: View/Refresh or just press F5.
    Mac: Command + R

    Congratulations! You just created your first webpage.

    20

    You might also like