Hur man planerar genomförandet av en webbplats
Om du planerar att utforma och skapa en webbplats är det bra att du spenderar tid på att planera projektet. Planeringsfasen gör det möjligt för utvecklaren och klienten att arbeta tillsammans för att identifiera format och layout på webbplatsen som uppfyller behoven hos båda. Planeringsprocessen kommer att påverka webbplatsens stil och är förmodligen den viktigaste aspekten av webbdesign, särskilt den professionella.
steg
Del 1
Realiserar den grundläggande strukturen
1
Bestämmer webbplatsens funktionalitet. Om du gör webbplatsen själv vet du förmodligen redan svaret på den här frågan. Om du gör webbplatsen för någon annan, ett företag eller en organisation, måste du förstå vad kunden förväntar sig av webbplatsen och dess funktionalitet. Alla beslut som fattas vid denna tidpunkt kommer att påverka slutresultatet.
- Behöver webbplatsen en virtuell showcase? Behöver du användar kommentarer? Behöver användare skapa ett konto? Är det här en webbplats för att läsa artiklar? När du tittar på bilder? Alla dessa frågor, och många andra, hjälper dig att designa webbplatsens design och struktur.
- Denna fas kan vara ansträngande, särskilt för stora företag, när många människor är involverade i projektet.

2
Skapa ett sidokartdiagram. Ett sidokartdiagram är som ett flödesschema, och visar hur användarna kan flytta från en sida till en annan. Det finns inget behov av sidor under denna fas, men endast för det allmänna flödet av idéer. För att skapa diagrammet kan du använda ett speciellt program eller rita det på ett papper. Använd diagrammet för att visa hierarkin mellan sidor och deras anslutning som bilder.

3
Försök använda "kort sortering". En mycket vanlig metod för att arbeta i en grupp är att använda pappersark för att förstå alles idealiska arbetssätt. Ta ett papper och skriv innehållet på varje sida på varje papper. Arbetsgruppen måste organisera arken på det sätt som bedöms mest användbart. Det här är det bästa förfarandet när du arbetar med andra människor för att skapa en webbplats.

4
Använd papper och en anslagstavla eller svarta tavlan. Denna planeringsmetod är den mest klassiska som används i projekt med låg budget och låter dig ta bort idéer, omplacera dem eller omdirigera dem. Rita projektstrukturen på pappersstycken, koppla dem med linjer eller rita konturen på svarta tavlan. Denna metod är utmärkt för brainstorming sessioner.

5
Håll en innehållsförteckning. Det här är mer användbart när du måste omforma en befintlig webbplats än när du börjar från början. ange alla befintliga innehåll eller sidor i en tabell. Markera syftet med varje innehåll och använd den här listan för att bestämma vad som måste förbli och vad som behöver tas bort. Denna procedur hjälper dig att eliminera icke-väsentliga delar, förenkla redesignprocessen.
Del 2
Bygg HTML Wireframe
1
Bygg en wireframe för att göra den hierarkiska ordern mer solid. HTML-wireframe är grundstrukturen på webbplatsen som endast använder etiketter och block som är nödvändiga för att representera innehållet. Denna struktur svarar på frågan "Vad visas på skärmen och var?". Webbplatsformatering och stil beaktas inte vid detta konstruktionsstadium.
- Trådramen låter dig se strukturen i innehållet och konceptflödet innan du dedikerar dig till de stilistiska valen.
- HTML-wireframe är en statisk struktur som ett PDF-dokument eller en bild och låter dig snabbt flytta innehållsblanketter för att skapa en ny struktur.
- En trådram är en interaktiv struktur, vilket är bra för både utvecklaren och kunden. Eftersom wireframe är skrivet i HTML-språk har du möjlighet att bläddra in i det för att få en uppfattning om hur du kan flytta mellan de olika sidorna på webbplatsen. Detta skulle vara omöjligt med PDF-formatet.

2
Försök använda metoden "Grå ruta". Utkast till sidinnehåll med grå lådor, sätta kärnelementen i innehållet högst upp. Innehållsblock är organiserade i enskilda kolumner, med det viktigaste innehållet i det övre området. Till exempel, om det är den sida som ger information om ett företag, kommer de viktigaste detaljerna att placeras överst, följt av en lista över medarbetare, då kontaktinformation och så vidare.

3
Försök använda ett wireframingprogram. Det finns många program som kan hjälpa dig under designprocessen för trådframställning. Kunskapsnivån för koden varierar från program till program. Bland de mest populära som vi inkluderar:

4
Använd en HTML-markup enkel. En bra wireframe kan enkelt konverteras till en webbplats. Du behöver inte oroa dig för den stilistiska aspekten under trådframställningsprocessen. Istället använder den en markup som är lätt att förstå och lätt utbytbar.

5
Gör en wireframe för varje sida. Du kanske är frestad att göra en enda trådram, kanske tänker på att använda den för alla sidor. I själva verket kommer det att göra webbplatsen anonym och tråkig. Ta dig tid att göra en wireframe för varje sida och du kommer snart inse att varje sida har sina egna organisatoriska behov.
Del 3
Skapa innehållet
1
Förbered lite av innehållet innan du börjar webbplatsen. Det blir lättare att göra en allmän uppfattning om stilen på webbplatsen om du använder det faktiska innehållet istället för etiketterna. Du behöver inte mycket innehåll, men modellen blir bättre om du har några bilder, både original och kopior.
- Du behöver inte texten i artiklarna, men du borde ha minst titlarna.

2
Kom ihåg att bra innehåll är inte begränsat till enkel text. Internet är mer än en uppsättning webbplatser som innehåller texter. För att få dig att märka i din nisch behöver du olika typer av element för att locka till och behålla användare. Vissa typer av innehåll som ska beaktas:

3
Hyra en professionell fotograf. Om du ska infoga bilder kommer den inledande effekten säkert att bli bättre om du använder professionellt fotografiskt material. En enda bild av utmärkt kvalitet är värd mer än tjugo mediokera bilder.

4
Skriv kvalitetsartiklar. Textinnehåll är det som ger mer trafik till en webbplats. Även om du inte behöver oroa dig för att skapa innehåll under den här designfasen, är det bra att börja tänka på det, eftersom du behöver det hela tiden när webbplatsen är igång.
Del 4
Vrid idén till en webbplats
1
Upprätta stilen hos de allmänna elementen. Det finns objekt som kommer att visas på varje sida på webbplatsen, till exempel sidhuvud, sidfot och navigeringsmeny. Ange de grundläggande stilistiska linjerna, så att du kan kontrollera den visuella effekten av varje sida. Detta kommer att vara mycket användbart i väntan på layouten inställningsfasen.
- Ta inte för mycket omsorg om detaljerna, men försök att komma så nära som möjligt till det slutliga resultatet du letar efter.

2
Skapa den grundläggande layouten. Börja flytta de olika trådramelementen från kolumnen till deras position på sidan. Till exempel kan du placera navigeringsblocket till vänster på sidan och listan med titlar på höger sida.

3
Skapa en modell. Använd ett program som Photoshop för att skapa en mall att använda på vissa sidor på webbplatsen. Använd de layoutriktlinjer du har ställt in. Du kan arbeta mycket snabbare genom att använda ett bildredigeringsprogram för att få det resultat du vill ha. Det här låter dig använda bilder som landmärken när du behöver koda allt.

4
Byt ut block med innehåll. Börja lägga till ditt innehåll på sidan. Oroa dig inte för den stilistiska aspekten för nu, men sätt varje element på plats. Detta hjälper dig att avgöra om de estetiska förändringarna du tänker kan fungera.

5
Skapa estetiska riktlinjer. Detta är viktigt för att upprätthålla en viss stilistisk sammanhållning, särskilt för större platser. Om webbplatsen är från ett företag som redan har logotyper eller bildelement, bör dessa ingå i projektet. Elements som ska beaktas i riktlinjerna:

6
Tillämpa din stil. När du väl valt stil och design för webbplatsen måste du börja göra den effektiv. Att använda CSS (stilark) är ett av de enklaste sätten att tillämpa en stilistisk modell på en sida eller en hel webbplats. Sök på webben för en guide dedikerad till att använda CSS för mer information.
Visa mer ... (1)
Dela på sociala nätverk:
Relaterade
Hur man lägger till en webbplats i en bibliografi
Hur man citerar en webbplats utan författare
Hur man citerar en webbplats utan författare, datum och sidnummer i APA-stil
Så här aktiverar du Java i Firefox
Så här öppnar du den gamla versionen av en webbplats
Hur man köper guld på World of Warcraft i säkerhet
Så här lägger du till Google Analytics på din webbplats
Så här tar du bort cookies från Adobe Flash Player
Hur man kontrollerar trafiken på en webbplats
Hur man skapar din första hemsida
Så här skapar du ett LookBook-konto
Hur man skapar en webbplats för att ta emot donationer
Hur man skapar en webbplats för fotografering
Hur man loggar in på en webbplats som administratör
Hur annonserar du din webbplats
Hur man skapar en webbplats med Wordpress
Så här hittar du författaren till en webbplats
Så här startar du Link Building för din webbplats
Hur man får presentkort gratis
Hur registrerar du en domän på Google
Så här tar du bort en Facebook-anslutning