1 / 21

Internetiniai puslapiai, HTML pagrindai

Internetiniai puslapiai, HTML pagrindai. Įvadas.

lynn
Télécharger la présentation

Internetiniai puslapiai, HTML pagrindai

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Internetiniai puslapiai, HTML pagrindai

  2. Įvadas Hipertekstinės technologijos darosi vis aktualesnės netik informatikos specialistams, bet ir visiems informacinės visuomenės nariams. Kiekviena įstaiga, firma nori (ir gali) turėti savo internetinę svetainę. Gana greitai auga ir asmeninių puslapių skaičius. Šiuo metu yra nemažai priemonių kurti internetinius puslapius - pradedant nuo paprasčiausių html puslapių iki asp, php, flash technologijų.

  3. Pagrindinės hiperteksto charakteristikos — tai nuorodos ir rodmenys. Perėjimas į kitus hiperteksto dokumentus ar į kitas esamo dokumento dalis vyksta naudojantis nuorodomis, kurios daugumoje atvejų būna tekstinės, tačiau gali būti pateiktos grafiškai, t.y. surištos su grafiniu elementu, sudėtos į kokią tai schemą ar „žemėlapį“. Nuorodos gali nukreipti ir į bylas su garsais, animacija, video. Pagal tai, iš kokių informacijos vienetų — informacijos srauto dalies telpančios kompiuterio ekrane, (teksto, garso, grafikos ir kt.) yra sudaryti hipertekstiniai dokumentai, jie yra skirstomi į tekstinius, grafinius, animacinius, vaizdo, garso ir kt.

  4. Hipertekstinio dokumento struktūra Hipertekstinį dokumentą sudaro tokios pagrindinės dalys: 1. Antraštė, kurioje nurodomas hipertekstinio dokumento pavadinimas. 2. Pagrindinė dokumento dalis (peržiūros programos langas), kurį gali sudaryti: • aktyvus tekstas (nuoroda) ir neaktyvus tekstas (visas kitas tekstas); • neaktyvi grafika (statiška ir dinamiška: nejudantys ir judantys paveiksliukai, žemėlapiai ir kt.) ir aktyvi grafika (statiška ar dinamiška nuoroda); • tekstinio dialogo langas – sritis hipertekstiniame dokumente, kuriame galima vykdyti duomenų paiešką, pildyti duomenų bazes, rinktis alternatyvius peržiūros būdus, atsakyti į pateiktus klausimus ir pan.; • fonas, kuris gali būti tuščias, spalvotas, grafinis ar įgarsintas.

  5. Antraštė Neaktyvi ir aktyvi grafika Fonas Neaktyvus tekstas Pagrindinė dokumento dalis Aktyvus tekstas Tekstinio dialogo langas Hipertekstinių dokumentų rūšys

  6. Internetinių puslapių kūrimas Internetinį puslapį galima kurti keliais būdais: 1.Naudojant, pvz., programą Notepad, kurioje rašome gryną HTML tekstą nuo pradžios iki pabaigos. Failą saugome kaip tekstinį su plėtiniu htmarba html. 2.Sukuriame failą, pvz., su Microsoft Word, Microsoft Excel ar Microsoft PowerPoint, jį išsaugome, kaip Web puslapį, jei reikia pakoreguojame HTML tekstą. 3.HTML failus kuriame naudojantis specializuotais redaktoriais, kuriuos aptarsime.

  7. Interneto puslapiųkūrimo programinės įrangos apžvalga • Adobe PageMill 3.0 • CoffeeCup HTML Editor • Macromedia Dreamweaver MX • Microsoft FrontPage • Allaire Homesite • Claris HomePage • HotDog Pro 7.03

  8. HTML HTML (Hypertext Markup Language) – tai hiperteksto žymėjimo kalba Internetinių puslapių kūrimui naudojama standartinė HTML kalba. Šia kalba parašyta dauguma Web dokumentų. HTML sudaro teksto formatavimo priemonės, hipernuorodos, grafika ir informacijos peržiūros išorinės priemonės.

  9. HTML redaktoriai Programinės įrangos rinka siūlo milžinišką HTML redaktorių pasirinkimą. Egzistuoja trijų tipų HTML redaktoriai: 1. Text tipo redaktoriai 2. Toolbar tipo redaktoriai 3. WYSIWYG tipo redaktoriai

  10. HTML pagrindai Kiekvieno tinklapio komandų struktūra yra griežtai apibrėžta ir praktiškai nekintama. Kiekviena komanda rašoma <> skliaustuose ir nusako tam tikrą tinklapio struktūrinį elementą. Kiekvienas HTML kalbos elementas sudarytas iš pradinio elemento <direktyvos_vardas>, o pabaigoje rašomas tas pats vardas tik su pasvirusiu brūkšneliu </direktyvos_vardas>. Tarp šių elementų rašomas tekstas, sudarantis tinklapį. Kai kurios komandos turi papildomų atributų, kurie nurodomi komandos pradžioje <direktyvos_vardas atributas = reikšmė>. Komentarai prasideda <!-- ženklu ir baigiasi -->.

  11. HTML dokumento struktūra HTML dokumentą sudaro keturios pagrindinės dalys: 1.HTML – Visi HTML dokumentai prasideda nuoroda, kuri informuoja naršyklę, kad dokumentas yra parašytas naudojant HTML kalbos elementus. 2. HEAD – tai vadinamoji HTML „antraštė“, nurodanti įvairią techninę informaciją, pavyzdžiui, dokumento autorių, programą, su kuria dokumentas buvo kurtas, naudojamą kodų lentelę ir pan. 3.TITLE – tai dokumento pavadinimas, kuris bus rodomas peržiūros programos lango titulinėje eilutėje. 4. BODY – tai pagrindinė HTML dokumento dalis, susidedanti iš HTML komandų ir teksto.

  12. Dažniausiai naudojami su teksto ir grafikos formatavimu susijusių komadų parametrai 1 • ALIGN="left | center | right | justify " - elemento išdėstymo orientacija kitų HTML dokumento elementų atžvilgiu arba HTML dokumente. • HREF="url" - nuoroda į bylą. • SRC="url" - byla, kuriame yra informacija, reikalinga elementui sukurti. • NAME="name" - objekto vardas; tikslinga naudoti, kai į šį objektą "kreipsis" kitas HTML objektas. • TARGET="name | _self | _perent | _top | _blank " - nuoroda į rėmelių dalį. • BORDER="pixels" - rėmelių aplink objektą storis.

  13. Dažniausiai naudojami su teksto ir grafikos formatavimu susijusių komadų parametrai 2 WIDTH=" % | pixels" - elemento plotis.HEIGTH=" % | pixels" - elemento aukštis.HSPACE="pixels" - horizontalus tarpas tarp elemento ir kitų HTML dokumento elementų.VSPACE="pixels" - vertikalus tarpas tarp elemento ir kitų HTML dokumento elementų.ALT="text" - tekstas, rodomas vietoje arba šalia elemento.BGCOLOR="color" - elemento fono spalva.COLOR="color" - elemento spalva.FACE="font" - teksto šrifto pavadinimas.SIZE="size" - teksto šrifto dydis.

  14. Parametrų reikšmių paaiškinimas left - objektas lygiotas į kairįjį kraštą;center - objektas centruotas;right - objektas lygiuotas į dešinįjį kraštą;justify - objektas lygiuotas tiek į kairįjį tiek į dešinįjį kraštus.url - tai nuoroda į bylą; jeigu byla yra tame pačiame kataloge kaip ir tinklapis, tai rašomas tik bylos pavadinimas, kitu atveju rašomas kelias iki bylos;name - aprašomo objekto arba kito HTML objekto vardas;_self - pats objektas;_parent - žemesnio lygio objektas;_top - aukštesnio lygio objektas;_blank - naujas objektas;pixels - ekrano taškų skaičius;% - procentinė dalis kito objekto atžvilgiu;text - bet koks tekstas;color - spalva aprašyta žodine konstanta arna RGB kodu;

  15. Elementariausio puslapio pavyzdys <HTML><HEAD><TITLE>Pirmas puslapis</TITLE></HEAD><BODY>Pirmo puslapio tekstas </BODY></HTML>

  16. Audio įrašų įterpimas Norint naudoti audio įrašus internetiniuose puslapiuose, galimi du variantai: • Įdėti failą, panaudojant <embed> komandinę eilutę; • Sukurti nuorodą į audio failą.(Tai ir pamėginsim)

  17. Audio įrašų įterpimas Kad galėtumėte klausytis tinklalapyje esančių audiofailų, kompiuteryje turi būti įdiegta muzikos perklausos programa. Naujausių versijų interneto naršykės turi priemones, leidžiančias klausyti garsinius failus.

  18. Audio įrašų įterpimas Dažniausiai naudojami tokie garso formatai: • • MIDI (Musical Instrument Digital Interface). Iš tikrųjų tai yra muzikos apibrėžimo kalba ir perdavimo protokolas, o ne formatas. Dažniausiai jis naudojamas foninei muzikai. • Kokybė labiau priklauso nuo kompiuterio techninės įrangos, nors dažniausiai yra bloga. Failo dydis ypač mažas; • • WAV – asmeninio kompiuterio garso formatas. Tai – geriausias muzikinių failų formatas, kai reikia, kad muzika būtų pateikta autentiškai. Kadangi kokybė yra gera, tai failas – didelis. WAW formato failus gali groti Internet Explorer 3.0 ir naujesnės interneto naršyklės; • • MP3 – tai progresyvus suspaudimo būdas optinių diskų (CD) kokybės audiofailams, artimas WAV technologijai. Kadangi yra labai didelis suspaudimo laipsnis, jiems dekoduoti reikia specialių grotuvų ir kompiuterių procesorių; • • AIFF – muzikos failų formatas (panašus į WAV) suderinamas su Macintosh.

  19. Audio įrašų įterpimas

  20. Videoklipų susiejimas Kaip ir garso failai, videofailai taip pat būna įvairių formatų. Standartiniai yra šie formatai: • • ASF (Advanced Streaming Format). Tai yra Microsoft Streaming formatas, reikalaujantis Windows Media Player programos; • • AVI (Audio/Video Interleaved). Tai yra videofailo tipas, naudojamas Windows operacinėje sistemoje (pradedant nuo Windows 95); • • MPEG (Motion Picture Experts Group) – tai plačiai naudojamas standartas, naudojamas skaitmeniniams judantiems vaizdams suspausti.

  21. Ačiū už dėmesį

More Related