Dodajte prelom ene vrstice v Dreamweaver Design View

The best protection against click fraud.

Če ste nov pri spletnem oblikovanju in razvoju spletnih strani (HTML, CSS, Javascript), se lahko odločite, da začnete z WYSIWYG urednik. Ta kratica pomeni "kar vidiš, to dobiš" in se v bistvu nanaša na programsko opremo, ki vam omogoča ustvarite spletno stran z uporabo vizualnih orodij, medtem ko programska oprema zakulisno piše kodo glede na to, kaj ste ustvarjanje. Verjetno najbolj priljubljeno orodje WYSIWYG, ki je na voljo Adobe's Dreamweaver.

Dobra možnost za tiste, ki šele začenjajo

Medtem ko mnogi prekaljeni spletni strokovnjaki z več izpopolnjene veščine poglej navzdol na Dreamweaver in njegovo težnjo po ustvarjanju napihnjenih oznak HTML in Slogi CSS, preprosta resnica je, da platforma ostaja dobra izbira za tiste, ki šele začenjajo z oblikovanjem spletnih strani. Ko začnete uporabljati možnost »pogled pogleda« Dreamweaverja za izdelavo spletne strani, je eno od vprašanj, ki se vam verjetno zdi, kako ustvariti prelom ene vrstice za vsebino v tem pogledu.

Ko na spletno stran dodajate besedilo HTML, bo spletni brskalnik to besedilo prikazal kot dolgo vrstico, dokler ne doseže roba okna brskalnika ali elementa vsebnika. Na tej točki se besedilo zavije v naslednjo vrstico. To je podobno kot pri kateri koli programski opremi za obdelavo besedil, kot sta Microsoft Word ali Google Docs. Ko vrstica besedila nima več prostora na vodoravni črti, se zavije v drugo vrstico. Kaj se torej zgodi, če želite narekovati, kje se prelomi črta?

instagram viewer

Ko v pogledu zasnove Dreamweaver pritisnete ENTER

Ko zadeneš ENTER v oblikovalskem pogledu Dreamweaverja je trenutni odstavek zaprt in začne se nov odstavek. Vizualno bo to pomenilo, da sta ti dve vrstici ločeni z malo navpičnega razmika. To je zato, ker HTML privzeto odstavki imajo oblazinjenje ali robove (kateri je odvisen od samega brskalnika) na dnu odstavka, ki doda ta razmik.

To je mogoče prilagoditi s CSS, resnica pa je, da želite, da med odstavki obstajajo razmiki, ki omogočajo berljivost spletnega mesta. Če želite eno vrstico in brez širokega navpičnega razmika med vrsticami, ne želite uporabiti tipke ENTER, ker ne želite, da so te vrstice posamezni odstavki.

Ko ne želite, da se začne nov odstavek

V teh časih, ko ne želite, da se začne nov odstavek, dodajte
oznaka v HTML. Tudi to je včasih zapisano kot
. posebej za različice XHTML, ki so zahtevale, da se vsi elementi zaprejo. Slednja / v tej sintaksi samozapira element od
tag nima lastne zaključne oznake. To je vse lepo in dobro, vendar delate v Design View v Dreamweaverju. Morda ne boste želeli skočiti v kodo in dodati teh premorov. To je v redu, saj lahko v Dreamweaverju dodate prelom vrstice, ne da bi se zatekli k pogledu kode.

Dodajte prelom črte v Dreamweaver's Design View:

  1. Kazalec postavite tja, kjer želite, da se nova vrstica začne.
  2. Držite tipko tipka za prestavljanje in pritisnite Enter.

To je to! Preprost dodatek tipke "shift" in [ENTER] bo dodal a
namesto novega odstavka. Zdaj, ko veste, kako je, bi morali razmisliti, kje ga uporabiti in kje se mu izogniti. Ne pozabite, HTML je namenjen ustvarjanju strukture spletnega mesta in ne vizualnega videza. Ne smete uporabljati več
oznake, da ustvarite navpični razmik pod elementi v vašem dizajnu.

Temu so namenjene lastnosti CSS za oblazinjenje in robove. Kje bi uporabili
tag je, ko potrebujete samo prelom ene vrstice. Če na primer kodirate poštni naslov in ste se odločili za uporabo odstavka, lahko dodate
oznake, kot je ta:

ime podjetja
Naslovna vrstica
Mesto, država, poštna številka.

Ta koda za naslov je en odstavek, vendar bi vizualno prikazala tri vrstice v posameznih vrsticah z majhnim presledkom med njimi.

instagram story viewer