As jo nij binne foar webûntwerp en front-endûntwikkeling (HTML, CSS, Javascript), dan kinne jo kieze om te begjinnen mei in WYSIWYG-bewurker. Dit akronym stiet foar "wat jo sjogge is wat jo krije" en it giet dan benammen op software dy't jo meitsje om in webside te meitsjen fan visualisearjende tools, wylst de software inkele koade skriuwt efter de skermen basearre op wat jo meitsje. It populêrste WYSIWYG-ark is beskikber foar Adobe's Dreamweaver .
Dreamweaver is in goede opsje foar dyjingen dy't krekt begjinne
Hoewol in soad seizend websteeën mei mear raffinende feardichheden sjogge nei Dreamweaver en har tendins om HTML-markearring en CSS-stilen te meitsjen, is de ienfâldige wierheid dat it platfoarm in goede opsje bliuwt foar dyjingen dy't gewoan begjinne mei webside-ûntwerp. As jo begjinne mei help fan Dreamweaver's "ûntwerpwerjefte" opsje om in webside op te bouwen, is ien fan 'e fragen dy't jo wierskynlik hawwe, is hoe't jo in single line brek meitsje foar ynhâld yn dy werjefte.
As jo HTML-tekst oan in webside oanmeitsje, sil de webbrowser dizze tekst as lange rigel sjen litte oant it rân fan it blêdwetter of it kontener elemint berikt. Op dat stuit sil de tekst nei de folgjende line wekker wurde. Dit is lyk oan wat wat bart yn 'e word processing software, lykas Microsoft Word of Google Docs. As in tekstline net mear keamer op in horizontale rigel hat, sil it in oare line begjinne. Soe wat bart as jo wolle diktearje wêr't in line rint?
As jo de styl fan 'e ûntwerp fan Dreamweaver yn' e ûntwerpwerjefte ophelje, wurdt de aktuele algemak sluten en in nije alinea begjint. Sicht, dit betsjuttet dat dizze twa rigels ôfsletten wurde mei in bytsje vertike ôfstân. Dit is om't standert HTML- paragrafen padding of marrinen hawwe (dy't ien fan 'e browser sels ôfhinkt) oan' e boaiem fan 'e paragraaf oanjûn dat it bepaald tafoegje.
Dit kin oanpast wurde mei CSS, mar de wierheid is dat jo wolle dat jo tusken paragrafen ferwiderje om tagonklikens te meitsjen foar webside . As jo in ienige line en gjin breed vertike ôfstân tusken linen wolle, wolle jo de [ENTER] net brûke kaai omdat jo net wolle dat dizze rigels elke paragrafen wêze.
Foar dizze kear as jo net wolle dat in nije alinea begjinne, dan soe jo de tag in tag taheakje yn HTML. Dit wurdt soms skreaun as
. Specifically for versions of XHTML which required all elements to be closed. De trailing / yn dat syntaksis sels it elemint slúte kin, omdat it
tag net in eigen slute tagong hat. Dit is alles goed en goed, mar jo wurkje yn Design View yn Dreamweaver. Jo kinne miskien net yn 'e koade springe en dizze brek taheakje. Dat is moai, om't jo in linnenseppeling yn Dreamweaver kinne foarkomme sûnder resinte te bewurkjen op codeblom.
Meitsje in Line Break yn Dreamweaver 's Design View:
- Lege jo rinner wêr jo de nije rigel begjinne wolle.
- Hâld de shifttafel op en druk [ENTER].
Dat is it! De ienfâldige tafoeging fan de "shift" toetsje mei de [ENTER] sil in
taheakke fan in nije alinea. Dus no, dat jo witte hoe't dit is, moatte jo beskôgje hoe't se it brûke en wêr't it foarkomt. Tink derom: HTML is bedoeld om de struktuer fan in side te meitsjen, net de fisuele útstrieling. Jo moatte net meardere tags brûke om vertike ôfstân te meitsjen ûnder eleminten yn jo ûntwerp.
Dat is wat de CSS-eigenskippen foar padding en marren binne foar. Wêr't jo in
tag brûke wolle is as jo de juste line brek nedich hawwe. As jo bygelyks in postadres kodearje en jo besletten hawwe om in paragraaf te brûken, kinne jo dizze tags taheakje taheakje:
Bedriuwenamme
Adresstyl
City, State, ZIP
Dizze koade foar it adres is in inkeld paragraaf, mar it sichtber sil it trije rigels op yndividuele rigels sjen litte mei in lyts romte tusken har.