Dreamweaver CS5 All-in-One pre LuckyTemplates Cheat Sheet

Dreamweaver CS5 môže výrazne zvýšiť produktivitu a zmeniť spôsob, akým vytvárate webové stránky. Poznanie všetkých dôležitých klávesových skratiek Dreamweaver CS5 a bežných pravidiel kódovania HTML môže ešte viac zvýšiť vašu efektivitu ako dizajnéra. Zorientujte sa v pracovnom priestore Dreamweaveru pomocou ľahko zapamätateľných klávesových skratiek a bežných rád pre kódovanie, aby ste mohli pracovať rýchlejšie a inteligentnejšie a vytvárať svoje webové lokality jednoduchšie.

Ušetrite čas pomocou klávesových skratiek Dreamweaver CS5

Používanie Dreamweaveru CS5 je oveľa rýchlejšie, keď poznáte skratky. Pomocou týchto klávesových skratiek v zobrazeniach Návrh, Rozdelenie a Kód môžete rýchlo vytvárať dokumenty, vykonávať úlohy úprav, skrývať a zobrazovať funkcie pracovného priestoru, používať jednoduché formátovanie, upravovať kód, robiť výbery, pristupovať k pomocníkovi Dreamweaveru, zobrazovať ukážky stránok v režime Live View a v prehliadači. , a viac.

Príkazy klávesnice PC skratka Skratka pre Mac
Vytvorte nový dokument Control+N Command+N
Otvorte existujúci dokument Control+O Príkaz + O
Uložte otvorený dokument Control+S Command+S
Zatvorte otvorený dokument Control+W Command+W
Zatvorte všetky otvorené dokumenty Control+Shift+W Command + Shift + W
Ukončiť/ukončiť Dreamweaver Control+Q alebo Alt+F4 Command+Q alebo Opt+F4
Vrátenie späť Control+Z alebo Alt+Backspace Option+Delete
Znovu Control + Y alebo
Control + Shift + Z
Command+Y alebo Command+Shift+Z
Vystrihnúť Control+X alebo
Shift+Delete
Command+X alebo
Shift+Delete
Kopírovať Control+C Command+C
Prilepiť Control+V Command+V
Špeciálna pasta Control+Shift+V Command + Shift + V
Vybrať všetko Control+A Príkaz + A
Nájsť a nahradiť Control+F Command+F
Otvorte panel Predvoľby Control+U Príkaz + U
Zobraziť/skryť pravítka Control+Alt+R Command+Option+R
Zobraziť/skryť sprievodcov Control+; Command+;
Zobraziť/skryť vizuálne pomôcky Control+Shift+I Command + Shift + I
Zobraziť/skryť mriežku Control+Alt+G Command+Option+G
Upravte vlastnosti stránky Control+J Command+J
Obnoviť zobrazenie návrhu F5 F5
Označiť vybraný text tučným písmom Control+B Command+B
Urobiť vybratý text kurzívou Control+I Príkaz + I
Použiť formátovanie odseku na vybratý text Control + Shift + P Command + Shift + P
Použiť formátovanie nadpisu (H1–H6) na vybratý text Control+1 až 6 Príkaz + 1 až 6
Pridajte nový odsek Návrat Návrat
Pridajte zalomenie riadku Shift+Return Shift+Return
Vložte neprerušiteľnú medzeru Command + Shift + medzerník Command + Shift + medzerník
Presuňte objekt alebo text Presuňte výber na nové miesto Presuňte výber na nové miesto
Skopírujte objekt alebo text Podržte kláves Control a potiahnite výber na nové miesto Potiahnite výber na nové miesto
Vyberte slovo Dvojité kliknutie Dvojité kliknutie
Vyberte riadok alebo textový blok Trojité kliknutie Trojité kliknutie
Vložte obrázok Control+Alt+I Command+Option+I
Vložiť tabuľku Control+Alt+T Command+Option+T
Spustite kontrolu pravopisu Shift+F7 Shift+F7
Otvorte okno Pomocníka F1 F1
Priblížiť Control+= Príkaz + =
Oddialiť Control+- príkaz +-
Ukážka v primárnom prehliadači F12 Option+F12
Ukážka v sekundárnom prehliadači Shift+F12 alebo Control+F12 Command + F12
Live View Alt+F11 Option+F11
Zmraziť JavaScript F11 F11
Skontrolujte Alt+Shift+F11 Option+Shift+F11
Navigátor kódu Control+Alt+N Command+Option+N
Získajte Control+Shift+D Command + Shift + D
Dajte Control+Shift+U Command + Shift + U
Prihlásiť sa Control+Alt+Shift+U Command + Option + Shift + U
Odhlásiť sa Control+Alt+Shift+D Command + Option + Shift + D

Rady pre kódy HTML, CSS a JavaScript

Ako webový dizajnér používate niektoré časti kódu HTML, CSS a JavaScript často, ale nie dosť často na to, aby ste sa zapísali do pamäte. Nasledujúci kód HTML, štýl CSS a rady JavaScript sú užitočné, keď na svoje stránky pridávate špeciálne prvky, ako sú napríklad nulové odkazy, metaznačky a entity. Použite tieto rady pre kódy HTML, CSS a JavaScript v zobrazení kódu, v inšpektore vlastností a vo vašich hárkoch štýlov CSS.

Tip pre HTML kód Skratka kódu
Vytvorte nulový odkaz # alebo javascript:; alebo javascript:void(0) ako v<>
href=”#”>odkaz
link
link
Vytvorte pomenovaný kotviaci odkaz Odkaz na Cieľový
odkaz
Cieľ
Vytvorte odkaz na pomenovanú kotvu na inej stránke odkaz
Vložte zlom riadku  
Zavrieť okno JavaScript Zavrieť toto
okno
Znova navštívte metaznačku po x dňoch  
Žiadna metaznačka vyrovnávacej pamäte  
Meta odkaz na domovskú stránku  
Meta odkaz na stránku mapy webu  
Meta odkaz na ikonu odkazu  
Meta odkaz na ikonu odkazu pomocou GIF namiesto ICO   href=”favicon.gif” />
Odkaz na externý súbor JS type=”text/javascript”>
Odkaz na externý CSS   media=”screen”/>
Import@ odkaz na externý CSS  
Odkaz CSS pre prehliadače IE menšie ako IE 7 type=”text/css” href=”ie.css”
media=”all”/>
Vložte obrázok s atribútom ALT "Moja."
Prázdny atribút ALT pre obrázok “
Entita na pridanie prázdneho miesta   alebo  
Subjekt na pridanie autorských práv © alebo ©
Subjekt na pridanie ochrannej známky ™ alebo ™
Entita na pridanie znaku ampersand & alebo &
Pridajte značky NoScript  
Ciele prepojenia _blank
_Nová
_self
_parent
_top
Použite vlastný štýl CSS so značkami SPAN
Značky komentárov v HTML a JavaScript
Značky komentárov v CSS /* Váš komentár tu */
Štruktúra značky CSS predefinuje štýl tag {
atribút: hodnota;
}
Štruktúra štýlu CSS ID #ID {
atribút: hodnota;
}
Štruktúra vlastného štýlu CSS .názov štýlu {
atribút: hodnota;
}
CSS pre štýly odkazov a:link {
atribút: hodnota;
}
a:navštívené {
atribút: hodnota;
}
a:hover {
atribút: hodnota;
}
a:active {
atribút: value;;
}

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

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 presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.