TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do.

Prezentace na téma: "TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do."— Transkript prezentace:

1 TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do XHTML) Martin Adámek

2 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 2 Organizační poznámky je někdo, kdo se nevešel na cvičení a má mít TNPW1 tento semestr? –v příp. potřeby bude vyřazen ze cvičení někdo, kdo má mít TNPW1 až další semestr

3 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 3 Překlad URL např. http://obchod.nabytek.cz/kancelarsky/stoly.htm Postup překladu?

4 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 4 XHTML editor pro XHTML non WYSIWYG (tedy ne visuální) –Macromedia Homesite –pro zájemce též PSPad Výhoda Homesitu oproti PSpadu –obsahuje přehledné panely nástrojů pro vložení elementů a úpravu jejich atributů –oceníte hlavně zpočátku Výhody PSPadu oproti Homesitu –zvýrazňuje začáteční a koncové značky párových tagů, pokud jsou v různých řádcích –umožňuje editaci nabídky pro rychlé vložení kódu –oceníte hlavně u složitějšího/delšího kódu –je zdarma –je připraven pro editaci kódu v různých dalších jazycích – nejen v (X)HTML –je český výrobek

5 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 5 Macromedia Homesite 5 (vlastnosti) Vývojový non WYSIWYG software pro tvorbu www stránek Integrovaný editor CSS: Top Style 2.1 (lze nahradit novější verzí) Podpora psaní kódu skriptů na straně klienta i serveru (JavaScript, ASP, PHP,...) Rychlé vkládání tagů z nabídkových lišt + editace v kontextových oknech Uživatelské nabídkové lišty Interní validátor kódu stránky –ale používejte http://validator.w3.org Integrovaný browser s možností simulace nízkých rozlišení –ale weby kontrolujte ve Firefoxu a IE

6 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 6 Macromedia Homesite (základní obsluha) volba syntaxe – HTML / XHTML nástrojové panely číslování řádků pro hledání chyb nejvyužitelnější klávesové zkratky –^B, ^I –tvrdá mezera –br/ –^ shift P, ^ shift A –velmi podobně i v PSPad editoru

7 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 7 Základ XHTML stránky šablona XHTML stránky –www.adamek.cz/fim/tnpw1/c/sablona.htm www.adamek.cz/fim/tnpw1/c/sablona.htm –význam a editace některých elementů hlavičky

8 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 8 HTTP – některé další hlavičky Accept-Charset – znaková sada (win-1250, ISO 8859-2, UTF-8) Content-Encoding … mechanismus, který se použije na dekódování (zip, …) Content-Language … jazyk dokumentu (čeština: cs) Date … datum a čas vytvoření zprávy Expires … Vypršení platnosti stránky (cache prohlížeče) Pragma … slouží pro specielní direktivy jako je no-cache Title … stručný popis (název) stránky

9 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 9 Zjednodušené absolvování nějaký projekt ke zhlédnutí ?

10 TNPW1, cvičení – Ing. Martin Adámek (UHK-FIM-KIT) 10 Příště nadpisy první bodovaný úkol