HTML je značkovací jazyk na úpravu webových dokumentov.
Kredit za obrázok: Janka Dharmasena/iStock/Getty Images
Dreamweaver, webový vývojový nástroj od Adobe, vám umožňuje vytvárať akýkoľvek typ dokumentu HTML, ako napríklad webovú stránku alebo e-mailovú správu. Ak ste oboznámení s písaním značiek HTML, môžete použiť zobrazenie kódu na napísanie e-mailu so značkami HTML. Ak uprednostňujete vizuálny štýl e-mailu, Dreamweaver poskytuje väčšinu možností formátovania, ktoré poskytuje program na spracovanie textu. Môžete tiež vybrať zobrazenie Rozdelené, aby ste na tej istej obrazovke videli súčasne zobrazenie kódu aj zobrazenia.
Vytvorte formátovanie
Krok 1
Spustite Dreamweaver a potom v stĺpci Create New vyberte „HTML“.
Video dňa
Krok 2
Kliknutím na tlačidlo „Návrh“ v hornej časti zmeníte zobrazenie kódu na zobrazenie návrhu, ak ešte nie je vybratý návrh.
Krok 3
Kliknite na tlačidlo „Vlastnosti stránky...“ v okne Vlastnosti v spodnej časti obrazovky a potom vyberte predvolené písmo a veľkosť, farba textu, farba pozadia alebo obrázok, ak existuje, a stránka marže.
Krok 4
V stĺpci Kategória vyberte položku Odkazy (CSS) a potom vyberte písmo, veľkosť a farbu odkazov v správy na základe polohy myši, ako je prevrátenie, a stavu prepojenia, ako je aktívne alebo navštívené. Vyberte štýl podčiarknutia pre odkazy v správe.
Krok 5
Kliknite na ":Nadpisy (CSS)" v stĺpci Kategória a potom vyberte písmo, veľkosť a farbu pre rôzne nadpisy, ktoré chcete použiť vo svojej správe.
Krok 6
V stĺpci Kategória vyberte „Názov (Kódovanie)“, zadajte názov dokumentu, napríklad predmet správy a potom vyberte typ dokumentu, napríklad „HTML5“, a kódovanie znakov, napríklad „Unicode (UTF-8). Zvoľte "OK", keď hotový.
Napíšte a naformátujte správu
Krok 1
Napíšte svoju e-mailovú správu na prázdnu obrazovku. Formátujte text použitím štýlov z okna Vlastnosti v spodnej časti obrazovky pri písaní správy alebo po jej dokončení.
Krok 2
Ak chcete upraviť text ako hlavičku, vyberte typ nadpisu v poli Formát v okne Vlastnosti. Kliknite na „B“, ak chcete, aby bol text tučný, alebo na „I“, ak chcete, aby sa zobrazil kurzívou.
Krok 3
Zvýraznite text v správe, ktorý chcete upraviť ako neusporiadaný alebo usporiadaný zoznam, a potom kliknite na tlačidlo "Neusporiadaný zoznam" alebo "Zoradený zoznam" v okne Vlastnosti. Zvoľte tlačidlo "Blockquote" na formátovanie textu ako blokové citácie; vyberte tlačidlo "Odstrániť Blockquote" na odstránenie formátovania.
Krok 4
Zvýraznite text, ktorý chcete zmeniť na odkaz, na ktorý sa dá kliknúť, a potom zadajte adresu URL odkazu do poľa Odkaz v okne Vlastnosti. V poli Target selection vyberte, ako sa má odkaz otvárať. Napríklad výberom „_blank“ vynútite otvorenie odkazu v novom okne.
Krok 5
Vyberte "Vložiť" a potom kliknite na "Tabuľka" na vloženie tabuľky do správy. Vyberte počet riadkov a stĺpcov, špecifikujte šírku tabuľky a zadajte hrúbku okraja. Zadajte počet medzier, ktoré chcete použiť na vyplnenie buniek tabuľky a na medzery medzi bunkami tabuľky. Ak ich chcete zahrnúť, zadajte popis a zhrnutie tabuľky a potom kliknite na tlačidlo OK. Zadajte text do tabuľky, ktorá sa zobrazí na obrazovke.
Krok 6
Vyberte "Vložiť", kliknite na "Obrázok" a potom znova vyberte "Obrázok", aby ste vložili obrázok. Nájdite a vyberte súbor obrázka, ktorý chcete zobraziť. Upravte umiestnenie obrázka v správe potiahnutím myšou.
Ukážka a prenos
Krok 1
Vyberte "Súbor", kliknite na "Ukážka v prehliadači" a potom vyberte prehliadač, ak máte nainštalovaných viacero prehliadačov na zobrazenie ukážky e-mailu a jeho formátovania. Kliknite na hypertextové prepojenia, ktoré ste zahrnuli do správy, aby ste sa uistili, že sa správne vyriešili.
Krok 2
Stlačte "Ctrl-A" na výber celej správy a potom stlačte "Ctrl-C" na skopírovanie. Prepnite sa do svojho e-mailového programu, vytvorte novú e-mailovú správu a v prípade potreby zmeňte typ správy na „HTML“.
Krok 3
Stlačením "Ctrl-V" prilepíte správu do svojho e-mailového programu. Adresujte správu svojim príjemcom, zadajte predmet správy a potom ju odošlite.
Tip
Otestujte si e-mail odoslaním sebe skôr, ako ho odošlete iným ľuďom, aby ste sa uistili, že kód HTML bol správne interpretovaný a odoslaný.
Pozor
Informácie v tomto článku sa týkajú aplikácie Dreamweaver CC. Môže sa mierne alebo výrazne líšiť od iných verzií alebo produktov.
