Video: Como hacer Responsive Design | Codigo para una Pagina Responsive 2025
Du kan sette inn et bord ved å klikke på tabellikonet i Dreamweaver's Layout Insert-panel eller ved å bruke Sett inn meny, som vist i trinnvise instruksjonene som følger. Ikke bekymre deg for å perfeksjonere innstillingene, du endrer alle disse alternativene senere (med unntak av tilgjengelighetsinnstillingene, som kun kan redigeres i kodevisning etter at du har har laget et bord).
For å lage et bord i Dreamweaver:
-
Velg Sett inn → Tabell, eller klikk på ikonet Tabell i panelet Felles eller Layout. < Dialogboksen Tabell vises.
I feltene Rader og kolonner angir du antall rader og kolonner du vil ha i tabellen.
-
I feltet Tabellbredde skriver du inn bredden på tabellen og velg deretter Prosent eller Piksler fra rullegardinlisten.
-
Angi tykkelsen på bordets kant i piksler i feltet Kanttykkelse.
-
I feltet Cell Padding og Cell Spacing, angi antall piksler av cellepodding og celleavstand for henholdsvis bordet ditt.
-
Feltene og feltene kan stå tomt for å lage et bord uten ekstra utfylling eller avstand. Alternativt kan du opprette en CSS-stil som angir mellomrom.
Velg et topptekstalternativ ved å klikke på ikonet som representerer topptekstposisjonen du vil ha i tabellen.
-
(Valgfritt) I Tilpasningsfelt legger du til en bildetekst og et sammendrag.
-
Disse feltene gir ekstra informasjon som kan være nyttig for hørselshemmede og andre som surfer på nettet ved hjelp av skjermlesere eller andre nettlesere som leser websider høyt.
Klikk på OK.
-
Tabellen legges til siden i Dreamweaver, og tabelldialogboksen lukkes.
Hvis du vil legge til tekst i et bord, klikker du for å plassere markøren i en tabellcell og deretter skrive inn dataene du vil ha i den cellen. Gjenta for hver celle.
-
Alternativt kan du bruke Rediger → Lim inn spesiell for å sette inn kolonnerdata fra et annet program, for eksempel Excel.
For å sette inn et bilde i en celle, klikk for å plassere markøren i en tabellcell og velg deretter Sett inn → Bilde → Bilde. Gjenta for hver celle.
-
Alternativt kan du bruke bildeikonet i fellesinnleggspanelet.
Bruk formateringsalternativer, for eksempel fet eller kursiv, til valgte celler og deres innhold ved å velge alternativet fra egenskapsinspektøren.
-
Du kan redigere alle tabellalternativer, unntatt tilgjengelighetsalternativer, i egenskapsinspektøren når du har opprettet en tabell. Når du velger et bord eller en celle ved å klikke den i Dreamweaver-arbeidsområdet, vises attributter i egenskapsinspektøren nederst på arbeidsområdet.
Klikk på grensen til et bord for å velge hele tabellen, og egenskapsinspektøren viser tabellalternativene. For å se alle alternativer, klikk på expander pilen i nedre høyre hjørne av egenskapsinspektøren.
Kreditt: Foto av Janine Warner
