Če ste novi pri spletnem oblikovanju in napredovanju (HTML, CSS, Javascript), se lahko odločite za začetek z urejevalnikom WYSIWYG. Ta kratica pomeni »kaj vidiš, kaj dobiš« in se v bistvu nanaša na programsko opremo, ki vam omogoča, da ustvarite spletno stran z uporabo vizualnih orodij, medtem ko programska oprema piše nekaj kod za prizori, ki temelji na tem, kar ustvarjate. Najbolj priljubljeno orodje WYSIWYG je mogoče Adobe Dreamweaver .
Dreamweaver je dobra izbira za tiste, ki so šele začeli
Medtem ko je veliko izkušenih spletnih strokovnjakov z bolj izpopolnjenimi spretnostmi, ki gledajo navzdol na Dreamweaver in njeno težnjo k izdelavi napihnjenih oznak HTML in CSS stilov, preprosta resnica je, da platforma ostaja dobra možnost za tiste, ki se šele začeli z zasnovo spletnega mesta. Ko začnete uporabljati možnost "oblikovanja" Dreamweaverja, da ustvarite spletno stran, je eno od vprašanj, ki jih boste verjetno imeli, to, kako ustvariti eno vrstico za vsebino v tem pogledu.
Ko dodate HTML besedilo na spletno stran, bo spletni brskalnik to besedilo prikazal kot dolg črto, dokler ne doseže roba okna brskalnika ali njegovega vsebinskega elementa. V tem trenutku se besedilo preklopi na naslednjo vrstico. To je podobno temu, kar se zgodi v kateri koli programski opremi za obdelavo besedil, kot so Microsoft Word ali Google Dokumenti. Ko vrstica besedila nima več prostora na vodoravni liniji, se bo zavila, da bi začela drugo vrstico. Torej, kaj se zgodi, če želite narekovati, kje se prelomi črta?
Ko pritisnete tipko [ENTER] v oblikovnem pogledu Dreamweaverja, je trenutni odstavek zaprt in se začne nov odstavek. Vizualno bo to pomenilo, da se ti dve vrstici ločita z nekaj navpičnega razmika. To je zato, ker imajo odstavki HTML po privzeti nastavitvi zaponke ali robove (kar je odvisno od brskalnika), ki se nanašajo na dno odstavka, ki doda to razmik.
To se lahko prilagodi s CSS-om, vendar resnica je, da želite, da se razmik med odstavki, da se omogoči berljivost spletne strani . Če želite eno vrstico in brez širokega navpičnega razmika med vrsticami, ne želite uporabljati [ENTER] ključ, ker ne želite, da so te vrstice posamezni odstavki.
Za te trenutke, ko nočete začeti novega odstavka, bi dodali oznako
v HTML. To je tudi včasih napisano kot
. posebej za različice XHTML, ki so zahtevale zaprtje vseh elementov. Sledilna / v tej sintaksi samodejno zapre element, ker oznaka
nima lastne zapiralne oznake. To je vse dobro in dobro, vendar delate v Design View v Dreamweaverju. Morda ne želite skočiti v kodo in dodati te odmore. To je v redu, ker lahko v Dreamweaveru dejansko dodate prelom vrstic, ne da bi pri tem uporabili pogled kode.
Dodaj prelom vrstice v Dreamweaverjevem pogledu oblikovanja:
- Postavite kazalec, kamor želite, da se nova vrstica začne.
- Držite tipko Shift in pritisnite [ENTER].
To je to! Preprost dodatek tipke "shift" skupaj z [ENTER] bo dodal namesto novega odstavka. Zdaj, ko veste, kako je to, morate razmisliti, kje jo uporabiti in kje ga je mogoče izogniti. Ne pozabite, HTML naj bi ustvaril strukturo spletnega mesta in ne vizualni videz. Ne smete uporabljati oznak večjega števila oglasov, da ustvarite navpični razmik pod elementi v vaši obliki.
To so značilnosti CSS za oblazinjenje in robove. Kje bi uporabili oznako
je, ko potrebujete samo eno vrstico. Če na primer kodirate poštni naslov in ste se odločili za uporabo odstavka, lahko dodate oznake na primer:
Ime podjetja
Naslovna vrstica
Mesto, država, ZIP
Ta koda naslova je en sam odstavek, vizualno pa bi prikazoval tri vrstice na posameznih vrsticah z majhnim presledkom med njimi.