HTML on sivunkuvauskieli verkkodokumenttien muotoiluun.
Kuvan luotto: Janka Dharmasena/iStock/Getty Images
Dreamweaver, Adoben Web-kehitystyökalu, mahdollistaa minkä tahansa HTML-dokumentin, kuten Web-sivun tai sähköpostiviestin, luomisen. Jos olet perehtynyt HTML-merkintöjen kirjoittamiseen, voit käyttää koodinäkymää sähköpostin kirjoittamiseen HTML-tageilla. Jos haluat mieluummin muotoilla sähköpostin visuaalisesti, Dreamweaver tarjoaa suurimman osan tekstinkäsittelyohjelman tarjoamista muotoiluominaisuuksista. Voit myös valita jaetun näkymän nähdäksesi sekä koodi- että näyttönäkymät samanaikaisesti samalla näytöllä.
Määritä muotoilu
Vaihe 1
Käynnistä Dreamweaver ja valitse sitten Luo uusi -sarakkeesta "HTML".
Päivän video
Vaihe 2
Napsauta yläreunassa olevaa Suunnittelu-painiketta vaihtaaksesi koodinäkymästä suunnittelunäkymään, jos Suunnittelu ei ole jo valittuna.
Vaihe 3
Napsauta "Sivun ominaisuudet..." -painiketta Ominaisuudet-ikkunassa näytön alareunassa ja valitse sitten oletusfontti ja -koko, tekstin väri, taustaväri tai -kuva, jos sellainen on, ja sivu marginaalit.
Vaihe 4
Valitse Luokka-sarakkeesta "Linkit (CSS)" ja valitse sitten linkkien fontti, koko ja väri. viestin, joka perustuu hiiren sijaintiin, kuten hiiren ottaminen, ja linkin tila, kuten aktiivinen tai vierailtu. Valitse viestin linkkien alleviivaustyyli.
Vaihe 5
Napsauta ":Headings (CSS)" Luokka-sarakkeesta ja valitse sitten fontti, koko ja väri eri otsikoille, joita haluat käyttää viestissäsi.
Vaihe 6
Valitse Kategoria-sarakkeesta "Otsikko (koodaus)", kirjoita asiakirjan otsikko, kuten viestin aihe, ja valitse sitten asiakirjan tyyppi, kuten "HTML5" ja merkkikoodaus, kuten "Unicode (UTF-8)." Valitse "OK", kun tehty.
Kirjoita ja muotoile viesti
Vaihe 1
Kirjoita sähköpostisi tyhjälle näytölle. Muotoile teksti käyttämällä tyylejä Ominaisuudet-ikkunasta näytön alareunassa, kun kirjoitat viestiä tai kun olet kirjoittanut sen.
Vaihe 2
Valitse otsikon tyyppi Ominaisuudet-ikkunan Muoto-ruudusta muotoillaksesi tekstiä otsikoksi. Napsauta "B" lihavoidaksesi tekstin tai "I", jotta se näkyy kursiivilla.
Vaihe 3
Korosta viestistäsi teksti, jonka haluat muotoilla järjestämättömäksi tai järjestetyksi luetteloksi, ja napsauta sitten Ominaisuudet-ikkunassa "Järjestämätön luettelo" tai "Jätetty luettelo" -painiketta. Valitse "Blockquote"-painike muotoillaksesi tekstin lohkolainaukseksi; poista muotoilu valitsemalla "Poista lainaus" -painike.
Vaihe 4
Korosta teksti, jonka haluat muuttaa napsautettavaksi linkiksi, ja kirjoita sitten linkin URL-osoite Ominaisuudet-ikkunan Linkki-ruutuun. Valitse Kohteen valintaruudusta, miten haluat linkin avautuvan. Valitse esimerkiksi "_blank", jos haluat pakottaa linkin avautumaan uuteen ikkunaan.
Vaihe 5
Valitse "Lisää" ja napsauta sitten "Taulukko" lisätäksesi taulukon viestiisi. Valitse rivien ja sarakkeiden lukumäärä, määritä taulukon leveys ja syötä reunan paksuus. Kirjoita välilyöntien määrä, jolla haluat täyttää taulukon solujen sisällä ja taulukon solujen välissä. Kirjoita kuvateksti ja taulukon yhteenveto, jos haluat sisällyttää ne, ja napsauta sitten "OK". Kirjoita teksti näytölle ilmestyvään taulukkoon.
Vaihe 6
Valitse "Lisää", napsauta "Kuva" ja valitse sitten "Kuva" uudelleen lisätäksesi kuvan. Etsi ja valitse näytettävä kuvatiedosto. Säädä kuvan sijaintia viestissäsi vetämällä sitä hiirellä.
Esikatselu ja siirto
Vaihe 1
Valitse "Tiedosto", napsauta "Esikatselu selaimessa" ja valitse sitten selain, jos sinulla on asennettuna useita selaimia sähköpostin ja sen muotoilun esikatselua varten. Napsauta viestiin lisäämiäsi hyperlinkkejä varmistaaksesi, että ne toimivat oikein.
Vaihe 2
Paina "Ctrl-A" valitaksesi koko viestin ja paina sitten "Ctrl-C" kopioidaksesi sen. Vaihda sähköpostiohjelmaasi, luo uusi sähköpostiviesti ja muuta viestin tyypiksi "HTML" tarvittaessa.
Vaihe 3
Paina "Ctrl-V" liittääksesi viestin sähköpostiohjelmaasi. Osoita viesti vastaanottajille, kirjoita viestin aihe ja lähetä se.
Kärki
Testaa sähköposti lähettämällä se itsellesi ennen kuin lähetät sen muille varmistaaksesi, että HTML on tulkittu ja lähetetty oikein.
Varoitus
Tämän artikkelin tiedot koskevat Dreamweaver CC: tä. Se voi vaihdella hieman tai merkittävästi muiden versioiden tai tuotteiden mukaan.
