Hvis du er ny til webdesign og front-end udvikling (HTML, CSS, Javascript), så kan du vælge at komme i gang med en WYSIWYG editor. Denne akronym står for "hvad du ser, er hvad du får", og det refererer i grunden til software, der giver dig mulighed for at oprette en webside ved hjælp af visuelle værktøjer, mens softwaren skriver nogle kode bag kulisserne baseret på det, du opretter. Det mest populære WYSIWYG-værktøj er muligvis Adobe's Dreamweaver.
Dreamweaver er et godt valg for dem, lige ved at komme i gang
Mens mange erfarne webprofessorer med mere raffinerede færdigheder ser ned på Dreamweaver, og dens tendens til at producere oppustet HTML-markup og CSS-stilarter, er den simple sandhed, at platformen fortsat er en god mulighed for dem, der lige er begyndt med webdesign. Når du begynder at bruge Dreamweaver's "design view" mulighed for at opbygge en webside, er et af de spørgsmål, du sandsynligvis vil have, at skabe en enkelt linjeskift for indhold i den visning.
Når du tilføjer HTML-tekst til en webside, viser browseren denne tekst som en lang linje, indtil den når kanten af browservinduet eller dets beholderelement. På det tidspunkt vil teksten vikle til næste linje. Dette ligner hvad der sker i enhver tekstbehandlingssoftware, som Microsoft Word eller Google Docs. Når en tekstlinje ikke har mere plads på en vandret linje, vil den pakke ind for at starte en anden linje. Så hvad sker der, hvis du vil diktere hvor en linie går i stykker?
Når du trykker på ENTER -tasten i Dreamweaver's designvisning, er det aktuelle afsnit lukket og et nyt afsnit begynder. Visuelt betyder det, at disse to linjer adskilles med en smule lodret afstand. Dette skyldes, at HTML-afsnit som standard har polstring eller marginer (som afhænger af selve browseren), der anvendes i bunden af stykket, som tilføjer denne afstand.
Dette kan justeres med CSS, men sandheden er, at du vil have en afstand mellem afsnit for at muliggøre læsbarhed på hjemmesiden. Hvis du vil have en enkelt linje og ingen bred lodret afstand mellem linjer, vil du ikke bruge tasten ENTER, fordi du ikke ønsker, at disse linjer skal være individuelle afsnit.
For disse tider, når du ikke vil have et nyt afsnit til at begynde, vil du tilføje
tag i HTML. Dette er også nogle gange skrevet som
. specifikt til versioner af XHTML, som krævede, at alle elementer lukkes. Den efterfølgende / i denne syntaks lukker elementet selv siden
tag har ikke sin egen lukning tag. Det er alt godt og godt, men du arbejder i Design View i Dreamweaver. Du kan måske ikke springe ind i koden og tilføje disse pauser. Det er fint, for du kan faktisk tilføje en linjeskift i Dreamweaver uden at ty til kodevisning.
Tilføj en linjeskift i Dreamweavers designvisning:
- Placer markøren, hvor du vil have den nye linje til at starte.
- Hold nede i skift nøgle og tryk på Gå ind.
Det er det! Den enkle tilføjelse af "skift" -tasten sammen med ENTER tilføjer en
i stedet for et nyt afsnit. Så nu hvor du ved hvordan det er, skal du overveje, hvor du skal bruge det, og hvor du skal undgå det. Husk, at HTML er beregnet til at oprette strukturen på et websted, ikke det visuelle udseende. Du bør ikke bruge flere
tags for at skabe lodret mellemrum under elementer i dit design.
Det er hvad CSS-egenskaberne for polstring og margener er for. Hvor ville du bruge en
tag er, når du gør det bare brug for single line break. Hvis du for eksempel koder en postadresse, og du har besluttet at bruge et afsnit, kan du tilføje
tags som dette:
firmanavn Denne kode til adressen er et enkelt afsnit, men visuelt ville det vise de tre linjer på individuelle linjer med et lille mellemrum mellem dem.
Adresselinje
Postnummer
