Dynamisk HTML 3 dagar DHTML är ett samlingsbegrepp för olika möjligheter att låta webbläsaren förändra den nedladdade HTML-sidans utseende för användaren. Exempel på DHTML är Cascading Style Sheets – CSS, som ger bättre kontroll över layout och design, JavaScript, som ger möjligheten att dynamiskt ändra webbsidans innehåll efter att den nedladdats. Kursen går in på teknikområden inom DHTML, förklarar som menas med begreppet, och vilka mekanismer som idag förknippas med DHTML. Objektmodellen DOM presenteras och exempel i CSS och JavaScript visar olika sätt att ge dynamik åt webbsidan. Tyngdpunkten ligger på CSS, som används för placering, färg, storlek och allt annat som har med utseende att göra. Förkunskaper och mål Detta är en fortsättningskurs för dig som arbetar med att konstruera webbsidor och som vill lära dig mer om dynamisk HTML. Målet är att ge kursdeltagaren kunskap i ny teknik för att kunna konstruera webb-sidor med ett dynamiskt användar-gränsnitt. Då kursen ligger på en avancerad nivå rekommenderar vi kursdeltagaren starkt att ha en mycket god kunskapsbas i HTML för att få full effekt av kursen. Pris: 19 500 kr (exkl. moms) Kursmaterial på svenska Joakim Vikman Cascading Style Sheets - CSS CSS roll i DHTML Exakt kontroll över HTML-element Positionering Globala stilar för en site Marginaler Padding Olika färger på olika länkar CSS som alternativ till tabeller CSS och text Fontfamiljer Stilar Olika sätt att sätta textstorlek Radavstånd Avstånd mellan bokstäver Fontens tjocklek Justerad text Indentering CSS och bakgrunder Repetera en bakgrundsbild horisontellt, vertikalt eller inte alls Blanda bakgrundsfärg och bakgrundsbild Positionera bakgrundsbilden Fixera bakgrunden Kantlinjer Skillnad mellan browsers Olika utseende på kantlinjen Kontroll över varje sida för sig Färger Kantens tjocklek Formulär Ändra utseende på knappar Bakgrundsfärger i drop-downlistor Fonter i inputfält Annat man kan styra Bakåtkompabilitet Tomma objekt Olika sidor för olika browsers Dummyscript Olika CSSer Document Object Model - DOM DOM´s roll i DHTML Olika versioner av DOM Att designa med DOM i åtanke Skillnader mellan Netscape och Microsofts objektmodell JavaScript Händelser Imageswapping Netscapes resize-bugg Fönsterstorlek Menysystem (övning)