Ako ste novi za web dizajn i napredni razvoj (HTML, CSS, Javascript), onda možete odabrati da započnete sa WYSIWYG editorom. Ova skraćenica označava "ono što vidite", a ono se u osnovi odnosi na softver koji vam omogućava da kreirate web stranicu pomoću vizuelnih alata dok softver piše neki kod iza scene na osnovu onoga što stvarate. Najpopularniji WYSIWYG alat je verovatno Adobe Dreamweaver .
Dreamweaver je dobra opcija za one koji su samo počeli
Iako mnogi iskusni web profesionalci sa više prefinjenih veština gledaju na Dreamweaver i njegovu tendenciju da proizvedu naduvani HTML oznake i stilove CSS-a, jednostavna istina je da platforma ostaje dobra opcija za one koji tek počinju sa dizajnom web sajta. Pošto počnete da koristite Dreamweaver-ov "design view" opciju za izgradnju web stranice, jedno od pitanja koja ćete imati je kako napraviti pauzu od jedne linije za sadržaj u tom pogledu.
Kada dodate HTML tekst na web stranicu, web pretraživač će prikazati taj tekst kao dugačku liniju dok ne dostigne ivicu prozora pregledača ili njenog elementa kontejnera. U tom trenutku, tekst će se prebaciti na sledeću liniju. Ovo je slično onome što se dešava u bilo kom softveru za obradu teksta, kao što su Microsoft Word ili Google Docs. Kada linija teksta nema više prostora na horizontalnoj liniji, ona će se okrenuti da započne drugu liniju. Dakle, šta se događa ako želite da diktirate gde linija pada?
Kada kliknete [ENTER] u Dreamweaverovom dizajnerskom prikazu, trenutni pasus je zatvoren i počinje novi pasus. Vizuelno, to će značiti da su te dve linije odvojene malo vertikalnim razmakom. To je zato što po defaultu HTML pasusi imaju padding ili margine (koji zavise od samog pretraživača) koji se primenjuje na dnu stavka koji dodaje taj razmak.
Ovo se može prilagoditi CSS-om, ali istina je da želite da postoji razmak između paragrafa da bi se omogućila čitljivost veb-sajta. Ako želite jednu liniju i bez širokog vertikalnog razmaka između linija, ne želite koristiti [ENTER] ključ jer ne želite da te linije budu pojedinačni pasusi.
Za ova vremena kada ne želite da započne novi pasus, dodali biste oznaku
u HTML. Ovo je ponekad napisano i kao
. posebno za verzije XHTML-a koji su zahtevali da svi elementi budu zatvoreni. Prolazna / u toj sintaksi samo zatvara element jer oznaka
nema svoju zatvorenu oznaku. Ovo je sve dobro i dobro, ali radite u Design View u Dreamweaver-u. Možda ne želite da uđete u kod i dodate ove pauze. To je u redu, jer možete, zaista, dodati pauzu linije u Dreamweaver-u bez pribora na prikaz koda.
Dodaj linijski prekid u prikazu Dreamweaver-a:
- Postavite kursor tamo gde želite da nova linija počne.
- Držite taster Shift i pritisnite [ENTER].
To je to! Jednostavno dodavanje "shift" tastera zajedno sa [ENTER] će dodati i umjesto novog pasusa. Dakle, sada kada znate kako je to, trebalo bi da uzmete u obzir gde da ga koristite i gde to izbegavate. Zapamtite, HTML treba napraviti strukturu stranice, a ne vizuelni izgled. Ne smijete koristiti višestruke tagove za kreiranje vertikalnih razmaka ispod elemenata u vašem dizajnu.
To je ono za šta su CSS svojstva za podlogu i margine. Gdje biste koristili oznaku
je kada vam je potrebna jednostavna pauza. Na primjer, ako šifrujete poštansku adresu i odlučili ste da koristite paragraf, možete dodati tagove poput ove:
Naziv kompanije
Adresa linije
Grad, država, ZIP
Ovaj kod za adresu je jedan paragraf, ali vizuelno bi prikazao tri linije na pojedinačnim linijama sa malim razmakom između njih.