Scribd Logo
Upload

Welcome to Scribd!

  • Internet Technology I: Lecture

    Uploaded by

    كرمال عيونك
    31 views20 pages

    Original Title

    DOC-20200303-WA0014

    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

    Copyright:

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

    Internet Technology I: Lecture

    Uploaded by

    كرمال عيونك

    Copyright:

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

    Internet Technology I

    Lecture (1)
    By : T.Ammar Hashim Mohammed
    Terms & Definitions
    • Internet : the network of networks connected
    via the public backbone and communicating
    using TCP/IP communication protocol
    • Web : is graphical, interactive , dynamic ,
    Cross platform, hypertext information System
    runs over the internet.
    Web is client/server application consist of :
     web server
     web browser (web client)
     web protocol ( HTTP )
     web page/ web site
    • Web browser is a client program that displays
    the requested web page to the user.
    • Web server is a server program that hosts
    web sites and responsible for replying to web
    browser request.
    • Web hosting is the service that provides space
    on the Internet(web server ) for websites
    • Web Protocol (HTTP): Hypertext transfer
    Protocol is created specially for the request
    and transfer of hypertext document over the
    web.
    :HTTP (HyperText Transfer Protocol)
    .User request document from browser
    1

    BROWSER
    6 .Display web page
    USER
    5
    .Send request
    .Send request . Send response
    3

    .Open connection of web server


    WEB SERVER

    4 .Searching for the document

    5
    Web page
    • Web page is a file contain text, image, videos and
    links to other documents. written in a language
    called Hypertext Markup language(HTML).
    • Web site A collection of web pages connected
    (linked) by Hypertext clickable links.
    • Each page/site has unique address called uniform
    resource locator (URL).

    URL
    components
    Type of web page (web Site):
     Static ( HTML, CSS, javascript )
     Dynamic ( PHP , ASP , JSP )
     Interactive

    Type of web language


     Mark up language ( HTML, CSS, javascript )
     Scripting language ( PHP , ASP , JSP )
    Static and Dynamic Web pages
    • "Static" means unchanged or constant, while
    "dynamic" means changing or lively.
    • Static Web pages contain the same prebuilt
    content each time the page is loaded, while
    the content of dynamic Web pages can be
    generated on-the-fly.
    Client-side & Server-Side
    • Client-side scripting — which includes HTML
    and CSS — is any code that runs within a web
    browser.
    • Server-side scripting simply refers to any code
    that make the transfer of data from that web
    server to a browser easy or easier.
    • It also refers to any code used to build a
    database or manage data on the web server
    itself.
    • With HTML you can create your own Web site.
    • HTML is easy to learn - You will enjoy it.
    HTML Introduction
    HTML is a markup language for describing web
    documents (web pages).
    • HTML stands for Hyper Text Markup Language
    • A markup language is a set of markup tags
    • HTML documents are described by HTML tags
    • Each HTML tag describes different document content
    HTML Tags

    HTML tags are keywords (tag names)


    surrounded by angle brackets:
    <tagname>content</tagname>
    • HTML tags normally come in pairs like <p> and </p>
    • The first tag in a pair is the start tag(opening
    tag), the second tag is the end tag(closing tag)
    HTML Page Structure

    Only the <body> area (the white area) is displayed by the browser.
    Description Tag

    declaration helps the browser to display a web page correctly. 1- <!DOCTYPE html>

    describes an HTML document 2- <html> and </html> 

    contains meta data. Meta data are not displayed. HTML meta 3- <head> and </head>
    data is data about the HTML document.
     defines the HTML document's title. displayed in the browser 4- <title> and </title>
    tab.
    describes the visible page content 5- <body> and </body>

    describes a heading 6- <h1> and </h1>

    describes paragraph 7- <p> and </p>


    HTML Versions
    Web Browsers
    • The purpose of a web browser (Chrome, IE, Firefox,
    Safari) is to read HTML documents and display them.
    • The browser does not display the HTML tags, but
    uses them to determine how to display the
    document:
    HTML Editors
    Write HTML Using Notepad or TextEdit
    • HTML can be edited by using a professional HTML editor like:
    • Adobe Dreamweaver
    • Microsoft Expression Web
    • CoffeeCup HTML Editor
    However, for learning HTML we recommend a text editor
    like Notepad (PC) or TextEdit (Mac).
    We believe using a simple text editor is a good way to
    learn HTML.
    STEPS below to create your first web page 4
    with Notepad
    • Step 1: Open Notepad
    • Step 2: Write Some HTML
    • Step 3: Save the HTML Page

    •
    • UTF-8 is the preferred encoding for HTML files.
    • ANSI encoding covers US and Western European characters only.
    • You can use either .htm or .html as file extension. There is no difference, it
    is up to you.
    • Step 4: View HTML Page in Your Browser

    • To open a file in a browser, double click on the file, or right-click, and choose open with.

    End of lecture (1)

    You might also like