Jos olet uusi verkkosuunnittelussa ja käyttöliittymän kehittämisessä (HTML, CSS, Javascript), voit halutessasi aloittaa WYSIWYG toimittaja. Tämä lyhenne tarkoittaa "mitä näet on mitä saat" ja se viittaa periaatteessa ohjelmistoon, jonka avulla voit luo verkkosivu visuaalisten työkalujen avulla, kun ohjelmisto kirjoittaa koodin kulissien taakse sen mukaan, millainen olet luominen. Suosituin käytettävissä oleva WYSIWYG-työkalu on kiistatta Adoben Dreamweaver.
Hyvä vaihtoehto niille, jotka ovat vasta aloittamassa
Vaikka monet kokeneet web-ammattilaiset enemmän hienostunut taito katsoa ylöspäin Dreamweaveria ja sen taipumusta tuottaa paisutettua HTML-merkintää ja CSS-tyylit, yksinkertainen totuus on, että alusta on edelleen hyvä vaihtoehto niille, jotka ovat vasta aloittaneet verkkosivujen suunnittelun. Kun alat käyttää Dreamweaverin "suunnittelunäkymä" -vaihtoehtoa verkkosivun rakentamiseksi, yksi todennäköisimmin olevista kysymyksistä on, kuinka luoda yhden rivinvaihto sisällölle tässä näkymässä.
Kun lisäät HTML-tekstiä verkkosivulle, verkkoselain näyttää kyseisen tekstin pitkänä rivinä, kunnes se saavuttaa selainikkunan reunan tai sen säilöelementin. Siinä vaiheessa teksti kiertyy seuraavalle riville. Tämä on samanlainen kuin mitä tapahtuu missä tahansa tekstinkäsittelyohjelmistossa, kuten Microsoft Word tai Google Docs. Kun tekstirivillä ei ole enää tilaa vaakasuoralla viivalla, se kietoutuu aloittaakseen toisen rivin. Joten mitä tapahtuu, jos haluat sanella, missä viiva katkeaa?
Kun osut ENTER-painikkeeseen Dreamweaverin suunnittelunäkymässä
Kun lyöt TULLA SISÄÄN Dreamweaverin suunnittelunäkymässä nykyinen kappale suljetaan ja uusi kappale alkaa. Visuaalisesti tämä tarkoittaa, että nämä kaksi viivaa on erotettu toisistaan hieman pystysuunnassa. Tämä johtuu siitä, että oletuksena HTML kappaleissa on täyte tai marginaalit (mikä riippuu itse selaimesta), joka lisätään kappaleen alareunaan, joka lisää välin.
Tätä voidaan säätää CSS: llä, mutta totuus on, että haluat kappaleiden välisen etäisyyden verkkosivuston luettavuuden mahdollistamiseksi. Jos haluat yhden rivin eikä leveää pystyväliä rivien välillä, et halua käyttää ENTER-näppäintä, koska et halua näiden viivojen olevan yksittäisiä kappaleita.
Kun et halua uuden kappaleen alkamista
Näihin aikoihin, kun et halua uuden kappaleen alkavan, lisäät
tag HTML-muodossa. Tämä kirjoitetaan joskus myös nimellä
. erityisesti XHTML-versioille, jotka vaativat kaikkien elementtien sulkemista. Tämän syntaksin perässä oleva / sulkee elementin itsestään
tagilla ei ole omaa lopputagia. Kaikki on hyvin, mutta työskentelet Design View -ohjelmassa Dreamweaverissa. Et halua hypätä koodiin ja lisätä näitä taukoja. Se on hieno, koska voit todellakin lisätä rivinvaihdon Dreamweaveriin turvautumatta koodinäkymään.
Lisää rivitauko Dreamweaverin suunnittelunäkymään:
- Aseta kohdistin kohtaan, josta haluat uuden rivin alkavan.
- Pidä vaihtonäppäin ja paina Tulla sisään.
Se siitä! "Shift" -näppäimen yksinkertainen lisääminen yhdessä [ENTER]: n kanssa lisää a
uuden kappaleen sijaan. Joten nyt, kun tiedät kuinka tämä on, sinun on harkittava, missä sitä käytetään ja missä välttää. Muistaa, HTML on tarkoitettu luomaan sivuston rakenne, ei visuaalinen ulkonäkö. Älä käytä useita
tunnisteiden avulla pystysuoran etäisyyden luomiseksi suunnittelun elementtien alle.
Tätä varten täytteen ja marginaalien CSS-ominaisuudet ovat. Missä käyttäisit a
-tunniste on, kun tarvitset vain yhden rivinvaihdon. Esimerkiksi, jos koodaat postiosoitetta ja olet päättänyt käyttää kappaletta, voit lisätä
tällaiset tunnisteet:
Yrityksen nimi
Osoiterivi
Kaupunki, osavaltio, postinumero.
Tämä osoitekoodi on yksi kappale, mutta visuaalisesti se näyttää kolme riviä yksittäisillä riveillä, joiden välissä on pieni tila.