Yshopnoosa.com

Hur man skapar en webb-mall från grunden

Med hjälp av en webb-mall gör det enklare att skapa en webbplats. Det endast använder en typ av ram och sparar produktionstid. Skapa en webb-mall kan göras på olika sätt. En är att kopiera källkoden och lägga till varje ny sida, eller använda ett program som Dreamweaver för att bistå vid tillämpningen av mallen på alla nya sidor.

Instruktioner

1 Starta Dreamweaver.

2 Hantera filer kan webbmallen associeras med alla nya sidor som skapas. För att göra detta, titta på fönstret längst ner till höger och välj fliken filer om det inte redan visas. Från den nedrullningsbara menyn, välj "Hantera filer". Detta kommer att ta upp ett nytt fönster. På fönstret, välj "Nytt"-knappen. Ange namnet på webbplatsen i fönstret webbplatsdefinitionen. Fyll inte i fältet URL. Välj "Nästa"-knappen. I nästa avsnitt, välj "Nej, jag inte vill använda en server-teknik." Välj "Nästa"-knappen. Högst upp, välj "Redigera kopior på min maskin." Sedan klicka på mappen till höger och leta upp mappen webbfiler lagras på datorn. När mappen finns, välj "Nästa". I den nedrullningsbara menyn, välj "Ingen" för att ansluta till en fjärrserver. Välj "Nästa"-knappen. Granska din information och väljer "Gjort". I det lilla fönstret som är fortfarande öppen, välj "Gjort."

3 En ny mapp ska visas i fönstret till höger i Dreamweaver. Detta är där webbfilerna kommer att lagras. I den övre menyn, välj "File" och "Nytt." I fönstrets vänstra kolumnen väljer du mallsida och välj HTML-mall i den högra kolumnen.

4 Den nya filen behöver ett namn. Gå till topp menyn igen och välj "File" och "Spara som". Dreamweaver uppmanas att spara filen. Välj "Ja". Ge filen namnet och lämna".dwt" utökning.

5 I källkoden, områdena markerade "Mall börjar redigerbara" och "Mall slutet redigerbara" är de områden som kommer att kunna redigeras när objekt placeras inom dessa taggar. Ett exempel visas nedan.

<!--TemplateBeginEditable namn = "doctitle"-->< title > din nya mall < / title ><!--TemplateEndEditable-->

6 Resten av sidan i HTML- och XHTML-kod. Dragen av sidan, banner, navigering, huvuddel område och sidfot, bör alla inkluderas.

7 Nya redigerbara områden måste skapas. Detta är de områden som kommer att redigeras i hela webbplatsen. Huvuddel området skulle vara ett exempel. Markera det område som ska redigeras. För att skapa denna ny ändringsbar region, gå till huvudmenyn och välj "Infoga", sedan "mallobjekt" och "Ändringsbar Region." Ett fönster visas och ett namn kommer att ges till regionen. Detta kan döpas, men för nu bara lämna namnet ensam. Välj "Ok." Upprepa detta för alla områden som måste nås eller redigerad på varje sida i din webbplats.

8 En mall med redigerbara områden har skapats för hela webbplatsen. Den här mallen kan tillämpas på varje ny sida på din webbplats som skapats inom Dreamweaver. Om du vill använda mallen, väljer du den nya sidan som mallen kommer att tillämpas på. Gå till menyn längst upp i Dreamweaver och välj, "Ändra," sedan "mallar" och sedan "Tillämpa mall på sidan." Alla funktioner i mallen visas nu på den nya sidan. Spara dokumentet. Upprepa detta steg för varje ny sida skapades för platsen. Med mallen Web kommer att visa sig vara ett bra verktyg när du skapar den nya webbplatsen.

Tips & varningar

  • Du kanske vill överväga att skapa mer än en webbmall för att lägga till ett annorlunda utseende till vissa delar av webbplatsen.