Video: SublimeText + Emmet - 18 layouts @JoseCodFacilito 2024
For å velge et bestemt layout i CSS3 fra Dynamic Drive, klikk på linken. Du ser en side som inneholder en bedre presentasjon av oppsettet øverst. Teksten i oppsettet er fyllstoffer slik at du bedre kan bedømme hvordan utformingen vil føle seg med innhold i den. Du kan prøve å endre størrelsen på nettleseren for å se hvordan utformingen vil se på forskjellige størrelser.
Nederst på samme side ser du CSS som brukes til å opprette sidens utseende. Koden vises i en intern CSS-tag, men du kan enkelt flytte den til en ekstern CSS-fil hvis ønskelig.
Koden gir en hel side du kan bruke til testing. Følgende trinn forteller hvordan du får tilgang til koden.
-
Klikk på Utvid.
Du ser kodens område på siden for å vise hele koden som brukes til å lage oppsettet.
-
Klikk Velg kode.
Siden velger all koden i kodeområdet for deg.
-
Høyreklikk den uthevede koden og velg Kopier fra hurtigmenyen.
Den nøyaktige teknikken du bruker varierer fra nettleser og plattform. For eksempel kan du trykke Ctrl + C på Windows-systemer eller Command + C på Mac-systemer for å utføre samme oppgave. Tanken er å få koden plassert på utklippstavlen.
-
Åpne editoren din og lim inn innholdet i utklippstavlen i en ny fil.
Du ser det samme eksemplet som dukket opp på nettstedet Dynamic Drive.
-
Lagre den nye filen.
Bruk et filnavn som representerer oppsettet du valgte.
-
Legg filen i nettleseren din.
Du ser det komplette Dynamic Drive-eksemplet for oppsettet.
For å bruke oppsettet på din egen side, kopier du bare innholdet til taggen til siden du lager. Det er trygt å ignorere skriptet på slutten av seksjonen - det eneste målet er å fylle siden med eksempeldata.
Du bør imidlertid notere stilene som brukes med elementer i sidelayouten. Disse stilene og tilhørende tagger gir det faktiske oppsettet du ser på skjermen.