Hvis du er ny inden for webdesign og front-end-udvikling (HTML, CSS, Javascript), kan du vælge at komme i gang med en WYSIWYG redaktør. Dette akronym står for "hvad du ser er, hvad du får", og det refererer grundlæggende til software, der giver dig mulighed for det oprette en webside ved hjælp af visuelle værktøjer, mens softwaren skriver noget kode bag kulisserne baseret på hvad du er skaber. Det mest populære WYSIWYG-værktøj til rådighed er uden tvivl Adobes Dreamweaver.
En god mulighed for dem, der lige er kommet i gang
Mens mange erfarne web-professionelle med mere raffinerede færdigheder se ned på Dreamweaver og dens tendens til at producere oppustet HTML-markering og CSS-stilarter, den enkle sandhed er, at platformen stadig er en god mulighed for dem, der lige er kommet i gang med webstedsdesign. Når du begynder at bruge Dreamweavers valgmulighed "designvisning" til at oprette en webside, er et af de spørgsmål, du sandsynligvis vil have, hvordan man opretter en enkelt linjeskift til indhold i den visning.
Når du føjer HTML-tekst til en webside, viser webbrowseren teksten som en lang linje, indtil den når kanten af browservinduet eller dens containerelement. På det tidspunkt vikles teksten til den næste linje. Dette svarer til hvad der sker i enhver tekstbehandlingssoftware som Microsoft Word eller Google Docs. Når en tekstlinje ikke har mere plads på en vandret linje, brydes den for at begynde en ny linje. Så hvad sker der, hvis du vil diktere, hvor en linje går i stykker?
Når du rammer ENTER i Dreamweavers designvisning
Når du rammer GÅ IND i Dreamweavers designvisning lukkes det aktuelle afsnit, og et nyt afsnit starter. Visuelt vil dette betyde, at disse to linjer er adskilt med lidt lodret afstand. Dette skyldes som standard HTML afsnit har polstring eller margener (hvilken afhænger af selve browseren) anvendt i bunden af afsnittet, hvilket tilføjer den afstand.
Dette kan justeres med CSS, men sandheden er, at du ønsker, at der skal være afstand mellem afsnit for at muliggøre læsbarhed på hjemmesiden. Hvis du vil have en enkelt linje og ikke have en bred lodret afstand mellem linjerne, vil du ikke bruge ENTER-tasten, fordi du ikke ønsker, at disse linjer skal være individuelle afsnit.
Når du ikke vil have et nyt afsnit til at begynde
For disse tidspunkter, hvor du ikke ønsker, at et nyt afsnit skal begynde, skal du tilføje
tag i HTML. Dette er undertiden også skrevet som
. specifikt til versioner af XHTML, som krævede, at alle elementer skulle lukkes. Den efterfølgende / i denne syntaks lukker selv elementet siden
tag har ikke sit eget lukkemærke. Det er godt og godt, men du arbejder i Design View i Dreamweaver. Du vil måske ikke springe ind i koden og tilføje disse pauser. Det er fint, for du kan faktisk tilføje et linjeskift i Dreamweaver uden at ty til kodevisning.
Tilføj et linjeskift i Dreamweavers designvisning:
- Placer markøren, hvor du vil have den nye linje til at starte.
- Hold nede Skift-tast og tryk på Gå ind.
Det er det! Den enkle tilføjelse af "shift" -tasten sammen med [ENTER] vil tilføje en
i stedet for et nyt afsnit. Så nu hvor du ved, hvordan dette er, skal du overveje, hvor du skal bruge det, og hvor du skal undgå det. Husk, HTML er beregnet til at skabe strukturen på et sted, ikke det visuelle udseende. Du skal ikke bruge flere
tags for at skabe lodret afstand under elementer i dit design.
Det er, hvad CSS-egenskaberne til polstring og margener er til. Hvor du bruger en
tag er, når du bare har brug for en enkelt linjeskift. Hvis du f.eks. Koder en postadresse, og du har besluttet at bruge et afsnit, kan du tilføje
tags som dette:
firmanavn
Adresselinje
Postnummer.
Denne kode for adressen er et enkelt afsnit, men visuelt vil det vise de tre linjer på individuelle linjer med et lille mellemrum imellem.