Kuidas Dreamweaveris teksti lisada ja vormindada

Paljud inimesed on meeldivalt üllatunud, kui lihtsalt saavad nad Dreamweaveris teksti ja piltidega lihtsa veebilehe luua. Teksti põhivorminguks saate kasutada Dreamweaveri HTML-vormingusuvandeid, sealhulgas pealkirja ja lõigumärgendeid. Alustage nende põhiliste HTML-märgenditega, et asjad oleksid alguses lihtsad.

Kuidas Dreamweaveris veebilehele teksti lisada

Lehele teksti lisamiseks klõpsake lihtsalt kursori sisestamiseks lehe ülaossa ja tippige. Kui soovite lisada teksti, mis teil on kusagil mujal, näiteks Microsoft Wordis loodud failis, saate selle uuesti tippimise asemel kopeerida ja kleepida Dreamweaverisse.

Dreamweaver pakub palju võimalusi vormingu säilitamiseks, kui kopeerite ja kleepite teksti teisest programmist. See funktsioon on eriti oluline, kui kopeerite teksti Microsoft Wordist, sest kui kleepite teksti nii nagu see on, võite lisada palju Microsoft Wordile ainulaadset lisakoodi ja võib teie veebilehel probleeme põhjustada.

Kui valite Redigeerimine→Kleebi, saate muuta vaikeseadet, kuidas Dreamweaver vormindamist käsitleb, muutes kategooria Kopeeri/kleebi eelistusi. Saate valida ka Redigeerimine→Kleebi teisiti, et kuvada need suvandid iga kord, kui kleepite uut sisu.

Järgmised on neli peamist teksti sisestamise võimalust, kui valite Redigeerimine→Kleebi teisiti, ning kolm võimalust oma valiku täpsustamiseks.

• Ainult tekst: Dreamweaver eemaldab kõik vormingud ja lisab lihtteksti.

• Struktuuriga tekst: Dreamweaver sisaldab lõike, loendeid, tabeleid ja muid struktuurse vormindamise valikuid.

• Tekst koos Structure Plusi põhivorminguga : Dreamweaver sisaldab nii struktuurset vormindamist kui ka põhivormingut, nagu paksus kirjas ja kaldkirjas.

• Tekst koos Structure Plus täisvorminguga: lisaks eelmistele valikutele sisaldab Dreamweaver vormindamist, mis on loodud stiililehtedega sellistes programmides nagu Microsoft Word.

• Säilitage reavahetused: reavahetused säilivad isegi siis, kui te ei säilita muid vormindamisvalikuid. See suvand pole saadaval, kui valite Ainult tekst.

• Puhasta Wordi lõikude vahe: see suvand eemaldab Microsoft Wordile ainulaadse vormingukoodi ja on veebis oleva teksti jaoks ebavajalik (ja pole soovitatav).

• Nutikate tsitaatide teisendamine sirgteks tsitaatideks: nutikad tsitaadid – üldnimetus nendele väljamõeldud lokkis tsitaatidele, mida disainerid armastavad kasutada trükidokumentides – nõuavad spetsiaalset märki, et veebis õigesti kuvada ja see erimärk ei tööta kõigis veebibrauserites. . Selle võimaliku probleemi vältimiseks valige see ruut ja teisendage kõik oma nutikad hinnapakkumised sirgeteks.

Kuidas Dreamweaveris pealkirja siltidega teksti vormindada

Üks parimaid pealkirjade vormindamisvalikuid on pealkirjamärgendite kogumine. HTML-is kasutades pealkirjamärgendeid (

,

ja nii edasi) pealkirja või pealkirjana kasutatava teksti vormindamine pakub palju eeliseid. Pealkirjasildid on mõeldud kuvamiseks suhtelises suuruses koos

suurima,

väiksem,

väiksem ikka ja nii edasi

.

Nii et olenemata sellest, milline on veebilehe vaiketeksti suurus (ja teksti suurus võib brauseri sätete ja arvutiplatvormi tõttu erineda), on iga tekst, mis on vormindatud

märgend on alati suurem kui sellega vormindatud tekst

.

Levinud arvamus on, et paljud otsingumootorid eelistavad märksõnu, mis on vormindatud tähega a

märgend, sest lehe kõige olulisem tekst sisaldub tavaliselt suurimas pealkirjas. Samamoodi ütlevad otsingumootori eksperdid, et peaksite kasutama

märgi ainult üks kord lehel.

Pealkirjasildiga teksti vormindamiseks toimige järgmiselt.

Tõstke esile tekst, mida soovite vormindada.

Tööala allosas asuvas Atribuutide inspektoris veenduge, et inspektori vasakul küljel olev HTML-nupp on valitud.

Kasutage pealkirja valiku valimiseks ripploendit Vorming.

Pealkirja siltide rakendamisel muutub tekst kujundusvaates automaatselt suureks ja paksuks.

Krediit: Casey Stolli foto

Üldjuhul on Property Inspector lihtsaim viis põhivormingu rakendamiseks, kuid need HTML-vormingusuvandid leiate ka valides Vorming→Lõigu vorming ja seejärel ilmuvast alammenüüst päise valiku.

Kuidas Dreamweaveris lõike ja reavahetusi lisada

Veebi lehtede kujunduse loomisel peate töötama paljude piirangutega, mis võivad alguses tunduda segadusse ajavad. Veebikujundus ja trükikujundus on põhimõtteliselt erinevad ning see võib isegi pealtnäha lihtsad ülesanded muuta oodatust keerulisemaks. Hea näide on see, kuidas loote lõigu- ja reavahetusi.

Kui töötate Dreamweaveri kujundusvaates ja vajutate sisestusklahvi (Windows) või klahvi Return (Mac), lisab Dreamweaver lõigusildi või

, koodis, mis loob reavahetuse, millele järgneb tühi rida.

Kui soovite reavahetust ilma täiendava tühja reata, hoidke all klahvi Shift, kui vajutate sisestusklahvi (või Return), et käskida Dreamweaveril
koodi sisestada silt, luues ühe reavahetuse.

Parim tava on vältida mitme lõigu- või vahemärgendi kasutamist, et luua veebilehel lisaruumi (ja mitte kõik brauserid ei säilita tühja ruumi, kui loote selle sel viisil). Kui soovite lehel lõikude või muude elementide vahele palju ruumi lisada, on parim valik CSS-i kasutamine.

Kui töötate koodivaates ja lisate ruumi sisestus- või tagastusklahvi abil, lisate koodi sisse tühja ruumi. Lisaruum HTML-koodis võib olla kasulik, kuna lisaruum muudab koodi hõlpsamini loetavaks, kuid üldiselt ei mõjuta see seda, kuidas leht kujundusvaates või veebibrauseris kuvatakse.