1 / 12

Tvorba stránek

Tvorba stránek. komu jsou stránky určeny grafická úprava stránek obsah motivy vzhledu stránky http://openwebdesign.org. Tvorba stránek. napsat stránky zajistit doménu a s tím prostor na serveru http://www.hosting-zdarma.cz/

Download Presentation

Tvorba stránek

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. Tvorba stránek • komu jsou stránky určeny • grafická úprava stránek • obsah • motivy vzhledu stránky http://openwebdesign.org

  2. Tvorba stránek • napsat stránky • zajistit doménu a s tím prostor na serveru • http://www.hosting-zdarma.cz/ • http://www.tvorba-webu.cz/webhosting/webhosting_zdarma.php

  3. Jazyk HTML • HyperText Markup Language (= nadtextový značkový jazyk) • vzhled jednotlivých částí dokumentu jsou určeny značkami • HTML dokument je možné napsat jednoduchým textovým editorem (např. Wordpad, Poznámkový blok) • soubory mají příponu : .htm (Novellovské prostředí), .html (Unixové prostředí)

  4. HTML dokument – užívané struktury • běžný, formátovaný text • obrázek • hyperlink • tabulka • číslované a nečíslované seznamy

  5. HTML - značky • Html značky určují, jak bude vypadat holý text • značky se nazývají tagy • <indentifikátor> • závorky lze napsat ALT+ <, ALT+> • párové počáteční <tag> a koncová značka </tag> • nepárové <tag> - zavádí na stránku nějaký objekt • < tag parametry> • tagy lze do sebe vnořovat

  6. Základní kostra dokumentu HTML • hlavička dokumentu • tělo dokumentu • <html> • <head> • <title>Název stránky </title> • </head> • <body> • …. • </body> • </html> • popis jazyka HTML http://www.jakpsatweb.cz

  7. Práce s textem • <b>Tučný text </b> Jméno Příjmení • <center>Text bude centrovaný </center> Školní rok 2003/2004 • <font size=5>Zvětší velikost písma </font> Materiály k výuce • <br> - zalomení řádků

  8. Práce s obrázkem • <img> • obrázek ze souboru <img src="obr.jpg">

  9. Práce s hypertextovými odkazy • <a> </a> Odkaz na stránky školy <a href=http://www.gyarab.cz> Školní stránky </a>

  10. Práce se seznamy • S odrážkami <ul></ul> definuje seznam <li> </li> definuje položky, koncový tag je nepovinný • Např. <ul> <li> Hardware <li> Software </ul> ● Hardware ● Software

  11. Práce se seznamy – pokračování • Číselný seznam <ol></ol> definuje seznam <li> </li> definuje položky, koncový tag je nepovinný • Např. <ol> <li> Teorie <li> Praxe </ol> • Teorie • Praxe

  12. Zadání cvičení – Tvorba studentských stránek • celkem dvě stránky (vzájemné propojení) • na každé stránce: • minimálně 1 obrázek • minimálně jeden seznam (odrážky nebo číslování) • minimálně jeden odkaz na existující web. stránku • úvodní stránka • základní informace o sobě, škole • odkaz na stránku o zájmech, zálibách • stránka o zálibách • stručná informace o zájmech, zálibách

More Related