Tvorba stránek

Tvorba stránek

komu jsou stránky určeny

grafická úprava stránek

obsah

motivy vzhledu stránky http://openwebdesign.org

http://openwebdesign.org/




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

http://www.hosting-zdarma.cz/









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í)

HTML dokument – užívané struktury

běžný, formátovaný text

obrázek

hyperlink

tabulka

číslované a nečíslované seznamy

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

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

http://www.jakpsatweb.cz/

Práce s textem

• Tučný text Jméno Příjmení

• <center>Text bude centrovaný </center>Školní rok 2003/2004

• Zvětší velikost písma Materiály k výuce

• - zalomení řádků

Práce s obrázkem

• <img>

• obrázek ze souboru

<img src="obr.jpg">

Práce s hypertextovými odkazy

• <a> </a>

Odkaz na stránky školy<a href=http://www.gyarab.cz> Školní stránky </a>

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

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>

1. Teorie

2. Praxe

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

Tvorba stránek

Documents

Transcript of Tvorba stránek