V aplikaci Dreamweaver zvolte možnost Web > Nový web.
Naposledy aktualizováno
19. 5. 2021
- Příručka uživatele aplikace Dreamweaver
- Úvod
- Dreamweaver a Creative Cloud
- Pracovní plochy a zobrazení aplikace Dreamweaver
- Nastavení webů
- O webech aplikace Dreamweaver
- Nastavení lokální verze webu
- Připojení k publikačnímu serveru
- Nastavení testovacího serveru
- Import a export nastavení webu aplikace Dreamweaver
- Přenos stávajících webových stránek ze vzdáleného serveru do kořenové složky lokálního webového místa
- Funkce usnadnění přístupu v aplikaci Dreamweaver
- Rozšířená nastavení
- Nastavení předvoleb webového místa pro přenos souborů
- Úprava nastavení serveru proxy v aplikaci Dreamweaver
- Synchronizace nastavení aplikace Dreamweaver ve službě Creative Cloud
- Používání systému Git v aplikaci Dreamweaver
- Správa souborů
- Vytváření a otevírání souborů
- Správa souborů a složek
- Získání souborů ze serveru a odeslání souborů na server
- Zpřístupnění/vyhrazení souborů
- Synchronizace souborů
- Porovnání souborů a nalezení rozdílů
- Maskování souborů a složek ve webu aplikace Dreamweaver
- Povolení poznámek k návrhu pro weby Dreamweaver
- Předcházení potenciálnímu zneužití modulu Gatekeeper
- Rozvržení a návrh
- Používání vizuálních pomůcek pro rozvržení
- O používání souborů CCS k rozvržení stránky
- Navrhování responzivních webů pomocí nástroje Bootstrap
- Vytvoření a používání multimediálních dotazů v aplikaci Dreamweaver
- Zobrazení obsahu pomocí tabulek
- Barvy
- Responzivní návrh s využitím rozvržení s plovoucí mřížkou
- Funkce Extrakt v aplikaci Dreamweaver
- CSS
- Vysvětlení kaskádových seznamů stylů
- Rozvržení stránek pomocí panelu CSS Designer
- Použití preprocesorů CSS v aplikaci Dreamweaver
- Postup nastavení předvoleb stylu CSS v aplikaci Dreamweaver
- Přesunutí pravidel CSS v aplikaci Dreamweaver
- Převedení inline CSS na pravidlo CSS v aplikaci Dreamweaver
- Práce s tagy div
- Použití přechodů na pozadí
- Vytváření a úprava efektů přechodů v aplikaci Dreamweaver
- Formátování kódu
- Obsah stránky a datové zdroje
- Nastavení vlastností stránky
- Nastavení vlastností nadpisů CSS a vlastností odkazu CSS
- Práce s textem
- Vyhledání a nahrazení textu, tagů a atributů
- Panel DOM
- Úpravy v živém zobrazení
- Kódování dokumentů v aplikaci Dreamweaver
- Výběr a zobrazení elementů v okně dokumentu
- Nastavení vlastností textu v Inspektoru vlastností
- Kontrola pravopisu webové stránky
- Pomocí vodorovných linek v aplikaci Dreamweaver
- Přidání a úprava kombinací písma v aplikaci Dreamweaver
- Práce s datovými zdroji
- Vložení a aktualizace dat v aplikaci Dreamweaver
- Vytvoření a správa oblíbených datových zdrojů v aplikaci Dreamweaver
- Vložení a úprava obrázků v aplikaci Dreamweaver
- Přidání multimediálních objektů
- Přidání videa v aplikaci Dreamweaver
- Vložení videa HTML 5
- Vložit soubory SWF
- Přidání zvukových efektů
- Vložte zvuk HTML5 v aplikaci Dreamweaver
- Práce s položkami knihoven
- Používání arabského a hebrejského textu v aplikaci Dreamweaver
- Odkazy a navigace
- Ovládací prvky a efekty jQuery
- Kódování webových stránek
- Informace o psaní kódu v aplikaci Dreamweaver
- Prostředí pro psaní kódu v aplikaci Dreamweaver
- Nastavení předvoleb kódování
- Přizpůsobení barevného zvýraznění kódu
- Psaní a úprava kódu
- Našeptávání kódu a dokončování kódu
- Sbalení a rozbalení kódu
- Opakované použití kódu v podobě výstřižků
- Linting kódu
- Optimalizace kódu
- Úprava kódu v zobrazení Návrh
- Práce s obsahem hlavičky stránek
- Vložení zahrnutí na straně serveru v aplikaci Dreamweaver
- Používání knihoven tagů v aplikaci Dreamweaver
- Import vlastních tagů do aplikace Dreamweaver
- Práce s funkcemi JavaScriptu (obecné pokyny)
- Použití vestavěných chování jazyka JavaScript
- O XML a XSLT
- Provádění transformace XSL na straně serveru v aplikaci Dreamweaver
- Provádění transformace XSL na straně klienta v aplikaci Dreamweaver
- Přidání entit znaku pro XSLT v aplikaci Dreamweaver
- Formátování kódu
- Pracovní postupy pro různé produkty
- Instalace a používání rozšíření v aplikaci Dreamweaver
- Aktualizace v rámci aplikace v aplikaci Dreamweaver
- Vkládání dokumentů sady Microsoft Office v aplikaci Dreamweaver (jen ve Windows)
- Práce s aplikacemi Fireworks a Dreamweaver
- Úprava obsahu na webech Dreamweaver za pomoci aplikace Contribute
- Integrace mezi aplikacemi Dreamweaver a Business Catalyst
- Vytváření e-mailových kampaní na míru
- Šablony
- O předlohách aplikace Dreamweaver
- Rozpoznání předloh a dokumentů založených na předloze
- Vytvoření předlohy aplikace Dreamweaver
- Vytváření upravitelných oblastí v šablonách
- Vytváření opakovaných oblastí a tabulek v aplikaci Dreamweaver
- Použijte volitelné oblasti v předlohách
- Definování upravitelných atributů tagu v aplikaci Dreamweaver
- Postup vytvoření vnořených šablon v aplikaci Dreamweaver
- Úprava, aktualizace nebo odstranění předloh
- Export a import obsahu XML v aplikaci Dreamweaver
- Aplikace nebo odstranění předlohy z existujícího dokumentu.
- Úprava obsahu v předlohách Dreamweaver
- Pravidla syntaxe pro tagy předloh v aplikaci Dreamweaver
- Nastavení předvoleb zvýraznění pro oblasti předlohy
- Výhody používání předloh v aplikaci Dreamweaver
- Mobilní zařízení a zařízení s více displeji
- Dynamické weby, stránky a webové formuláře
- Informace o webových aplikacích
- Nastavení počítače pro vývoj aplikací
- Řešení problémů s připojením databází
- Odstranění skriptů připojení v aplikaci Dreamweaver
- Návrh dynamických stránek
- Přehled zdrojů dynamického obsahu
- Definice zdrojů dynamického obsahu
- Přidání dynamického obsahu na stránky
- Změna dynamického obsahu v aplikaci Dreamweaver
- Zobrazení záznamů databáze
- Zajišťování a řešení potíží s živými daty v aplikaci Dreamweaver
- Přidání uživatelského chování serveru v aplikaci Dreamweaver
- Vytváření formulářů pomocí aplikace Dreamweaver
- Shromažďování informací od uživatelů pomocí formulářů
- Vytváření a povolení formulářů ColdFusion v aplikaci Dreamweaver
- Vytváření webových formulářů
- Rozšířená podpora formátu HTML5 pro elementy formuláře
- Vytváření formuláře pomocí aplikace Dreamweaver
- Vizuální vytváření aplikací
- Vytváření hlavních a podrobných stránek v aplikaci Dreamweaver
- Vytváření vyhledávacích stránek a stránek s výsledky
- Vytvoření stránky vložení záznamu
- Vytvoření stránky pro aktualizaci záznamu v aplikaci Dreamweaver
- Budování stránek pro odstranění záznamu v aplikaci Dreamweaver
- Používání příkazů ASP k úpravě databáze v aplikaci Dreamweaver
- Vytvoření registrační stránky
- Vytvoření přihlašovací stránky
- Vytvoření stránky, na kterou mají přístup pouze autorizovaní uživatelé
- Zabezpečení složek ve službě ColdFusion pomocí aplikace Dreamweaver
- Používání komponent ColdFusion v aplikaci Dreamweaver
- Testování, náhled a publikování webových stránek
- Odstraňování problémů
Zjistěte, jak nastavit lokální verzi vašeho webu jako webu Dreamweaver, a jak používat dialogové okno Správa webových míst pro nastavení a správu více webů.
I když můžete v aplikaci Dreamweaver pracovat bez vytvoření kořenové složky lokálního webu, je vhodné složku lokálního webu v aplikaci Dreamweaver u každého nově vytvářeného webu definovat.
Vytvořením složky lokálního webu umožníte aplikaci Dreamweaver určit, kde se nachází jeho soubory, aby mohla správně vytvořit všechny interní odkazy, případně je po přesunutí souborů do jiného umístění v rámci webu aktualizovat.
Další informace o tom, proč je užitečné vytvářet místní weby, najdete v tématu Výhody webu Dreamweaver.
Chcete‑li nastavit lokální verzi webu, musíte určit lokální složku, ve které chcete všechny soubory webu uchovávat.
Tato složka může být na místním počítači nebo na síťovém serveru. Prostřednictvím dialogového okna Web > Nový web nebo Web > Správa webů v aplikaci Dreamweaver můžete nastavit a spravovat větší počet webů.
Dříve než začnete
Určete nebo vytvořte složku v počítači, do níž chcete ukládat lokální verzi webových souborů. Tato složka se může nacházet kdekoli v počítači. V aplikaci Dreamweaver se pak nastaví jako lokální web.
Výukové video o nastavení nového webu aplikace Dreamweaver najdete v tématu Definování webu v aplikaci Dreamweaver.
Osvědčené postupy pojmenování souborů a složek
Při pojmenování souborů a složek postupujte podle těchto obecných pravidel:
- Názvy souborů a složek na webu by nikdy neměly obsahovat mezery ani žádné z následujících znaků: /\?%*:|„“<>.
- I když jsou některé jiné speciální znaky povoleny, je lepší se omezit na používání písmen, čísel, pomlček a podtržítek.
- Většina názvů souborů a složek se stane součástí adresy URL webové stránky, proto by názvy měly být krátké, ale smysluplné. Dlouhé adresy URL se uživatelům těžko pamatují a v prohlížeči na mobilním zařízení se obtížně píšou.
- U názvů souborů a složek používejte malá písmena, aby tak nedocházelo k potížím s vyhledáním souboru. Většina webových serverů využívá platformu Linux, na které se rozlišují malá a velká písmena.
Dialogové okno Nastavení webu
Dialogové okno Správa webů umožňuje přístup k různým funkcím webu aplikace Dreamweaver. V tomto dialogovém okně můžete zahájit vytváření nového webu, provádět úpravy stávajícího webu, duplikovat či odstraňovat weby a importovat nebo exportovat nastavení webu.
Web můžete nastavit a spravovat v dialogovém okně Web > Nový web nebo Web > Správa webů.
Nový web
Kliknutím na tlačítko Nový web vytvořte nový web aplikace Dreamweaver. Potom vyberte v dialogovém okně Nastavení webu název a umístění nového webu.
Importovat web
Kliknutím na tlačítko Importovat web importujte web. Další informace najdete v tématu Import a export nastavení webu.
Poznámka:
Funkce pro import webu umožňuje import pouze těch nastavení webu, která byla předtím exportována z aplikace Dreamweaver. Nedokáže importovat soubory webu a vytvořit z nich nový web aplikace Dreamweaver.
U existujících webů jsou k dispozici také následující možnosti:
Odstranit
Odstraní vybraný web a jeho informace o nastavení ze seznamu webů aplikace Dreamweaver. Soubory tohoto webu se neodstraní. (Chcete-li soubory webu odstranit z počítače, musíte je odstranit ručně.) Chcete-li web odstranit z aplikace Dreamweaver, vyberte ho v seznamu webů a klikněte na tlačítko Odstranit. Tuto akci nelze vrátit.
Upravit
Umožňuje upravovat údaje, jako je uživatelské jméno, heslo a informace o serveru, které souvisí s existujícím webem aplikace Dreamweaver. Vyberte existující web ze seznamu webů a klikněte na tlačítko Úpravy, abyste ho mohli upravit. (Dialogové okno Nastavení webu se otevře, jakmile kliknete na tlačítko Úpravy u vybaného webu.) Chcete-li více informací o úpravě nastavení existujících webů, klikněte na tlačítko Nápověda na obrazovce dialogového okna Nastavení webu.
Duplikovat
Vytvoří kopii existujícího webu. Chcete-li web duplikovat, vyberte ho ze seznamu webů a klikněte na tlačítko Duplikovat. Duplikovaný web se zobrazí v seznamu webů a ke svému názvu bude mít připojené slovo „kopie“. Chcete-li změnit název duplikovaného webu, ponechejte web vybraný a klikněte na tlačítko Úpravy.
Exportovat
Umožňuje exportovat nastavení vybraného webu jako soubor XML (*.ste). Další informace viz Import a export nastavení webu.
Nastavení lokální verze webu
-
-
V dialogovém okně Nastavení webu je třeba vybrat kategorii webu.
-
Do textového pole Název webu zadejte název webu. Tento název se zobrazuje v panelu Soubory a v dialogovém okně Správa webů; v prohlížeči se nezobrazí.
-
V textovém poli Místní složka webu zadejte složku, kterou jste určili dříve. Jedná se o složku, v níž chcete ukládat soubory lokální verze webu. Chcete‑li složku vyhledat procházením, klikněte na ikonu složky napravo od textového pole.
Nastavení složky lokálního webu
Nastavení složky lokálního webu -
Chcete‑li ke správě souborů pro svůj web používat systém Git, zaškrtněte políčko Přiřadit úložiště Git k tomuto webu.
- Pokud systém Git používáte poprvé a chcete k němu přiřadit web, který vytváříte, vyberte možnost Inicializovat jako úložiště Git.
- Pokud už máte přihlašovací údaje do systému Git a chcete ke stávajícímu úložišti přiřadit web, který právě vytváříte, vyberte možnost Klonovat stávající úložiště Git pomocí adresy URL.
-
Kliknutím na tlačítko Uložit zavřete dialogové okno Nastavení webu. Nyní můžete v aplikaci Dreamweaver začít pracovat na souborech lokálního webu.
Tato složka představuje místo, kde se ukládají pracovní kopie webových stránek na vašem místním počítači.
Pokud později budete chtít své stránky publikovat a nastavit je jako veřejně dostupné, je nutné definovat vzdálenou složku (nebo publikační server), tj. místo na vzdáleném počítači se spuštěným webovým serverem, které bude obsahovat publikované kopie místních souborů.
Další informace o definování a připojení ke vzdálenému serveru (nebo publikačnímu serveru) najdete v tématu Připojení k publikačnímu serveru.
