Hvis du er ny innen webdesign og front-end utvikling (HTML, CSS, Javascript), kan du velge å komme i gang med en WYSIWYG redaktør. Dette akronymet står for "det du ser er hva du får" og refererer i utgangspunktet til programvare som lar deg gjøre det lage en webside ved hjelp av visuelle verktøy mens programvaren skriver litt kode bak kulissene basert på hva du er skape. Det mest populære WYSIWYG-verktøyet som er tilgjengelig, er uten tvil Adobes Dreamweaver.
Et godt alternativ for de som akkurat er i gang
Mens mange erfarne web-profesjonelle med mer raffinerte ferdigheter se ned på Dreamweaver og dens tendens til å produsere oppblåst HTML-markering og CSS-stiler, den enkle sannheten er at plattformen fortsatt er et godt alternativ for de som akkurat har kommet i gang med nettsteddesign. Når du begynner å bruke Dreamweavers "design view" -alternativ for å lage en webside, er et av spørsmålene du sannsynligvis vil ha, hvordan du lager en enkelt linjeskift for innhold i den visningen.
Når du legger til HTML-tekst på en webside, vil nettleseren vise teksten som en lang linje til den når kanten av nettleservinduet eller beholderelementet. På det tidspunktet vil teksten brytes til neste linje. Dette ligner på hva som skjer i tekstbehandlingsprogramvare, for eksempel Microsoft Word eller Google Docs. Når en tekstlinje ikke har mer plass på en horisontal linje, brytes den inn for å starte en ny linje. Så hva skjer hvis du vil diktere hvor en linje går i stykker?
Når du treffer ENTER i Dreamweavers designvisning
Når du treffer TAST INN i Dreamweavers designvisning, lukkes gjeldende avsnitt og et nytt avsnitt starter. Visuelt vil dette bety at de to linjene er skilt med litt vertikalt avstand. Dette er fordi HTML som standard avsnitt har polstring eller marginer (hvilken avhenger av selve nettleseren) brukt på bunnen av avsnittet som legger til den avstanden.
Dette kan justeres med CSS, men sannheten er at du vil at det skal være avstand mellom avsnittene for å tillate lesbarhet på nettstedet. Hvis du vil ha en enkelt linje og ikke ha et stort loddrett avstand mellom linjene, vil du ikke bruke ENTER-tasten fordi du ikke vil at linjene skal være individuelle avsnitt.
Når du ikke vil at et nytt avsnitt skal begynne
For disse tider når du ikke vil at et nytt avsnitt skal begynne, vil du legge til
tag i HTML. Dette blir også noen ganger skrevet som
. spesielt for versjoner av XHTML som krevde at alle elementene skulle lukkes. Den etterfølgende / i den syntaksen lukker selv elementet siden
tag har ikke sin egen lukkekode. Dette er vel og bra, men du jobber i Design View i Dreamweaver. Du vil kanskje ikke hoppe inn i koden og legge til disse pausene. Det er greit, for du kan faktisk legge til en linjeskift i Dreamweaver uten å ty til kodevisning.
Legg til en linjeskift i Dreamweavers designvisning:
- Plasser markøren der du vil at den nye linjen skal starte.
- Hold nede skift-tasten og trykk Tast inn.
Det er det! Det enkle tilføyelsen av "shift" -tasten sammen med [ENTER] vil legge til en
i stedet for et nytt avsnitt. Så nå som du vet hvordan dette er, bør du vurdere hvor du skal bruke det og hvor du skal unngå det. Huske, HTML er ment å skape strukturen til et nettsted, ikke det visuelle utseendet. Du bør ikke bruke flere
koder for å lage vertikal avstand under elementene i designet.
Det er det CSS-egenskapene for polstring og marginer er for. Hvor du vil bruke en
tag er når du bare trenger en enkelt linjeskift. Hvis du for eksempel koder en postadresse og har bestemt deg for å bruke et avsnitt, kan du legge til
koder som dette:
selskapsnavn
Adresselinje
By stat postnummer.
Denne koden for adressen er et enkelt avsnitt, men visuelt vil det vise de tre linjene på individuelle linjer med et lite mellomrom mellom dem.