Nëse jeni i ri në hartimin e uebit dhe zhvillimi front-end (HTML, CSS, Javascript), atëherë ju mund të zgjidhni të filloni me një redaktor WYSIWYG. Ky akronim nënkupton "atë që shihni është ajo që ju merrni" dhe në thelb i referohet softuerit që ju lejon të krijoni një faqe duke përdorur vegla vizuele ndërsa softueri shkruan disa kod prapa skenave bazuar në atë që po krijoni. Mjeti më i popullarizuar WYSIWYG në dispozicion është ndoshta Adobe Dreamweaver .
Dreamweaver është një opsion i mirë për ata që sapo filluan
Ndërsa shumë profesionistë të fushave me përvojë me aftësi më të rafinuara shikojnë poshtë Dreamweaver-in dhe tendencën e saj për të prodhuar HTML markup të fryrë dhe stilet CSS, e vërteta e thjeshtë është se platforma mbetet një opsion i mirë për ata që sapo kanë filluar me dizajnimin e faqes. Ndërsa fillon të përdorësh opsionin e "Dreamweaver" për të ndërtuar një faqe interneti, një nga pyetjet që mund të kesh është se si të krijosh një ndërprerje të vijës së vetme për përmbajtjen në atë pikëpamje.
Kur po shtoni tekstin HTML në një faqe interneti, shfletuesi web do ta shfaqë atë tekst si një vijë të gjatë derisa të arrijë buzë dritares së shfletuesit ose elementit të tij të enës. Në atë moment, teksti do të përfundojë në vijën tjetër. Kjo është e ngjashme me atë që ndodh në ndonjë softuer të përpunimit të tekstit, si Microsoft Word ose Google Docs. Kur një vije teksti nuk ka më vend në një vijë horizontale, do të përfundojë për të filluar një vijë tjetër. Pra, çfarë ndodh nëse doni të diktojnë ku ndalet një vijë?
Kur shtypni butonin [ENTER] në pamjen e dizajnit të Dreamweaver, paragrafi i tanishëm mbyllet dhe fillon një paragraf i ri. Vizualisht, kjo do të thotë se këto dy rreshta ndahen me një hapësirë vertikale. Kjo për arsye se, sipas parazgjedhjes, paragrafët HTML kanë mbushje ose margjina (e cila varet nga vetë shfletuesi) që aplikohet në pjesën e poshtme të paragrafit që shton hapësirën.
Kjo mund të rregullohet me CSS, por e vërteta është që ju dëshironi që të ketë hapësirë midis paragrafëve për të lejuar lexueshmërinë e faqes .Nëse doni një linjë të vetme dhe nuk ka hapësirë të gjerë vertikale mes linjave, nuk dëshironi të përdorni [ENTER] sepse nuk dëshiron që ato rreshta të jenë paragrafë individualë.
Për këto kohë kur nuk doni një paragraf të ri për të filluar, ju do të shtoni etiketë
në HTML. Kjo është gjithashtu e shkruar ndonjëherë si
. veçanërisht për versionet e XHTML të cilat kërkonin që të gjitha elementet të mbylleshin. Zvarritësja / në atë sintaksë vetë-mbyll elementin që nga etiketa
nuk ka etiketën e tij të mbylljes. Kjo është e gjitha mirë dhe e mirë, por ju jeni duke punuar në Dizajn Shiko në Dreamweaver. Ju nuk mund të dëshironi të hidhni në kodin dhe të shtoni këto pushime. Kjo është mirë, sepse ju mundeni, në të vërtetë, të shtoni një rresht në Dreamweaver pa u përdorur në pikëpamjen e kodit.
Shto një Break Line në Dreamweaver's View Design:
- Vendosni kursorin tuaj ku doni të filloni linjën e re.
- Mbani të shtypur butonin e zhvendosjes dhe shtypni [ENTER].
Kjo eshte! Shtimi i thjeshtë i butonit "shift" së bashku me [ENTER] do të shtojë një
në vend të një paragrafi të ri. Pra, tani që ju e dini se si është kjo, ju duhet të konsideroni se ku ta përdorni dhe ku ta shmangni atë. Mos harroni, HTML ka për qëllim të krijojë strukturën e një vendi, jo pamjen vizuale. Ju nuk duhet të përdorni tags të shumta për të krijuar hapësira vertikale nën elementet në dizajnin tuaj.
Kjo është ajo që pronat CSS për mbushje dhe margjinat janë për të. Ku ju do të përdorni një tag
është kur ju bëni vetëm nevojë për një vijë të vetme break. Për shembull, nëse po kodon një adresë postare dhe ke vendosur të përdorësh një paragraf, mund të shtosh një tags si kjo:
Emri i kompanisë
Linjë Adresimi
Qyteti, shteti, ZIP
Ky kod për adresën është një paragraf i vetëm, por vizualisht do të shfaqte tre rreshta në linja individuale me një hapësirë të vogël midis tyre.