Dreamweaver CS5 All-in-One pro LuckyTemplates Cheat Sheet

Dreamweaver CS5 může výrazně zvýšit produktivitu a změnit způsob, jakým vytváříte webové stránky. Znalost všech důležitých klávesových zkratek Dreamweaveru CS5 a běžných pravidel kódování HTML může vaši efektivitu jako návrháře ještě více zvýšit. Zorientujte se v pracovním prostoru Dreamweaveru pomocí snadno zapamatovatelných klávesových zkratek a běžných tipů pro kódování, abyste mohli pracovat rychleji a chytřeji a vytvářet webové stránky snadněji.

Ušetřete čas pomocí klávesových zkratek Dreamweaver CS5

Používání Dreamweaveru CS5 je mnohem rychlejší, když znáte zkratky. Pomocí těchto klávesových zkratek v zobrazení Návrh, Rozdělení a Kód můžete rychle vytvářet dokumenty, provádět úlohy úprav, skrývat a zobrazovat funkce pracovního prostoru, používat jednoduché formátování, upravovat kód, provádět výběry, přistupovat k nápovědě aplikace Dreamweaver, zobrazovat náhledy stránek v živém zobrazení a v prohlížeči. , a více.

Příkazy klávesnice PC zkratka Zkratka pro Mac
Vytvořte nový dokument Control+N Command+N
Otevřete existující dokument Control+O Příkaz + O
Uložte otevřený dokument Control+S Command+S
Zavřete otevřený dokument Control+W Command+W
Zavřete všechny otevřené dokumenty Control+Shift+W Command+Shift+W
Ukončit/Ukončit Dreamweaver Control+Q nebo Alt+F4 Command+Q nebo Opt+F4
vrátit Control+Z nebo Alt+Backspace Option+Delete
Předělat Ctrl+Y nebo
Ctrl+Shift+Z
Command+Y nebo Command+Shift+Z
Střih Control+X nebo
Shift+Delete
Command+X nebo
Shift+Delete
kopírovat Control+C Command+C
Vložit Control+V Command+V
Vložit speciální Control+Shift+V Command+Shift+V
Vybrat vše Control+A Příkaz + A
Najít a nahradit Control+F Command+F
Otevřete panel Předvolby Control+U Příkaz + U
Zobrazit/skrýt pravítka Control+Alt+R Command+Option+R
Zobrazit/skrýt vodítka Control+; Command+;
Zobrazit/skrýt vizuální pomůcky Control+Shift+I Command+Shift+I
Zobrazit/skrýt mřížku Control+Alt+G Command+Option+G
Upravit vlastnosti stránky Control+J Command+J
Obnovit zobrazení návrhu F5 F5
Označte vybraný text tučně Control+B Command+B
Udělat vybraný text kurzívou Control+I Příkaz + I
Použít formátování odstavce na vybraný text Control+Shift+P Command+Shift+P
Použít formátování nadpisu (H1–H6) na vybraný text Control+1 až 6 Příkaz + 1 až 6
Přidat nový odstavec Vrátit se Vrátit se
Přidejte zalomení řádku Shift+Return Shift+Return
Vložte pevnou mezeru Command+Shift+mezerník Command+Shift+mezerník
Přesunout objekt nebo text Přetáhněte výběr do nového umístění Přetáhněte výběr do nového umístění
Zkopírujte objekt nebo text Se stisknutou klávesou Control přetáhněte výběr do nového umístění Přetáhněte výběr do nového umístění
Vyberte slovo Dvojklik Dvojklik
Vyberte řádek nebo textový blok Trojité kliknutí Trojité kliknutí
Vložit obrázek Control+Alt+I Command+Option+I
Vložit tabulku Control+Alt+T Command+Option+T
Spusťte kontrolu pravopisu Shift+F7 Shift+F7
Otevřete okno nápovědy F1 F1
Přiblížit Control+= Příkaz+=
Oddálit Control+- příkaz+-
Náhled v primárním prohlížeči F12 Option+F12
Náhled v sekundárním prohlížeči Shift+F12 nebo Control+F12 Command+F12
Živé zobrazení Alt+F11 Option+F11
Zmrazit JavaScript F11 F11
Kontrolovat Alt+Shift+F11 Option+Shift+F11
Navigátor kódu Control+Alt+N Command+Option+N
Dostat Control+Shift+D Command+Shift+D
Dát Control+Shift+U Command+Shift+U
Přihlaste se Control+Alt+Shift+U Command+ Option+Shift+U
Překontrolovat Control+Alt+Shift+D Command+ Option+Shift+D

Rady pro kódy HTML, CSS a JavaScript

Jako webový návrhář používáte některé části kódu HTML, CSS a JavaScript často, ale ne tak často, abyste se zapsali do paměti. Následující HTML kód, styl CSS a rady JavaScriptu jsou užitečné, když na své stránky přidáváte speciální prvky, jako jsou nulové odkazy, metaznačky a entity. Použijte tyto rady pro kódy HTML, CSS a JavaScript v zobrazení Kód, v inspektoru Vlastnosti a ve vašich šablonách stylů CSS.

Nápověda ke kódu HTML Kódová zkratka
Vytvořte nulový odkaz # nebo javascript:; nebo javascript:void(0) jako v<>
href=”#”>
odkaz
odkazu
Vytvořte pojmenovaný kotevní odkaz Odkaz na cílový
odkaz
Cíl
Vytvořte odkaz na pojmenovanou kotvu na jiné stránce odkaz
Vložit zalomení řádku  
Zavřít okno JavaScript Zavřete toto
okno
Znovu navštivte metaznačku po x dnech  
Žádná metaznačka mezipaměti  
Meta odkaz na domovskou stránku  
Meta odkaz na stránku mapy webu  
Meta odkaz na ikonu zástupce  
Meta odkaz na ikonu zástupce pomocí GIF místo ICO   href=”favicon.gif” />
Odkaz na externí soubor JS type=”text/javascript”>
Odkaz na externí CSS   media=”screen”/>
Import@ odkaz na externí CSS  
Odkaz CSS pro prohlížeče IE nižší než IE 7 type=”text/css” href=”ie.css”
media=”all”/>
Vložte obrázek s atributem ALT "Můj
Prázdný atribut ALT pro obrázek “
Entita pro přidání prázdného místa   nebo  
Subjekt pro přidání autorských práv © nebo ©
Subjekt pro přidání ochranné známky ™ nebo ™
Entita pro přidání ampersandu & nebo &
Přidejte značky NoScript  
Propojit cíle _blank
_new
_self
_parent
_top
Použijte vlastní styl CSS se značkami SPAN
Značky komentářů v HTML a JavaScriptu
Tagy komentářů v CSS /* Váš komentář zde */
Struktura značky CSS předefinuje styl tag {
atribut: hodnota;
}
Struktura stylu CSS ID #ID {
atribut: hodnota;
}
Struktura vlastního stylu CSS .stylename {
atribut: value;
}
CSS pro styly odkazů a:odkaz {
atribut: hodnota;
}
a:navštívené {
atribut: hodnota;
}
a:hover {
atribut: hodnota;
}
a:active {
atribut: value;;
}

Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.