Hur man skapar interna och externa stilark i Dreamweaver - dummies

När du skapar nya stilar i Dreamweaver måste du bestämma om du ska spara stilen i ett internt eller externt stilark. I ett internt stilark sparas stilregeln högst upp i HTML-dokumentet där du vill tillämpa stilen. I ett externt stilark sparas nya format i ett separat dokument som kan kopplas till en fil på din webbplats.

Externa stilark ger de största fördelarna eftersom det är effektivare att använda en uppsättning stilar på flera sidor än att skapa stilar för varje sida på din webbplats. Med det sagt, ibland är interna stilark ett bra val, till exempel när du skapar en stil som bara gäller element på en sida.

Så här skapar du ett internt stilark i Dreamweaver

Interna stilark sparas i samma HTML-fil där de tillämpas. Således skapar du inte en fil när du skapar ett internt stilark, som du gör när du skapar ett externt ark.

Istället när du skapar ett internt stilark lägger du helt enkelt till taggar i taggarna högst upp i HTML-filen som du har öppnat i Dreamweaver. När du sedan skapar stilar sparar du de nya stilregeldefinitionerna inom taggarna i din fil.

Skapa en ny intern stil i Dreamweaver kräver bara två steg. Klicka först på plus-ikonen (+) i panelen Källor längst upp på CSS Designer-panelen. Välj sedan Definiera i sida från rullgardinsmenyn. Du är klar. Dreamweaver sätter in taggarna i koden i din fil och listar det interna stilarket i panelen Källor med taggen.

Så här skapar du ett externt stilark i Dreamweaver

Överst på CSS Designer-panelen hittar du panelen Källor. Den här panelen visar namnet eller namnen på de stilark som är tillgängliga för den öppna sidan. Samma panel används för att skapa eller länka till stilark som du skapar eller tillämpar stilar.

För att skapa ett externt stilark, skapa och spara först en ny HTML-fil eller öppna en befintlig fil i Dreamweaver och följ sedan dessa anvisningar:

1. Klicka på plus-ikonen (+) i panelen Källor längst upp på CSS Designer-panelen.

   En rullgardinslista öppnas med tre alternativ: Skapa en ny CSS-fil, bifoga befintlig CSS-fil och definiera på sidan.

   

2. Välj alternativet Skapa ett nytt CSS-fil i rullgardinsmenyn.

   Dialogrutan Skapa en ny CSS-fil öppnas.

3. Ange ett namn för din nya stilarkfil.

   Du kan namnge stilark allt du vill, så länge du inte innehåller mellanslag eller specialtecken annat än bindestreck (-) eller understrykning (_).

   

4. Välj länkalternativet.

   Länk anses vara den bästa praxis i de flesta fall och väljs som standard i Dreamweaver.

   För det mesta används alternativet Importera endast när man vill tillämpa flera externa stilark på sidan men vill bara länka till ett stilark. I så fall kan du använda alternativet Importera för att associera flera stilark med en.

5. Klicka på pilen bredvid Villkorlig användning för att visa ytterligare inställningar.

   Inställningarna för villkorlig användning används för att ställa in mediafrågor för stilark.

6. Klicka på OK.

   Stilarkivet sparas och kopplas till HTML-sidan som du har öppnat i Dreamweaver. Obs! Om du arbetar på en ny HTML-sida, se till att du har sparat sidan. annars kan du inte skapa och länka en ny CSS-fil.

När du har skapat ett externt stilark kan du länka samma stilark till så många sidor som du vill genom att följa stegen i övningen som följer direkt. Du kan också lägga till så många stilregler som du vill ha på ett externt stilark, som omfattas av olika övningar som följer med att skapa klass, tagg och andra typer av stilar.