Verkot: internet ja HTML Jaana Holvikivi Metropolia

Internet Verkkojen verkko, jossa  jokaisella koneella yksilöivä osoite IP-numero (xxx.xxx.xxx.xxx)  ja toimijan osoite (kone.firma.maa)  hajautettu, ei minkään yksittäisen valtion/ yrityksen kontrolloitavissa  Sopimus koneiden välisestä tiedonsiirrosta TCP-IP, Transmission Control Protocol-Internet Protocol IP osoitteet   dynaamiset IP osoitteet Intranet/ Extranet  Yrityksen sisäinen/ yritysryhmän yhteinen Internet-teknologiaa hyödyntävä verkko  Lähiverkko eli LAN

Arpanet projekti Yhdysvalloissa Arpanet, Internet, InterNic

Vedenalaiset kaapelit

World Wide Web  WWW on CERNissä kehitetty järjestelmä:  HTTP protokolla ja HTML kuvauskieli  selaimia: Mozilla, Firefox, Netscape, Internet Explorer (Microsoft), Safari  URL (Uniform Resource Locator) WWW-dokumenttien paikantamisjärjestelmä domain-nimet, päätteet

Osoite: Uniform Resource Locator DomainName Directory Filename AccessMethodOrProtocol

comkaupallinenfiSuomi net"vapaa"seRuotsi orgyleishyöd. Yhteisö ukYhdistynyt kuningaskunta eduyliopisto (US)frRanska govhallitus (US)deSaksa milarmeija (US)noNorja intKv-yhteisöeeEesti info"vapaa" caKanada Domain-päätteet

Sähköposti   Viestin aihe ja  Sisältö  Vastausvaihtoehdot  Post Office Protocol Telecommuting To CC: and/or BCC:) SubjectMessage Attached file(s) Reply Reply to all Forward

HTML ja muut tärkeät standardit  HTTP (Hypertext Transfer Protocol) WWW-dokumenttien siirtojärjestelmä  HTTPS suojattu.  HTML (Hypertext Markup Language)  WWW-dokumenttien kuvauskieli. Uusin selaimiin sisällytetty standardi 4.01  XHTML - W3C recommendations 1.0 ja 1.1 perustuvat HTML 4.0:ään ja XML:ään  CSS (tyylit) ja lukuisia muita erityiskieliä

Selaimet ja HTML  Selaimet:  Internet Explorer 7  Firefox 3.0, (Mozilla)  Opera 9,  Safari 3.1 (nopein)  Lukevat HTML sivuja ja asettelevat sisällön näytölle  Tulkitsevat ohjelmia (Javascript, VBscript)  Huolehtivat tietoliikenteestä palvelimiin  Toimivat alustana plug-in apuohjelmille (Flash, media players)  Vaihtelua versiosta toiseen: ohjelmankehityksen haaste

Page requests on the Web Internet User workstation Browser: HTML, scripts Database server HTTP request Server HTML pages Program Server CGI HTTP: HTML pages PHP JavaASP SQL Oracle

Esimerkki HTML sivusta Tässä on sivulle tuleva teksti HTML perusrakenne

Esimerkki HTML sivusta HTML dokumentin otsikko Ja tässä taas tekstikappale. Ylläpitäjä JHH: 2007

Keskeisiä HTML - elementtejä linkki: Suuri hakukone Alku ja loppu elementti välilyönti attribuutti (lainausmerkeissä) kuva: alku ja loppu samassa (tyhjä elementti) välilyönnit, rivinvaihdot ja muu tyhjä tila jää pois

Taulukot solu cell 1 Säännöllisyys!!

Lomakkeet Kerro etunimi Choose a color Red Green Blue Two Four

HTML dokumentin sisältö  Jokaiselta sivulta tulisi ilmetä sen alkuperä:  Sivun tekijä (author), ja sivusta vastaava henkilö;  Sivuston yhteystiedot  Sivun luomispäivämäärä tai viimeisin päivitysajankohta  Sivun asiayhteys ja sen luokittelu,  yrityksen virallinen asiakirja, tuoteseloste, tms.,  yksityishenkilön sivu.  Ohjelmoinnin kannalta  selkeä rakenne: modulaarisuus  hyvin kommentoitu

Paikallinen levyasema Windows C:\ tai D:\Documents Palvelimen levyasema Linux tai Unix index.html sivu2.html index.html kuva1.jpg logo2.gif Käyttäjän kotihakemisto public_html Mail ja muut hakemistot Työasema Paikalliskäyttö: sivujen muokkaus FTP Internet-käyttö: WWW-sivujen katselu Kotisivujen luominen ja lähettäminen