Jei esate naujokas interneto dizainui ir išplėtimui iš priekio (HTML, CSS, Javascript), tada galite pasirinkti pradėti naudoti WYSIWYG redaktorių. Šis akronimas reiškia "tai, ką matote yra tai, ką gaunate", ir jis iš esmės yra susijęs su programine įranga, kuri leidžia jums kurti tinklalapį naudojant vaizdinius įrankius, o programinė įranga užrašo kokį nors kodą už scenos pagal tai, ką kuriate. Populiariausias "WYSIWYG" įrankis yra " Adobe Dreamweaver" .
"Dreamweaver" yra geras pasirinkimas tiems, kurie tiesiog pradeda
Nors daugelis patyrusių žiniatinklio profesionalų, turinčių daugiau rafinuotų įgūdžių, žvelgia į "Dreamweaver" ir jo tendenciją gaminti išpūstą HTML žymėjimo ir CSS stilių, paprasta yra ta, kad platforma vis dar yra puiki galimybė tiems, kurie tik pradeda kurti svetainę. Kai pradėsite naudoti "Dreamweaver" "dizaino peržiūros" parinktį kurti tinklalapį, vienas iš jūsų tikėtinais klausimais yra tai, kaip sukurti vienos eilutės pertrauką turinio turiniui toje nuomonėje.
Kai pridedate HTML tekstą į tinklalapį, žiniatinklio naršyklė šį tekstą parodys kaip ilgą eilutę, kol bus pasiektas naršyklės lango ar jo sudėtinio rodinio kraštas. Tuo metu tekstas bus įtrauktas į kitą eilutę. Tai panaši į tai, kas vyksta bet kurioje teksto apdorojimo programoje, pvz., "Microsoft Word" arba "Google Docs". Kai teksto eilutėje horizontalioje eilutėje nebėra vietos, jis bus pakabintas, kad prasidėtų kita eilutė. Taigi, kas atsitiks, jei norite diktuoti, kur linija trunka?
Kai paspausite [ENTER] raktą Dreamweaver dizaino vaizde, dabartinė pastraipa yra uždaryta ir prasideda nauja pastraipa. Vizualiai tai reiškia, kad šios dvi linijos yra atskirtos šiek tiek vertikaliais atstumais. Taip yra todėl, kad pagal nutylėjimą HTML pastraipose yra užpildas arba paraštės (kurios priklauso nuo pačios naršyklės), taikomos pastraipos apačioje, kuri prideda tą tarpą.
Tai galima sureguliuoti naudojant CSS, tačiau tiesa, kad norite, kad būtų tarpai tarp pastraipų, kad būtų galima skaityti interneto svetaines. Jei norite, kad viena eilutė nebūtų plataus vertikalaus tarpo tarp eilučių, nenorite naudoti [ENTER] raktas, nes nenorite, kad šios eilutės būtų atskiros pastraipos.
Šiais laikais, kai nenorite pradėti naujos pastraipos, pridėkite žymę "
" HTML. Kartais taip pat rašoma kaip
. konkrečiai XHTML versijoms, kurios reikalavo, kad visi elementai būtų uždaryti. Užpakalinė / sintaksė automatiškai uždaro elementą, nes "tag" nėra uždaros žymos. Tai viskas gerai ir gerai, bet jūs dirbate Dreamweaver "Design View". Galbūt nenorite šokinėti į kodą ir pridėti šias pertraukas. Tai gerai, nes jūs galite iš tikrųjų pridėti linijų pertrauką "Dreamweaver", nenaudodami kodo rodinio.
"Dreamweaver" dizaino rodinio eilutės pertraukimas:
- Patalpinkite žymeklį, kur norite pradėti naują eilutę.
- Laikykite nuspaustą klavišą "Shift" ir paspauskite [ENTER].
Viskas! Paprastas "shift" klavišo kartu su [ENTER] pridėjimas pakeičia vietoj naujos pastraipos. Taigi, dabar, kai žinote, kaip tai yra, turėtumėte apsvarstyti, kur jį naudoti ir kur jį išvengti. Atminkite, kad HTML yra skirtas sukurti svetainės struktūrą, o ne išvaizda. Jūs neturėtumėte naudoti kelių žymų, kad sukurtumėte vertikalųjį tarpą po elementais savo dizaino.
Būtent tai yra CSS savybės, susijusios su užpildu ir maržomis. Kur jūs naudosite "tag" žymą, kai jums tiesiog reikia vieno eilutės pertraukos. Pavyzdžiui, jei kodavote pašto adresą ir nusprendėte naudoti pastraipą, galite pridėti tokias žymes kaip šis:
Įmonės pavadinimas
Adreso linija
Miestas, valstybė, ZIP
Šis adreso kodas yra viena pastraipa, tačiau vizualiai jis atskleidžia tris eilutes atskirose eilutėse, tarp kurių yra maža erdvė.