načítání...
nákupní košík
Košík

je prázdný
a
b

Kniha: Adobe Dreamweaver CS4 - David Karlins

Adobe Dreamweaver CS4
-14%
sleva

Kniha: Adobe Dreamweaver CS4
Autor:

Rychle k cíli bez zbytečné teorie! Jste začínající nebo zkušení uživatelé Dreamweaveru a rádi byste získali rychlý přehled o všech klíčových funkcích a těch nejlepších postupech ... (celý popis)
Kniha teď bohužel není dostupná.

»hlídat dostupnost


hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%   celkové hodnocení
0 hodnocení + 0 recenzí

Specifikace
Nakladatelství: Computer press
Médium / forma: Tištěná kniha
Rok vydání: 2010-01-01
Počet stran: 256
Rozměr: 167 x 225 mm
Úprava: 256 stran : ilustrace
Vydání: Vyd. 1.
Název originálu: Adobe Dreamweaver CS4 How-Tos
Vazba: brožovaná lepená
ISBN: 9788025126998
EAN: 9788025126998
Ukázka: » zobrazit ukázku
Popis

Rychle k cíli bez zbytečné teorie! Jste začínající nebo zkušení uživatelé Dreamweaveru a rádi byste získali rychlý přehled o všech klíčových funkcích a těch nejlepších postupech tvorby webových stránek? Nebo přecházíte ze starší verze a chcete rychle začít používat nové funkce verze CS4? Publikace dovoluje i úplným začátečníkům Dreamweaver okamžitě začít používat. Zkušeným uživatelům zase poslouží jako reference nejdůležitějších postupů a nových funkcí. Každý postup je samostatný a nevyžaduje čtení jiných částí knihy, takže můžete ihned udělat to, co zrovna potřebujete, aniž byste museli číst dlouhé popisy nebo technické detaily. Postupy navíc doplňují po stranách užitečné tipy a triky z praxe. S knihou se naučíte mimo jiné: - Používat základní i pokročilé nástroje Dreamweaveru - Vhodně formátovat text pomocí CSS - Vkládat a zarovnávat obrázky - Tvořit a formátovat tabulky s daty - Používat předlohy stránek a knihovny položek - Propojovat stránku s externí šablonou CSS - Absolutně umisťovat jakékoli prvky na webové stránce - Tvořit interaktivní formuláře s poli, tlačítky a seznamy - Vkládat do stránky animace a videa Flashe - Tvořit interaktivní pruhy nabídek, sbalitelné panely nebo panely se záložkami Příkazy v knize jsou uvedeny jak pro českou, tak pro anglickou verzi programu. O autorovi: David Karlins je zkušeným tvůrcem webových stránek, konzultantem a autorem řady publikací věnujících se grafickému a interaktivnímu designu nejen v programu Dreamweaver. Jeho web najdete na adrese www.buildyourownwebsite.us (100 nejlepších postupů)

Předmětná hesla
Dreamweaver CS4
WWW design
Související tituly dle názvu:
Adobe Dreamweaver CS4 Adobe Dreamweaver CS4
Team Adobe Creative
Cena: 353 Kč
Adobe Premiere Pro CS4 Adobe Premiere Pro CS4
Team Adobe Creative
Cena: 525 Kč
Adobe Indesign CS4 Adobe Indesign CS4
Team Adobe Creative
Cena: 525 Kč
Adobe Illustrator CS4 Adobe Illustrator CS4
Team Adobe Creative
Cena: 525 Kč
Adobe Flash CS4 Professional Adobe Flash CS4 Professional
Team Adobe Creative
Cena: 442 Kč
Recenze a komentáře k titulu
Zatím žádné recenze.


Ukázka / obsah
Přepis ukázky

73

Kapitola 4

Použití rámců

Rámce umožňují zobrazit více než jednu stránku v okně prohlížeče. To můžete

provést vytvořením speciální webové stránky, která sama o sobě nemá žádný

obsah, ale jednoduše slouží jako obal, v němž se zobrazují jiné webovéstránky, které se vkládají do rámců uvnitř této obalové stránky. Celá sada stránek

HTML, které fungují pospolu k zobrazení více než jedné stránky v prohlížeči,

se nazývá sada rámců.

Výhody použití rámů jsou různé. Jelikož každý rám v sadě rámců jeoddělenou webovou stránkou, uživatel se může posouvat (obvykle svisle) v jednom rámu, zatímco se ostatní rámce zobrazují v nezměněné podobě.

Při použití rámců však existují skutečné nevýhody. Jednou z nich je fakt, že vyhledávače nedokážou uspořádat stránky, jak jsou v sadě rámců, a místo toho ve výsledku hledání zobrazí stránku v jednom rámci, ale nikoliv celou sadu rámů. To znamená, že lidé se dostanou na tuto jedinou stránku, která se ale má zobrazit v sadě rámců, a ostatní stránky v sadě rámců se jim nezobrazí.

Jinou nevýhodou použití rámců je to, že způsobují problémy uživatelům s čtečkami obrazovek, což jsou obvykle zrakově postižení, kteří spoléhají na taková zařízení spíše než na navigaci pomocí myši. Řešením tohoto problému s přístupností je poskytnutí alternativní verze bez rámců ve všech sadáchrámců na vašem webu.


74

KAPITOLA 4 Použití rámců

26 Vytvoření sady rámců

Typickou a užitečnou implementací rámců je návrh stránky se dvěma rámci,

kdy v levém je část s navigací stránky a v pravém (větším) se zobrazuje obsah

stránky.

Jednou z výhod tohoto nastavení je, že uživatelům umožňuje posunovat

se svisle směrem dolů navigačními odkazy, zatímco větší část s obsahem se

nehybně zobrazuje v pravé části stránky (obrázek 26a).

Obrázek 26a Digitální designér Bruce K. Hopkins používá sadu rámců, aby uživatelům umožnil posunovat se

náhledy v jednom z rámců aby mohli zároveň vidět větší obrázky v tom druhém

Stinnou stránkou navrhování pomocí rámců je to, že správa souborů je asi

třikrát složitější, než když pracujeme s normální stránkou. A to je z částizpůsobeno tím, že každá sada rámců zahrnuje alespoň tři stránky HTML: jedna slouží

k uchování rozvržení sady rámců a alespoň dva rámce se vkládají do této sady

rámců. Nejlepším způsobem vytvoření sady rámců je použití stránek z příkladu.

Pokud chcete vidět vzorové sady rámců, pak zvolte příkaz Soubor (File) €

Nový (New) a vyberte kategorii Stránka z příkladu (Sample Page) na levéstraně dialogu Nový dokument (New Document). Ve sloupci Vzorová složka(Samle Folder) vyberte Sada rámců (Frameset). Náhled návrhu sady rámců uvidíte

v pravé horní části dialogu (obrázek 26b).

Obrázek 26b Vybraná sada Pevný vlevo Rámce snižují čas nutný ke stažení stránek Rámce mohou snížit čas nutný ke stažení webových stránek, neboť obsah stránky v jednom rámci se nemusí znovu nahrávat, když se nový obsah načítá do jiného rámce.


75

Jakmile vytvoříte sadu rámů z příkladu, zobrazí se dialog Atributy tagu

rámce pro usnadnění přístupu (Frame Tag Accesibility Atributtes). V něm

můžete přidělit každému rámci v sadě rámců název. Pojmenování rámců je

jiné než pojmenování souborů HTML v sadě rámců. Název rámce je užitečný

k defi nování cíle odkazu a jiných vlastností a je třeba je pojmenovat odlišně.

Výchozí názvy rámců v dialogu jsou v pořádku (nezobrazují se v prohlížeči),

takže pokračujte stisknutím tlačítka OK v každém dialogu, který se zobrazí,

když vytváříte sadu rámců (obrázek 26c).

Obrázek 26c Přidělení názvu rámce

Vytvořenou sadu rámců uložte pomocí příkazu Soubor (File) € Uložit vše

(Save All). Ukládat budete minimálně tři soubory: soubor defi nující sadurámců a každou stránku vloženou do sady rámců.

Obsah sady rámců můžete upravovat a můžete také upravovatformátování celé sady. To vysvětluje postup 27.

Rámce a vyhledávače

Jednou z důležitých nevýhod

navrhování pomocí rámců je to,

že rámce mají tendenci zmást

vyhledávače, které rozpoznají

obsah HTML stránek, alenikoliv celé kombinace sady rámců.

Návštěvník může následovat

odkaz na stránku, kterou mu

nabídne vyhledávač, ale tato

stránka je zamýšlená jakosoučást sady rámců, a tak uživatel

uvidí jen část obsahu. Rámce

taktéž způsobují problémy spřístupností uživatelům s prohlížeči

v mobilních zařízeních.

Nicméně protože rámceotevírají další možnosti navrhování,

můžete je chtít použít spíše než

jiné techniky webovéhodesignu, a tak zůstávají stále platným

přístupem k tvorbě webů.

26 Vytvoření sady rámců


76

KAPITOLA 4 Použití rámců

27 Formátování sady rámců

Vlastnosti sady rámců zahrnují například to, zda se mezi rámci zobrazírámeček, nebo jakou výšku a šířku mají mít různé rámce v sadě rámců. Oběvlastnosti se defi nují v inspektorovi Vlastnosti (Properties). Dostanete se k nim,

když vyberete celou sadu rámců.

Nejjednodušším způsobem, jak vybrat sadu rámců, je zobrazit panelRámce (Frames) pomocí příkazu Okno (Window) € Rámce (Frames), jak ukazuje

obrázek 27a.

Obrázek 27a Výběr rámce v panelu Rámce

Sady rámců se často formátují tak, že se mezi jednotlivými rámci v okně

prohlížeče nezobrazuje žádný viditelný rámeček. Stránka vypadá, jako by šlo

o jedinou stránku v prohlížeči, i když jde de facto o stránky tři.

Sady rámců, které vytváří Dreamweaver, se formátují tak, že se zobrazují bez rámečků kolem rámců. Pokud chcete přidat rámeček vybranému rámci, pak zvolte jeho barvu z palety barev u pole Barva okraje (Border color)

v inspektorovi Vlastnosti (Properties). A pak z roletky Okraje (Borders) vyberte

volbu Ano (Yes), jak předvádí obrázek 27b.

Obrázek 27b Defi nování rámečku rámce v inspektorovi Vlastnosti Defi nování vlastností rámce vs. Defi nování vlastností sady rámců Defi nování vlastností rámce je matoucí, neboť některévlastnosti se defi nují pro celou sadu rámců a jiné zase jen provybraný rámec. A některé vlastnosti lze defi novat jak pro rámec, tak pro sadu rámců. Barvy rámečku defi nujte pro celou sadu rámců. Šířku a/nebo výšku pro každý rámec v sadě rámců defi nujte v rámcivlastností sady rámců. Vlastnost posunování (zda se má zobrazit posuvník) defi nujte pouze pro jednotlivý rámec. Taktéž povolení změny velikosti defi nujte v případě jednotlivého rámce. Také lze defi novatparametry rámečku v případěvybraného rámce, které budou vkonfl iktu s nastavením přiděleným celé sadě rámců. Nedělejte to! Tím zmatete prohlížeč. Zda defi nujete vlastnostirámce nebo celé sady rámců, určíte klepnutím, a tedy výběrem, na jednotlivý rámec, nebo celou sadu rámců.


77

Šířky (nebo výšky) rámců ve vybrané sadě rámců defi nujete v části Řádek a sloupec Výběr (RowCol Selection) v inspektorovi Vlastnosti (Properties),

a to tak, že klepnete na řádek nebo sloupec v sadě rámců. Pak zvoltehodnotu vybraného sloupce nebo řádku v polích Sloupec (Columns) a Řádek (Raws).

Hodnoty můžete uvést jako pevné pomocí obrazových bodů (pixelů) nebo

pružně pomocí procent. Nebo můžete šířku sloupce nechat relativní, cožznamená, že vyplní prostor, jenž zbude po zobrazených sloupcích s pevnou šířkou

(obrázek 27c).

Obrázek 27c Defi nování rámce, jenž vyplní veškerý volný prostor, který zbyl po zobrazených rámcích s pevnou

šířkou

Defi novat můžete také vlastnost posunování (zda se zobrazí nebonezobrazí posuvník), stejně tak jako povolit nebo zakázat změnu velikosti rámce

(zda bude uživatel moci tažením myši změnit jeho velikost), který je vybraný

v panelu Rámce (Frames).

27 Formátování sady rámců

Jak na lepší přístupnost

rámců

Jak je uvedeno v úvodu k této

kapitole, rámce jsou špatněpřístupné uživatelům se zrakovým

omezením. A to protože oddělují

obsah do více než jednéstránky, což může být matoucí, když

obsah čte čtečka obrazovky.

Dreamweaver poskytuje způsob,

jak defi novat popisné titulky

stránek pro každou vloženou

stránku. Za normálníchokolností nejsou titulky vkládaných

stránek relevantní. Vtitulkovém pruhu prohlížeče sezobrazuje titulek defi novaný sadě

rámců a uživatelé se zrakovým

postižením tak sadu vnímají jako

jednu stránku.

Na druhou stranu, titulkystránek přidělené zvlášť každé

vkládané stránce mohoupomoci v navigaci právě uživatelům

se zrakovým omezením. Pokud

vyberete správné nastavení

přístupnosti, Dreamweaver vás

nechá defi novat titulky stránek

v případě každé vloženéstránky, jakmile vytváříte celou sadu

rámců. Tuto funkci povolíte tak,

že následujete příkazUpravit (Edit) € Předvolby(Preferences) v případě Windows

nebo Dreamweaver €Předvolby (Preferences) v případě

Macu. V dialogu zvolte kategorii

Usnadnění přístupu(Accesibility) a zaškrtněte volbu Rámce

(Frames). Stiskněte tlačítko OK.

Jakmile budete příštěvytvářet sadu rámců, Dreamweaver

vám nabídne možnost defi novat titulky všech stránek v sadě

rámců.


78

KAPITOLA 4 Použití rámců

V panelu Rámce (Frames) klepněte na vybraný rámec. InspektorVlastnos

ti (Properties) poté zpřístupní nastavení dostupná pro zobrazení posunovací

lišty v roletce Rolovat (Scroll). V ní vyberte volbu Automatický (Auto; posuvník

se zobrazí pouze tehdy, když to bude potřeba) nebo Výchozí (Default; nastaví

se podle prohlížeče návštěvníka stránek). Možnost změny velikosti rámce ze

strany návštěvníka stránek můžete povolit zrušením zaškrtnutí volby Neměnit

velikost (No resize). Viz obrázek 27d.

Obrázek 27d Povolení zobrazení posuvníku (pokud je třeba) u vybraného rámce


79

28 Defi nování odkazů mezi rámci

Defi nování odkazů v sadě rámců představuje zvláštní výzvu. Protože technicky

je každý rámec v sadě rámců různou stránkou HTML, budete muset klepnout

na odkaz na jedné stránce, ale otevřít jej ve stránce jiné. Odkazu tak musíte říct,

kam se má otevřít. Zní to složitě, ale celý postup si spolu projdeme.

Například se podívejme, jak to funguje v případě jednoduché, základní

sady se dvěma rámci, v níž je jeden rámec vlevo navigací a ten vpravostránkou s obsahem. Odkaz, na který klepnete v levém rámci, se otevře do rámcepravého. Pravý rámec se v sadě mění jako nová stránka v závislosti na tom, na jaký

odkaz klepnete v levém rámci.

To provedete defi nováním cílového rámce odkazu. Jakmile defi nujete

odkaz pro text nebo pro obrázek pomocí inspektora Vlastnosti (Properties;

vložením odkazované stránky do pole Odkaz/Link), defi nujete ještě cíl tohoto odkazu v roletce Cíl (Target). A to buď v dialogu při vytváření odkazu, nebo

v inspektorovi Vlastnosti. Cílem odkazu bude název pravého rámce.

Obrázek 28 Výběr rámce pro cíl odkazu

Poznámka

V české verzi Dreamweaveru se můžete setkat s tím, že v inspektoroviVlastnosti se roletka Cíl nevykresluje jako roletka, ale jako špatně se zobrazující pole. Cíl

odkazu tak musíte do pole vepsat ručně. Zda jste uvedli vše správně, si můžete

ověřit například v zobrazení Kód. Názvy rámců zjistíte v panelu Rámce.

Buďte opatrní při

přidělování rámce jako

cíle odkazu

Pokud nedefi nujete cílodkazu v případě sady rámců, může

to být pohroma. Odkaz se tak

neotevře ve správnémrámci, ale místo toho se otevře

v tom, v němž uživatel na odkaz

klepne.

Další důvod, proč

spoléhat na příklady

Dreamweaveru

Když vytváříte sady rámců

pomocí Dreamweaveru, každý

rámec se automatickypojmenuje vhodným názvem(například leftFrame, českylevýRámec, nebo rightFrame, česky

pravýRámec). Tyto názvy rámců

jsou poté dostupné v roletce Cíl

(Target) ve chvíli, kdyvytváříte odkaz.

Dreamweaver ale neudělá

všechnu práci za vás. Stále si

budete muset pamatovat, že

máte defi novat správný cílový

rámec odkazu, který másměřovat do jiného rámce, než je ten,

kde na něj klepáte myší.

28 Definování odkazů mezi rámci




       
Knihkupectví Knihy.ABZ.cz - online prodej | ABZ Knihy, a.s.
ABZ knihy, a.s.
 
 
 

Knihy.ABZ.cz - knihkupectví online -  © 2004-2018 - ABZ ABZ knihy, a.s. TOPlist