Jei dar nesinaudojote interneto dizainu ir sąsajos kūrimu (HTML, CSS, „Javascript“), galite pasirinkti pradėti nuo WYSIWYG redaktorius. Šis akronimas reiškia „tai, ką matote, yra tai, ką gaunate“ ir iš esmės nurodo programinę įrangą, kuri jums leidžia sukurkite tinklalapį naudodamiesi vaizdiniais įrankiais, o programinė įranga užkulisiuose rašo kodą pagal tai, kas esate kuriant. Populiariausias turimas WYSIWYG įrankis yra „Adobe“ „Dreamweaver“.
Geras pasirinkimas tiems, kurie tik pradeda
Nors daugelis interneto profesionalų patyrė daugiau rafinuoti įgūdžiai pažvelgti iš viršaus į Dreamweaver ir jo tendenciją kurti išsipūtusį HTML žymėjimą ir CSS stiliai, paprasta tiesa yra ta, kad platforma išlieka gera išeitis tiems, kurie tik pradeda kurti svetainės dizainą. Pradedant naudoti „Dreamweaver“ parinktį „dizaino vaizdas“ tinklalapio sukūrimui, vienas iš greičiausiai kilusių klausimų yra tai, kaip sukurti vienos eilutės pertrauką turiniui šiame rodinyje.
Kai prie tinklalapio pridedate HTML tekstą, žiniatinklio naršyklė tą tekstą rodys kaip ilgą eilutę, kol pasieks naršyklės lango kraštą arba jo talpyklos elementą. Tuo metu tekstas pereis į kitą eilutę. Tai panašu į tai, kas vyksta bet kurioje teksto apdorojimo programinėje įrangoje, pvz., „Microsoft Word“ ar „Google“ dokumentuose. Kai teksto eilutėje nebeliks vietos horizontalioje linijoje, ji bus apvyniota, kad pradėtų kitą eilutę. Taigi, kas atsitiks, jei norite padiktuoti, kur nutrūksta linija?
Kai paspausite ENTER Dreamweaver dizaino rodinyje
Kai pataikysi ENTER „Dreamweaver“ dizaino požiūriu dabartinė pastraipa uždaryta ir prasideda nauja pastraipa. Vizualiai tai reikš, kad šios dvi linijos yra atskirtos šiek tiek vertikaliu atstumu. Taip yra todėl, kad pagal numatytuosius nustatymus HTML pastraipos turi užpildą arba paraštes (kuris priklauso nuo pačios naršyklės), pritaikytą pastraipos apačioje, kuri prideda tą tarpą.
Tai galima pakoreguoti naudojant CSS, tačiau tiesa ta, kad norite, kad tarp pastraipų būtų tarpai, kad būtų galima skaityti svetainę. Jei norite vienos eilutės ir be plataus vertikalaus tarpo tarp eilučių, nenorite naudoti klavišo ENTER, nes nenorite, kad šios eilutės būtų atskiros pastraipos.
Kai nenorite, kad prasidėtų nauja pastraipa
Šiais atvejais, kai nenorite, kad prasidėtų nauja pastraipa, pridėtumėte
žymą HTML. Tai taip pat kartais rašoma taip
. specialiai XHTML versijoms, kuriose reikėjo uždaryti visus elementus. Pabaiga / toje sintaksėje savaime uždaro elementą nuo
žyma neturi savo uždaromosios žymos. Viskas gerai, bet jūs dirbate „Design View“ programoje „Dreamweaver“. Galbūt nenorite pereiti į kodą ir pridėti šių pertraukų. Tai puiku, nes „Dreamweaver“ galite iš tikrųjų pridėti eilutės pertrauką nenaudodami kodo rodinio.
Pridėkite eilutės pertrauką „Dreamweaver“ dizaino rodinyje:
- Užveskite žymeklį ten, kur norite pradėti naują eilutę.
- Laikykite nuspaudę „Shift“ klavišas ir paspauskite Įveskite.
Viskas! Paprastas „shift“ klavišo pridėjimas kartu su [ENTER] pridės a
vietoj naujos pastraipos. Taigi dabar, kai žinote, kaip tai yra, turėtumėte apsvarstyti, kur jį naudoti ir kur vengti. Prisiminti, HTML skirta sukurti svetainės struktūrą, o ne vizualinę išvaizdą. Neturėtumėte naudoti kelių
žymos, kad sukurtumėte vertikalius atstumus po savo dizaino elementais.
Tam yra naudojamos CSS savybės užpildui ir paraštėms. Kur naudotumėte a
žyma yra tada, kai jums tiesiog reikia vienos eilutės pertraukos. Pavyzdžiui, jei koduojate pašto adresą ir nusprendėte naudoti pastraipą, galite pridėti
tokios žymos:
Įmonės pavadinimas
Adreso eilutė
Miestas, valstija, ZIP.
Šis adreso kodas yra viena pastraipa, tačiau vizualiai jis rodytų tris eilutes atskirose eilutėse, tarp kurių būtų nedidelis tarpas.