Video: Adobe Dreamweaver CS5: Basic HTML 2024
Skapa en webbsida i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver är en enkel uppgift. Förstå den grundläggande HTML som skapas kräver en liten förklaring. Webbsidan kan vara så komplex eller enkel som du vill och båda typerna är lika effektiva om de skapas ordentligt.
Dreamweaver fungerar i bakgrunden för att säkerställa att din nya sida fungerar i de flesta senaste versionerna av vanliga webbläsare, till exempel Firefox, Internet Explorer och Safari. Massor av kod skapades för att hjälpa webbläsaren att känna till att det här är HTML och vilken version av HTML som används.
Som standard använder Dreamweaver XHTML 1. 0 Övergångsstandard varje gång du skapar en ny HTML-sida. XHTML kombinerar strängheten i XML (Extensible Markup Language) med HTML-taggar för att skapa ett språk som fungerar pålitligt och konsekvent över webbläsare och nya enheter (t.ex. mobiltelefoner och PDAer).
-
För att skapa en tom sida, välj Arkiv → Ny → Tom sida → HTML → och klicka sedan på Skapa.
En tom HTML-sida utan titel visas. Det har ingen formatering tills du lägger till tabeller eller lager.
-
Skriv lite text (säg ditt namn) på sidan och klicka på Kod-knappen på dokumentverktygsfältet.
När du skriver på sidan i dokumentet visas text på webbsidan. Men det är mycket mer än det.
-
Välj Split-vy genom att klicka på knappen Split på dokumentverktygsfältet.
Denna åtgärd visar både design och kodvisningar samtidigt, så att du kan se hur dina ändringar påverkar HTML bakom kulisserna.
Arbeta i delad vy hjälper dig att se hur sidelementen skapas och formateras med HTML-taggar.
-
Markera texten.
-
Markera Textalternativet i den gemensamma listrutan på Infoga-panelen.
Antag att du väljer B (för fetstil) för att fatta den markerade texten. I kodvisningen på din sida ser du att taggen har lagts till innan texten och -taggen läggs till efter texten.
Du kan ändra orienteringen och arrangemanget för vyerna i Split View. Om du vill byta designvy från höger till vänster väljer du Visa → Design Visa till vänster. För att ordna vyerna vertikalt, välj Visa → Dela vertikalt. Obs! Du kan omvända dessa alternativ lika enkelt från samma alternativ på menyn Visa.
