gushelom.ru

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.

Del 1

Realiserar den grundläggande strukturen
Bildnamn Planera en hemsida Steg 1
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.
  • Bildnamn Planera en hemsida Steg 2
    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.
  • Bildnamn Planera en hemsida Steg 3
    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.
  • Bildnamn Planera en hemsida Steg 4
    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.
  • Bildnamn Planera en hemsida Steg 5
    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
    Bildnamn Planera en hemsida Steg 6
    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.
  • Bildnamn Planera en hemsida Steg 7
    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.
  • Detta inkluderar inte rubriken och sidfoten. Grå lådor är en enkel visuell representation av sidinnehållet.
  • Bildnamn Planera en hemsida Steg 8
    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:
  • Pattern Lab. Denna sida är specialiserad på"atomdesign", där varje del av innehållet anses vara en "molekyl" som är en del av en större struktur, sidan.
  • Jumpcharts. Den här webbplatsen erbjuder en wireframe design och konstruktion service. Denna tjänst betalas, men låter dig snabbt inse en wireframe utan att behöva oroa dig för mycket om koden.
  • Wirefy. Wirefy är ett annat system av "atomdesign". Webbplatsverktyg finns gratis för utvecklare.
  • Bildnamn Planera en hemsida Steg 9
    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.
  • Vad beträffar trådramen är mycket mer gjort med väsentlighet. Målet är helt enkelt att bygga upp den grundläggande strukturen. Den visuella delen kommer att justeras senare med CSS och avancerade modeller.
  • Bildnamn Planera en hemsida Steg 10
    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
    Bildnamn Planera en hemsida Steg 11
    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.
  • Bildnamn Planera en hemsida Steg 12
    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:
  • Fotografiskt material
  • Ljudfil
  • Videofil
  • Stream (Twitter)
  • Möjlighet att interagera med Facebook
  • RSS (innehållsaggregat)
  • Innehållsfeeds
  • Bildnamn Planera en hemsida Steg 13
    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.
  • Leta efter en ung och bara examen fotograf istället för en professionell expert att spara pengar.
  • Bildnamn Planera en hemsida Steg 14
    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.
  • Förutom innehållet i artiklarna finns det andra textelement som ska genomföras under webbplatsskapande processen. Dessa inkluderar kontaktuppgifter, företagsnamn och allt annat du behöver inkludera i olika delar av webbplatsen.
  • Del 4

    Vrid idén till en webbplats
    Bildnamn Planera en hemsida Steg 15
    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.
  • Bildnamn Planera en hemsida Steg 16
    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.
  • Prova att använda olika layouter på olika sidor innan du fortsätter. Låt några människor testa arbetet för att se till att arbetet är organiskt.
  • Bildnamn Planera en hemsida Steg 17
    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.
  • Ange det faktiska innehållet i mallen för att säkerställa att uppsättningen har en bra visuell effekt.
  • Bildnamn Planera en hemsida Steg 18
    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.
  • Bildnamn Planera en hemsida Steg 19
    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:
  • navigering
  • Titlar (
  • punkterna
  • Tecken i kursiv
  • Tecken i fetstil
  • Länk (aktiv, inaktiv, väntar)
  • Användning av bilder
  • ikoner
  • Knappar
  • listor
  • Bildnamn Planera en hemsida Steg 20
    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 citerar en webbplats utan författareHur man citerar en webbplats utan författare
    Hur man citerar en webbplats utan författare, datum och sidnummer i APA-stilHur man citerar en webbplats utan författare, datum och sidnummer i APA-stil
    Så här aktiverar du Java i FirefoxSå här aktiverar du Java i Firefox
    Så här öppnar du den gamla versionen av en webbplatsSå här öppnar du den gamla versionen av en webbplats
    Hur man köper guld på World of Warcraft i säkerhetHur man köper guld på World of Warcraft i säkerhet
    Så här lägger du till Google Analytics på din webbplatsSå här lägger du till Google Analytics på din webbplats
    Så här tar du bort cookies från Adobe Flash PlayerSå här tar du bort cookies från Adobe Flash Player
    Hur man kontrollerar trafiken på en webbplatsHur man kontrollerar trafiken på en webbplats
    Hur man skapar din första hemsidaHur man skapar din första hemsida
    Så här skapar du ett LookBook-kontoSå här skapar du ett LookBook-konto
    » » Hur man planerar genomförandet av en webbplats

    © 2011—2021 gushelom.ru