Ťuknutie na tipy pre Dreamweaver šetriace čas

Aj tie najlepšie programy sa zlepšia, keď viete, ako z nich vyťažiť maximum. Nájdite si chvíľku a pozrite si tieto tipy a ušetrite veľa času pri vývoji svojej webovej lokality. Väčšina z týchto tipov platí pre používateľov počítačov Macintosh aj Windows. Keď sa vzťahujú iba na jednu alebo druhú, text vám povie, či sa tip vzťahuje na verziu pre Windows alebo Mac.

Upratovanie neporiadku

Mnoho panelov Dreamweaveru ( v predchádzajúcich verziách nazývaných palety ) poskytuje rýchly prístup k jeho najobľúbenejším funkciám, ale môžu zaplniť oblasť dizajnu. Ak ich chcete dostať z cesty, keď chcete ustúpiť a obdivovať svoju prácu (alebo roztrhať niekoho iného), použite kláves F4, skratku, ktorá skryje všetky viditeľné panely naraz. Ak ich chcete získať späť, znova stlačte kláves F4.

Ak chcete panely zapínať a vypínať jednotlivo, použite klávesovú skratku priradenú každému panelu. Vyberte položku Okno z ponuky a nájdite klávesovú skratku uvedenú vedľa názvu každého panela. Pomocou týchto skratiek môžete jednotlivé panely zapínať a vypínať. Môžete tiež použiť panel Spúšťača v pravom dolnom rohu okna návrhu, aby ste získali prístup k panelu Lokalita, Panel aktív, panel Štýly HTML, panel Štýly CSS, panel Správanie a panel História.

Rozdelenie pohľadu: Práca v kóde

Ak chcete prepínať tam a späť medzi zdrojovým kódom HTML a zobrazením návrhu WYSIWYG (čo vidíte, to dostanete) v aplikácii Dreamweaver, oceníte novú možnosť vo verzii 4, ktorá vám umožňuje rozdeliť okno, aby ste mohli zobraziť zdrojový kód HTML a oblasť návrhu WYSIWYG súčasne. Ak chcete okno rozdeliť, vyberte Zobraziť –> Kód a návrh.

Môžete tiež oceniť vylepšené funkcie vstavaného textového editora Dreamweaver, vrátane automatického odsadzovania a možnosti vybrať viacero riadkov a odsadiť ich. Objavíte tiež živé sfarbenie syntaxe, ktoré sa objaví počas písania – dokonca môžete rozlíšiť farby pre HTML a JavaScript. Vyberte Upraviť –> Predvoľby –> kartu Farby kódu na priradenie farieb.

Predloženie návrhov

Tabuľky HTML stále ponúkajú najlepší spôsob vytvárania zložitých webových návrhov (pretože staršie prehliadače stále nepodporujú vrstvy) a Dreamweaver 4 zjednodušil vytváranie tabuliek v oblasti vizuálneho dizajnu ako kedykoľvek predtým. V novom zobrazení rozloženia môžete „kresliť“ tabuľky na stranu, presúvať ich na miesto a dokonca zoskupovať bunky vo vnorenej tabuľke – bez toho, aby ste sa museli báť, koľko riadkov a buniek ste vytvorili. Túto funkciu môžete dokonca použiť na vytváranie tabuliek, ktoré sa menia s veľkosťou okna, čo je skvelá technika na zabezpečenie toho, aby vaše návrhy fungovali na všetkých monitoroch.

Ak chcete získať prístup k novému prostrediu na vytváranie tabuliek v aplikácii Dreamweaver, vyberte položku Zobraziť –> Zobrazenie tabuľky –> Zobrazenie rozloženia a potom jednoduchým pretiahnutím vytvorte ľubovoľný druh tabuľky. Možnosti rozloženia buniek a tabuliek nájdete na paneli Objekty.

Konverzia textu

Ak ste zvyknutí používať funkciu Vložiť ako text v Dreamweaveri 3, nebuďte sklamaní, keď zistíte, že v Dreamweaveri 4 chýba. Macromedia zjednodušila tento proces vo svojej najnovšej verzii. Teraz jednoducho vyberiete Súbor –> Prilepiť a formátovaný text z dokumentu na spracovanie textu si zachová svoje formátovanie – dobre, dobre, zachováva si aspoň riadkovanie. Pravdou je, že Dreamweaver je stále dosť slabý, pokiaľ ide o prevod textu.

Ak použijete textový procesor alebo tabuľkový procesor, ktorý obsahuje funkciu Uložiť ako HTML (túto funkciu ponúka Microsoft Word a mnohé ďalšie), môžete sa vyhnúť nutnosti preformátovať text v aplikácii Dreamweaver. Namiesto kopírovania a vkladania textu do Dreamweaveru použite funkciu Súbor –> Uložiť ako HTML v programe na spracovanie textu, premenujte súbor a potom otvorte nový súbor v Dreamweaveri. Microsoft Word a Excel dokonca zachovávajú formátovanie tabuliek, čo skutočne šetrí čas, ak pracujete s veľkými tabuľkami textu alebo čísel.

Hľadanie funkčných fontov

Dizajnéri sú tak nadšení, keď zistia, že môžu použiť akékoľvek písmo. V skutočnosti musia mať vaši diváci písmo na svojom počítači, aby ho mohli zobraziť. Čím bežnejšie je písmo, tým je pravdepodobnejšie, že sa zobrazí tak, ako chcete. Ak chcete použiť nezvyčajnejšie písmo, choďte do toho — uistite sa, že zahrniete aj alternatívy. Zoznam písiem Dreamweaver už obsahuje kolekcie bežných písiem a vždy si môžete vytvoriť svoj vlastný zoznam písiem výberom položky Text –> Písmo –> Upraviť zoznam písiem.

Windows je zďaleka najbežnejším operačným systémom na internete. Ak chcete zabezpečiť najlepšie a najrýchlejšie výsledky pre väčšinu používateľov, uveďte najprv písmo systému Windows.

Usmernenie vašich divákov

Vytvorenie viacerých stránok je najbezpečnejším riešením, ktoré zabezpečí, že všetci vaši diváci budú spokojní, keď použijete najmodernejšie návrhy stránok vyplnené DHTML a CSS. To znamená, že vytvoríte dve alebo viac sád stránok: jednu, ktorá používa najnovšie funkcie, a druhú, ktorá používa staršie, univerzálnejšie podporované značky HTML. Ako však zabezpečiť, aby sa diváci dostali na tie správne stránky? Použite správanie Kontrola prehliadača.

Správanie Kontrola prehliadača je napísané v jazyku JavaScript a určuje typ prehliadača, ktorý používa každý návštevník, ktorý sa dostane na vašu stránku. Toto správanie potom používateľov nasmeruje na dizajn stránky, ktorý najlepšie vyhovuje verzii ich prehliadača. Ak chcete použiť túto funkciu, vyberte položku Okno –> Správanie, čím otvoríte panel Správanie. Potom kliknutím na znamienko plus (+) otvorte rozbaľovací zoznam možností. Zvoľte Skontrolovať prehliadač a otvorí sa dialógové okno, v ktorom môžete určiť, ktoré verzie prehliadača majú byť nasmerované na aké stránky na vašej lokalite. Keď používatelia prídu na vašu stránku, budú automaticky presmerovaní na stránku podľa vášho výberu na základe typu prehliadača a verzie, ktorú určíte.


Ako použiť transparentnosť na SVG

Ako použiť transparentnosť na SVG

Zistite, ako použiť priehľadnosť na grafiku SVG v aplikácii Illustrator. Preskúmajte, ako vytlačiť SVG s priehľadným pozadím a použiť efekty priehľadnosti.

Práca s obrázkami v Adobe XD

Práca s obrázkami v Adobe XD

Po importovaní obrázkov do Adobe XD nemáte veľkú kontrolu nad úpravami, ale môžete meniť veľkosť a otáčať obrázky rovnako ako akýkoľvek iný tvar. Pomocou rohových miniaplikácií môžete tiež jednoducho zaobliť rohy importovaného obrázka. Maskovanie obrázkov Definovaním uzavretého tvaru […]

Ako upraviť vlastnosti textu v Adobe XD

Ako upraviť vlastnosti textu v Adobe XD

Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú. O čitateľnosti a písme […]

Práca s umeleckými plátnami vo Photoshope CC

Práca s umeleckými plátnami vo Photoshope CC

Podobne ako v programe Adobe Illustrator, aj umelecké plátna Photoshopu poskytujú možnosť vytvárať samostatné stránky alebo obrazovky v rámci jedného dokumentu. To môže byť obzvlášť užitočné, ak vytvárate obrazovky pre mobilnú aplikáciu alebo malú brožúru. Artboard si môžete predstaviť ako špeciálny typ skupiny vrstiev vytvorenej pomocou panela Vrstvy. Jeho […]

Tvary a mnohouholníky v InDesigne

Tvary a mnohouholníky v InDesigne

Mnohé z nástrojov, ktoré nájdete na paneli Nástroje InDesignu, sa používajú na kreslenie čiar a tvarov na stránke, takže máte niekoľko rôznych spôsobov vytvárania zaujímavých kresieb pre svoje publikácie. V InDesigne môžete vytvárať čokoľvek od základných tvarov až po zložité kresby, namiesto toho, aby ste museli používať program na kreslenie, ako je […]

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zabalenie textu v aplikácii Adobe Illustrator CC nie je úplne to isté ako balenie darčeka – je to jednoduchšie! Zalomenie textu vynúti obtekanie textu okolo grafiky, ako je znázornené na tomto obrázku. Táto funkcia môže každému kúsku dodať kúsok kreativity. Grafika núti obtekať text. Najprv vytvorte […]

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete, aby mal tvar presnú veľkosť (napríklad 2 x 3 palce). Po vytvorení tvaru je najlepším spôsobom, ako zmeniť jeho veľkosť na presné rozmery, použiť panel Transformácia, ktorý je znázornený na tomto obrázku. Nechajte si vybrať objekt a potom zvoľte Okno→Transformovať na […]

Ako vytvoriť QR kódy v InDesign CC

Ako vytvoriť QR kódy v InDesign CC

InDesign môžete použiť na vytváranie a úpravu grafiky s kódom QR. QR kódy sú formou čiarového kódu, ktorý môže uchovávať informácie, ako sú slová, čísla, adresy URL alebo iné formy údajov. Používateľ naskenuje QR kód pomocou svojho fotoaparátu a softvéru na zariadení, ako je napríklad smartfón, a softvér využíva […]

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Môže nastať čas, keď budete potrebovať novú fotografiu, aby vyzerala staro. Photoshop CS6 vám pomôže. Čiernobiela fotografia je novším fenoménom, než by ste si mysleli. Dagerotypie a iné rané fotografie mali často hnedastý alebo modrastý odtieň. Môžete si vytvoriť vlastné majstrovské diela v sépiovom tóne. Tónované obrázky môžu vytvárať […]

Funkcia Live Paint v Adobe CS5 Illustrator

Funkcia Live Paint v Adobe CS5 Illustrator

Pomocou funkcie Live Paint v aplikácii Adobe Creative Suite 5 (Adobe CS5) Illustrator môžete vytvoriť požadovaný obrázok a vyplniť oblasti farbou. Vedro Live Paint automaticky rozpozná oblasti zložené z nezávislých pretínajúcich sa ciest a podľa toho ich vyplní. Farba v danej oblasti zostáva živá a tečie automaticky, ak existuje […]