Jos olet uusi web-suunnittelu- ja etupään kehittämiseen (HTML, CSS, Javascript), voit aloittaa WYSIWYG-editorin käytön. Tämä lyhenne tarkoittaa "mitä näet, mitä saat" ja se pohjimmiltaan viittaa ohjelmistoon, jonka avulla voit luoda verkkosivun visuaalisilla työkaluilla, kun ohjelmisto kirjoittaa jotain koodia kulissien takana sen perusteella, mitä olet luomassa. Suosituin WYSIWYG-työkalu on luultavasti Adoben Dreamweaver .
Dreamweaver on hyvä vaihtoehto niille, jotka pääsevät alkuun
Vaikka monet kokeneet web-ammattilaiset, joilla on entistä tarkempia taitoja, katsovat Dreamweaveria ja sen taipumusta tuottaa turvonnut HTML-merkintä ja CSS-tyylit, on yksinkertainen totuus, että foorumi on edelleen hyvä vaihtoehto niille, jotka aloittivat verkkosivuston suunnittelun. Kun aloitat Dreamweaverin suunnittelunäkymän luomisen verkkosivun luomiseen, yksi niistä todennäköisimmin olevista kysymyksistä on, miten luoda yhden rivinvaihdon sisältöä varten kyseisessä näkymässä.
Kun lisäät HTML-tekstiä Web-sivulle, selaimessa näkyy teksti pitkällä viivalla, kunnes se saavuttaa selainikkunan tai sen konttielementin reunan. Tällöin teksti kääritään seuraavaan riviin. Tämä on samanlainen kuin mikään tekstinkäsittelyohjelmisto, kuten Microsoft Word tai Google-dokumentit. Kun tekstirivillä ei ole enää tilaa vaakasuoralle viivalle, se kääritään aloittamaan toisen rivin. Joten mitä tapahtuu, jos haluat sanella, missä rivi katkeaa?
Kun painat [ENTER] -näppäintä Dreamweaverin suunnittelunäkymässä, nykyinen kappale suljetaan ja uusi kappale alkaa. Visuaalisesti tämä tarkoittaa, että nämä kaksi riviä erotetaan hieman pystysuoralla etäisyydellä. Tämä johtuu siitä, että oletusarvoisesti HTML- kappaleilla on pehmuste tai marginaalit (joka riippuu selaimesta itsestään), jota sovelletaan sivun alareunaan, joka lisää kyseisen välin.
Tätä voidaan säätää CSS: llä, mutta totuus on, että haluat välissä olevien kohtien välisen etäisyyden sallia sivuston luettavuuden . Jos haluat yhden rivin ja ei ole leveää pystysuuntaista välilyötä rivien välillä, et halua käyttää [ENTER] koska et halua näiden rivien olevan yksittäisiä kappaleita.
Näissä tapauksissa, jolloin et halua uuden kappaleen alkamista, lisäät tagin HTML-koodin. Tämä on myös joskus kirjoitettu
. erityisesti XHTML-versiot, jotka edellyttivät kaikkien elementtien sulkeutumista. Loppu / siinä syntaksissa itsestään sulkeutuu elementti, koska tag-tagilla ei ole omaa sulkumerkkiä. Tämä on kaikki hyvin ja hyvä, mutta työskentelet Design View -ohjelmassa Dreamweaverissa. Et välttämättä halua hypätä koodiin ja lisätä näitä taukoja. Tämä on hieno asia, koska voit lisätä rivinvaihtoa Dreamweaverissa käyttämättä koodinäkymää.
Lisää rivinvaihto Dreamweaverin mallinäkymässä:
- Aseta kohdistin, johon haluat uuden linjan alkavan.
- Pidä vaihtonäppäintä alhaalla ja paina [ENTER].
Se siitä! Yksinkertainen "shift" -näppäimen lisääminen yhdessä [ENTER]: n kanssa lisää uuden tekstin sijaan uuden kappaleen. Joten nyt, kun tiedät, miten tämä on, sinun kannattaa harkita, mihin sitä käytetään ja missä sitä vältetään. Muista, että HTML: n tarkoituksena on luoda sivuston rakenne, ei visuaalinen ilme. Sinun ei pitäisi käyttää useampia
tunnisteita luomaan pystysuuntaisia välilyöntejä elementtien alla suunnittelussa.
Sitä varten CSS-ominaisuudet täyttöä ja marginaaleja varten ovat. Missä haluaisit käyttää tag-tagia, kun tarvitset vain yhden rivin taukoa. Esimerkiksi, jos koodit postitusosoitetta ja olet päättänyt käyttää kappaletta, voit lisätä tämänkaltaisia tunnisteita:
Yrityksen nimi
Osoiterivi
Kaupunki, valtio, ZIP
Osoitteen koodi on yksi kappale, mutta visuaalisesti se näyttää kolme riviä yksittäisillä riveillä, joiden välissä on pieni väli.