Ako ste novi u web dizajnu i front-end razvoju (HTML, CSS, Javascript), tada možete odabrati da započnete s WYSIWYG urednik. Ova kratica označava "ono što vidite je ono što dobijete" i u osnovi se odnosi na softver koji vam omogućuje stvorite web stranicu pomoću vizualnih alata, dok softver piše neki kôd iza kulisa na temelju onoga što jeste stvarajući. Vjerojatno je najpopularniji WYSIWYG alat dostupan Adobeov Dreamweaver.
Dobra opcija za one koji tek započinju
Iako su mnogi iskusni web profesionalci s više istančane vještine gledati s visine na Dreamweaver i njegovu tendenciju stvaranja napuhanih HTML oznaka i CSS stilovi, jednostavna je istina da platforma ostaje dobra opcija za one koji tek započinju s dizajnom web stranica. Kako započinjete koristiti Dreamweaverovu opciju "pogled dizajna" za izradu web stranice, jedno od pitanja koje ćete vjerojatno imati je kako stvoriti prelom u jednom retku za sadržaj u tom prikazu.
Kada na web stranicu dodajete HTML tekst, web preglednik će taj tekst prikazivati kao dugačak redak dok ne dosegne rub prozora preglednika ili njegov element spremnika. Tada će se tekst prebaciti u sljedeći redak. To je slično onome što se događa u bilo kojem softveru za obradu teksta, kao što su Microsoft Word ili Google Docs. Kada redak teksta više nema mjesta na vodoravnoj crti, premotavat će se da započne drugi redak. Pa što se događa ako želite diktirati gdje će se linija prekidati?
Kada pritisnete ENTER u Dreamweaverovom dizajnerskom prikazu
Kad udariš UNESI u dizajnerskom prikazu Dreamweavera, trenutni je odlomak zatvoren i započinje novi odlomak. Vizualno, to će značiti da su te dvije linije odvojene s malo okomitog razmaka. To je zato što, prema zadanim postavkama, HTML odlomci imaju dopune ili margine (koji ovisi o samom pregledniku) primijenjen na dnu odlomka koji dodaje taj razmak.
To se može prilagoditi CSS-om, ali istina je da želite da postoji razmak između odlomaka kako bi se omogućila čitljivost web stranica. Ako želite jedan redak i nema širokog okomitog razmaka između redaka, ne želite koristiti tipku ENTER jer ne želite da ti redovi budu pojedinačni odlomci.
Kad ne želite da započne novi odlomak
Za ova vremena kada ne želite da novi odlomak započne, dodajte znak
oznaka u HTML-u. Ovo se također ponekad zapisuje kao
. posebno za verzije XHTML-a koje su zahtijevale zatvaranje svih elemenata. Praćenje / u toj sintaksi samo-zatvara element od
tag nema vlastitu završnu oznaku. Sve je to dobro, ali radite u Design Viewu u Dreamweaveru. Možda ne želite uskočiti u kôd i dodati ove stanke. To je u redu, jer u Dreamweaveru zaista možete dodati prelom retka bez pribjegavanja prikazu koda.
Dodajte prijelom retka u Dreamweaver-ovom dizajnerskom prikazu:
- Postavite kursor tamo gdje želite da novi redak započne.
- Držite tipku tipka za pomicanje i pritisnite Unesi.
To je to! Jednostavnim dodavanjem tipke "shift" zajedno s [ENTER] dodat će se a
umjesto novog odlomka. Dakle, sada kada znate kako je to, trebali biste razmisliti gdje ga koristiti i gdje ga izbjeći. Zapamtiti, HTML je namijenjen stvaranju strukture web mjesta, a ne vizualnog izgleda. Ne biste trebali koristiti višestruke
oznake za stvaranje vertikalnog razmaka ispod elemenata u vašem dizajnu.
Tome služe CSS svojstva za popunjavanje i margine. Gdje biste koristili
tag je kada vam treba samo prelom u jednom retku. Na primjer, ako kodirate poštansku adresu i odlučili ste upotrijebiti odlomak, možete ga dodati
oznake poput ove:
Naziv tvrtke
Adresa
Grad, država, ZIP.
Ovaj kôd adrese predstavlja jedan odlomak, ali vizualno bi prikazao tri retka na pojedinačnim linijama s malim razmakom između njih.