Friday, September 30, 2005

Popis parametrů

Dnes si detailněji rozebereme strukturu odkazů, jejich formátování a povíme si něco o tom, jak psát kódy našich odkazů podle Pravidel přístupného webu. Právě vazby mezi jednotlivými dokumenty a jejich provázanost jsou jedním z charakteristických prvků HTML a obecně služby WWW.

Na úvod se však vraťme k základní funkci odkazů a adres. Hypertextový odkaz můžeme všeobecně definovat jako prostředek pro jednosměrné spojení, například webových stránek. K tomu použijeme párový tag , který jsme si z části popsali již minule. Samotné A v příkazu tagu je odvozeno od anglického slova ANCHOR, tj. kotva. Tato kotvička nám tedy symbolicky může pomoci pochopit základní princip jakéhosi "připoutání" prvků, které spojujeme. My tuto "kotvu" musíme hodit (což znamená určit její cestu) a dále upravit její vlastnosti (které si popíšeme níže).

Thursday, September 29, 2005

Hned na začátku bych chtěl upornit, že tento tag funguje jenom v MSIE, takže NETSCAPE bude zobrazovat pouze to, co by tam bylo bez použití tohoto tagu, takže statický text. Z tohoto důvodu tento tag já osobně nikde (jenom tady) nepoužívám, protože se snažím dosáhnout toho, aby tyto stránky vypadaly ve všech prohlížečích co nejlíp.

Ale k věci:
Marquee je párový tag, který vymezuje prostor, ve kterém je běžící text.
Třeba něco jako je tohle!

Třeba něco jako je tohle!

Wednesday, September 28, 2005

reklama

Reklamní formáty od fullbanneru 468x60 ke skyscraperu 120x600, rozměry.
Skriptové reklamní formáty pop-up, reklama stick-add, superstitial, interstitial, out of the banner, html kód.Technologie reklamních formátů. Obrázky, flash, výhody a nevýhody flashe, použití cookies v reklamě.Reklamní systémy výměnné, agenturní a soukromé. Zobrazovací podvody a proč se nedá na reklamě moc vydělat.Účinnost webové reklamy, jak myslíme, že reklama působí, a jak se reklama měří.

Tuesday, September 27, 2005

HTML Editor

Golden HTML Editor je český freeware (to znamená naprosto zdarma a bez jakýchkoliv poplatků) editor specializovaný především na tvorbu HTML dokumentů.Jeho historie saha až do roku 1996 kdy spatřila světlo světa uplně první verze (na internet se dostal až v roce 1997 a to ve verzi 3.52). Program ma spoustu užitečných vlastností, ketré se při tvorbě HTML dokumentů určitě hodí jaké přesně zjistíte v sekci POPIS , Mezi hlavní rysy programu patří rychlé vkládání HTML tagů a jejich parametrů (tzv. CodeAssistent),zpětnou editaci tagů, možnost náhledu na stránky vytvořené pro PHP (nutná je instalace PHP3) a nápovědu pro jeho příkazy (nutnost instalace nápovedy pro PHP3 od výrobce). Program má samozřejmě spoustu dalších užitečných vlastností a pomocníků na tvorbu stránek.

Monday, September 26, 2005

help




Test HTMLHelp Home


Vítejte


Toto je naše testovací úvodní stránka,
která nám pomůže při tvorbě HTML Help projektů





Nyní pomocí volby Save As z nabídky File uložte soubor do adresáře, kde je již uložený celý projekt a pojmenujte jej jako home.htm. Protože tato stránka bude jak stránkou úvodní, tak i stránkou pro tlačítko Home, musíme toto specifikovat v nastavení vlastností okna Main. Ovšem, nejprve musíme námi vytvořený soubor zahrnout do projektu.

Friday, September 23, 2005

propad

Nejdříve si musíme nakreslit dva obrázky pro tlačítko, jeden "nepropadlý - nezmáčknutý" a jeden "propadlý - zmáčknutý". Ten druhý musí být posunutý o pár pixelů, aby se docílilo požadovaného efektu.K tomuto tlačítku přiřadíme název

Vytvoříme odkaz Teď definujeme co se stane po najetí myši do oblasti obrázku.A HREF="tlacitko.html" ONMOUSEOVER="ChangeImage('tlacitko','1')">
Tímto řekneme aby se po najetí kurzoru myši do oblasti obrázku spustil skript ChangeImage s parametry tlacitko a 1.. Dále definujeme co se stane při opuštění oblasti obrázku.
a pak skriptik

Tuesday, September 20, 2005

dalsi

Zde již začneme stránku ladit po grafické stránce polde našich a hlavně Vašich představ. Naučíte dát barvu pozadí, centrovat elementy na stránce, vytvářet odsazení, čáry atd. Tato sekce je rozdělena do dvou částí.
Barva pozadí
Barva pozadí se definuje v tagu BODY parametrem bgcolor="barva".
Příklad:

Vycentrování
Pokud prvky na stránce nejdou vycentrovat pouze parametrem v jejich tagu, je možno použít samostaný párový tag CENTER.
Příklad:

Monday, September 19, 2005

zkratky

< > Špičaté závorky jdou nejsnadněji psát za použití klávesy Alt Gr + <>, které jsou hned nad touto klávesou (pravý Alt).
# Křížek, který využijeme pro zapsání barvy, má klávesovou zkratku Alt + 35.
" Uvozovek dosáhneme po stisku Shift + ů .
; Středník najdeme pod klávesou Esc.
= % Pro = a % použijeme stejnou klávesu s těmito znaky (u % za použití Shiftu).
/ Toto lomítko najdeme na numerické klávesnici vedle klávesy NumLock
& Pro symbol & je nejrychlejší klávesová zkratka Alt + 38.

Sunday, September 18, 2005

nastroje

Advanced Photoshop Repair 1.0 - svým způsobem unikátní novinka na opravy poškozených PSD souborů Adobe Photoshopu umí opravit a extrahovat jednotlivé vrstvy v PSD souborech a ukládat je samostatně v podobě kompozitní vrstvy. Ukládat lze i masky a zpracovat soubory v dávce. Podrobnější popis programu najdete v samostatném článku na stránkách Grafiky On-line.
shareware, 30 USD
Flash2Video 2.32 - nová verze konvertoru Flash animací do AVI videa umí převádět standardní SWF soubory a ukládat je jako AVI video s libovolným kodekem. Měnit lze i rozlišení výsledného videa a převádět zvukovou stopu.
shareware, 25 EUR
FotoWorks 9.2 - "zasloužilý" grafický editor na úpravy digitálních fotografií umí snímky porovnávat s originálem, retušovat červené oči, zaostřovat snímky a přidávat k nim více než 120 efektů s pomocí EXIF metadat.

Wednesday, September 14, 2005

Skladani

Každý větší web potřebuje na všech stránkách některé kousky kódu opakovat. Například menu, hlavičku nebo patičku. Zásadní problém je tento:
HTML jazyk nemá žádný způsob, jak stránku poskládat z různých celků. Neexistuje žádný příkaz na vložení obsahu externího souboru (ani v CSS).
Což je děsná škoda, ale je to prostě tak. S tím je potřeba se vyrovnat. Existuje hodně postupů, které se to snaží řešit, ale žádný kvalitní postup není moc snadný. Možnosti jsou následující:
Funkcí editoru nebo lokálním programem
Vkládat kousky přes serverové skripty (ASP, PHP)
Pomocí Iframe
JavaScriptem
Rámy (nekvalitní řešení)
ručně

Friday, September 09, 2005

publikace

můžete hostovat zdarma
nebo si někde objednat placený hosting (většinou i s doménou druhého řádu)

Zadarmo
Buďto využijete služeb veřejných serverů -- freehostingů. První byl Geocities (u nás MujWeb). Nyní takových serverů existují desítky. Mám odzkoušené servery www.sweb.cz, www.webpark.cz a www.volny.cz, www.webzdarma.cz a další. Někde se musíte smířit s tím, že vám tam možná budou skákat cizí reklamy.
Nebo máte nějakého známého nebo firmu, který má server a nechá vás na něm publikovat, případně využít serveru školy nebo zaměstnavatele (to bych třeba já nedělal, vzhledem k tomu, jak často školy a zaměstnavatele měním: pořád bych musel měnit adresu).

Za peníze
Pokud můžete obětovat pár korun, doporučuji najít si nějaký placený hosting. Chcete-li mít doménu druhé úrovně, musíte tuto možnost zvolit vždy. Zpočátku vám bude stačit několik málo mega prostoru a statické stránky, to se dá sehnat za pár stovek ročně. Doména na rok stojí dalších pár stovek. Poskytovatelé hostingu vždy umožňují kopírování pomocí FTP, což je dobře.

Tuesday, September 06, 2005

obraqzky format

A teď již zakormidlujme do technických končin a podívejme se, jak na to. V současném Webu jsou podporovány dva základní formáty grafických souborů: GIF a JPEG. První z nich je považován za vhodnější zejména pro kresby s ostrými hranami mezi jednotlivými barevnými plochami. Bohužel je založen na patentovaném algoritmu, z čehož vznikly v poslední době poměrně nehezké tahanice. Je snaha nahradit jej nějakým "nezávadným" formátem s podobnými vlastnostmi. Horkým favoritem je PNG (Portable Network Graphics), který však zatím není WWW klienty příliš podporován.

Formát JPEG je doporučován především pro obrázky charakteru fotografií, oplývající plynulými přechody barev, světel a stínů. Tento formát nezachovává kompletní obrazovou informaci. Při ukládání do JPEG souboru dává většina programů možnost zvolit, jak vysokou kvalitu výstupu požadujete. Vyšší hodnota znamená věrnější obrázek, ale zároveň větší objem dat. Je třeba najít vhodný kompromis.