Video: Lektion 1: En första titt på Adobe Dreamweaver. 2024
När du skapar en ny webbsida i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver-partier av kod är skapad för att hjälpa din webbläsare att känna igen HTML och vilken version av HTML som används. Dreamweaver fungerar i bakgrunden för att säkerställa att din sida fungerar i de flesta senaste versionerna av vanliga webbläsare, till exempel Firefox, Internet Explorer och Safari.
HTML-kod, men lätt, är precis som något annat språk, för att du måste räkna ut syntaxen (ordens ordalag och bildbildning) och ordförråd (memorera massor av taggar). Du behöver inte ha tejpband på glasögonen för att bygga bra, rena webbsidor, men du måste granska följande HTML-basics.
Om du är en erfaren användare vet du att genom att kopiera och klistra in kod kan du räkna ut mycket om HTML-kod. Om du är en ny användare kan du kopiera och klistra in kod för att förstå koden som andra har implementerat på sina sidor och kanske ge dig några idéer.
I allmänhet består HTML-taggar av tre delar:
-
Tag: Huvuddelen av HTML-informationen, till exempel för stark eller fet, för typsnittstaggen eller
för en HTML-tabell. En etikett är alltid konstruerad av ett nyckelord som är bifogat i en uppsättning parentes, till exempel
eller
.
Eftersom de flesta taggar kommer i par måste du ange en öppningsetikett (
) och en stängningskod (
). I XHTML 1. 0 Transitional (den standard som används för alla nya sidor som skapats i Dreamweaver) måste alla taggar vara stängda. Du kan antingen stänga en tagg eller skapa en självstängande tagg genom att inkludera snedstrecket före stängningsfästet:Om du till exempel gör text med fetstil genom att lägga till taggen , berätta texten där du ska sluta använda fetstil genom att infoga en stängningskod . Annars fortsätter texten att visas fet på resten av sidan.
Attribut: Gör det möjligt att finjustera utseendet på en viss HTML-tagg. Ett attribut läggs alltid till en öppnings tagg och kan ta olika värden för att kontrollera attribut som länkens färg, storlek och destination. Till exempel är justering ett attribut för taggen
(punkt) som anger hur texten inuti stycket ska anpassas.
Här är ett exempel på en paragraf (
) med ett attribut som läggs till:
Detta är centrerad text
Värde: Färgen, storleken och länkdestinationen, till exempel, anges i en attribut. Du kan till exempel ange ett hexadecimalt tal som värdet för ett färgattribut. Ett exempel på ett värde för bgcolor-attributet för taggen (som styr hela sidans utseende) kan vara "röd" eller "# CC0000".
Nesting är den ordning i vilken taggar visas. Om en -tagg används, ser det ut så här: Denna text är fet . Lägg till en kursiv tagg och du ser Den här texten är fet och kursiv. . Lägg märke till inplacering av taggarna: Du arbetar dig från insidan till utsidan när du stänger taggar.