Hur man skapar en webbplats (med bilder)

2024 Författare: Gilbert Ryder | [email protected]. Senast ändrad: 2023-12-16 17:42

Att bygga en webbplats är ett bra sätt att dela dina idéer och tankar med världen. Men om du aldrig har gjort det kan det verka skrämmande. Det finns allt det där http-dot-whatever och och och hur får du bilder och text där inne? Tja, var inte rädd, den här artikeln hjälper dig att snabbt förstå grejerna!

Steg

Grundläggande HTML -hjälp

Exempel på webbsida med HTML

Stöd för wikiHow och låsa upp alla prover.

HTML fuskblad

Stöd för wikiHow och låsa upp alla prover.

Exempel på enkel webbsida

Stöd för wikiHow och låsa upp alla prover.

Del 1 av 4: Designa din webbplats

Steg 1. Bli inspirerad

Titta på webbplatser med bra design och tänk på varför de är bra designer. Det handlar oftast om att information, resurser, länkar och sidor läggs upp på ett sätt som är lätt att se och använda. För att få idéer om hur du utformar din egen webbplats, titta på webbplatser som gör liknande saker för att få idéer om var du ska placera olika typer av innehåll.

Håll dig realistisk till dina färdigheter.
Enkel åtkomst är det viktigaste. Om du inte har en viss information lätt synlig, se till att det är mycket logiskt att komma till den informationen.
I allmänhet ju enklare design, ju färre sidor, desto bättre.

Steg 2. Välj ett ämne och syfte

Om du redan har en ganska bra uppfattning om vad din webbplats kommer att fokusera på, hoppa över det här steget. Om inte, här är några saker som hjälper dig att räkna ut det. Först förstå att det finns miljarder människor på Internet, och en stor andel har webbplatser. Om du begränsar dig till något som inte har gjorts kommer du aldrig igång.

När du tänker "Internet", vad är det första du tänker på? E-handel? Musik? Nyheter? Umgås? Bloggar? Det är alla bra ställen att börja.
Du kan skapa en webbplats som är dedikerad till ditt favoritband och ha ett chattområde där människor kan prata om det.
Du kan bygga en sida för din familj, men var försiktig med sådana här saker. Internet är fullt av obehagliga karaktärer och information du lägger upp om din familj kan komma att användas mot dig. Överväg att lägga till lösenordsskydd på din personliga familjs webbplats.
Om du är en nyhetsknarkare eller vill ha något mindre filtrerat än traditionella medier, bygg en webbplats och få offentligt tillgängliga flöden från nyhetsleverantörer som Reuters, BBC, AP och andra. Bygg din egen anpassade nyhetsaggregat (det som brukade gå under det pittoreska namnet "tidning"), se sedan och visa alla nyheter som är lämpliga att digitalisera.
Om du är kreativ på att skriva kan du starta en blogg där du kan skriva om vad du vill och locka till dig månadsläsare!

Steg 3. Gör en plan

Att bygga din webbplats kommer att kräva tid och eventuellt pengar, så sätt en gräns för båda och gräv sedan in. Planen behöver inte vara ett stort, komplicerat kalkylblad eller en snygg grafisk presentation, utan på åtminstone kommer du att vilja överväga vad det kommer att göra för dig och besökarna, vad du kommer att lägga på webbplatsen, vad som går vart på webbsidorna.

Steg 4. Samla innehållet

Det finns massor av olika typer av innehåll och många har sina egna överväganden. Du måste ta reda på vad som är bäst för din webbplats och dina behov. Några saker att tänka på inklusive:

En affär.

Om du vill sälja saker måste du ta reda på hur du vill att föremålen ska vara tillgängliga. Om du har relativt få saker att sälja kanske du vill överväga att ha en butik med en värdtjänst. Society6, Amazon och Cafepress är alla väletablerade butiksvärdar som låter dig sälja en mängd olika varor och bestämma dina egna priser.
Media. Vill du visa videor? Musik? Vill du vara värd för dina egna filer eller vill du att de ska vara värd någon annanstans? Youtube och SoundCloud är bra exempel på värdalternativ, men du måste vara säker på att sättet du utformar din webbplats gör att dessa medietyper kan visas korrekt.
Bilder. Är du fotograf? En konstnär? Om du planerar att lägga originalbilder på din webbplats kanske du vill använda ett format som kan hjälpa dem att bli stulna. Se till att bilderna är relativt små eller att de är gömda bakom någon Flash -kod, så att de inte kan sparas lätt.
Widgets. Detta är miniprogram som körs på din webbplats, vanligtvis för att hjälpa dig att hålla reda på vem som besöker, vad de letar efter och var de kommer ifrån. Du kan också hitta widgets för bokning av möten, visning av en kalender osv. Titta på vad som kan vara användbart för dig (se bara till att widgeten kommer från en ansedd källa).
Kontaktinformation. Vill du ha kontaktinformation på din webbsida? För din egen säkerhet bör du vara försiktig med vilken typ av information du har tillgänglig. Du bör aldrig visa saker som din hemadress eller ditt telefonnummer, eftersom information som denna kan användas för att stjäla din identitet. Du kanske vill ställa in en postbox eller en särskild e -postadress för personer att kontakta dig på om du inte har en företagsadress.

Steg 5. Rita ett flödesschema

För de flesta börjar webbplatsen på hemsidan. Det här är den sida som alla ser när de först går till www.yourSite.com. Men vart går de därifrån? Om du lägger lite tid på att tänka på hur människor kan interagera med din webbplats har du mycket lättare tid när du skapar navigeringsknappar och länkar.

Steg 6. Planera för användarenheter och situationer

Under de senaste åren har smartphones och surfplattor blivit otroligt populära plattformar för att surfa på internet, och de kräver att webbplatser är utformade för dem. Om du verkligen vill skapa en webbplats som kommer att klara tidens test och vara tillgänglig för det högsta antalet tittare, planera att göra olika versioner av din webbplats för olika enheter, eller planera att använda en responsiv design som justeras efter behov.

Del 2 av 4: Bygga din webbplats

Steg 1. Bestäm vilken metod eller verktyg du ska använda för att bygga den

När du har grundtanken nere och har en plan för hur den ska läggas ut, är nästa att tänka på hur du ska bygga den. Alternativen verkar oändliga, och människor kommer att försöka sälja dig den eller den "fantastiska" applikationen och allt annat som du "absolut måste ha" på din webbplats, men verkligheten är att det finns några bra verktyg för att bygga webbplatser, och en av dem passar bäst för din situation och dina behov.

Steg 2. Bygg det själv

Det här är första alternativet. Om du har en webbplatsbyggande applikation som Adobe Dreamweaver är det inte särskilt svårt att skapa en webbplats från grunden. Du kan behöva göra lite kodning men inte få panik! HTML ser komplicerat ut, men det är som att lyssna på Shakespeare-det är svårt till en början, men när man väl känner av det är det inte så svårt.

Fördelar: programvara för webbdesign förenklar processen med att bygga webbplatser genom att låta dig dra och släppa bilder, text, knappar, filmer och allt annat du kan tänka dig, vanligtvis utan att behöva gräva i HTML. Många webbdesignapplikationer låter dig till och med skapa webbplatser specifikt för din smartphone eller pad. Om du bygger en grundläggande, personlig webbplats är detta verkligen ett bra sätt att gå.
Nackdelar: det finns en inlärningskurva, och även om du inte behöver gräva i HTML är det inte helt nördfritt. Om du har bråttom kanske det inte är den bästa lösningen. Den kanske största nackdelen är dock att om du inte är en grafisk formgivare kan du få en sida som gör ont i ögonen. För att försämra detta något finns det ett antal gratis mallar i applikationerna och på internet, men var medveten om dina begränsningar-om du har några!

Steg 3. Använd ett innehållshanteringssystem (CMS)

Det här är andra alternativet. WordPress är ett exempel på ett bra alternativ för att bygga webbplatser. Det hjälper dig att skapa webbsidor och blogginlägg snabbt och enkelt, ställa in menyerna, tillåta och hantera användarkommentarer och har tusentals teman och plugins som du kan välja mellan och använda gratis. Drupal och Joomla är andra bra CMS -alternativ. När CMS är värd kan du hantera din webbplats var som helst (i världen) som har en internetanslutning.

Fördelar: Mycket enkel att använda, snabb att komma igång med ett klick installera och massor av alternativ för nybörjaren (med tillräckligt djup för mer erfarna användare).
Nackdelar: Vissa teman är begränsande och inte alla är gratis.

Steg 4. Bygg webbplatsen från grunden

Det här är tredje alternativet. Om du bestämmer dig för att bygga din webbplats från början måste du börja använda HTML och CSS. Det finns sätt att utöka dina HTML -färdigheter och lägga till fler funktioner och mer djup på din webbplats. Om du utvecklar en professionell webbplats hjälper dessa verktyg dig att få det försprång som behövs i alla affärsverksamheter.

CSS, som står för "Cascading Style Sheets". CSS ger mer flexibilitet för styling av HTML och gör det mycket lättare att göra grundläggande ändringar-typsnitt, rubriker, färgscheman-på ett ställe och få dessa ändringar att krusa genom webbplatsen.
XHTML är ett webbspråk som fastställs av W3C: s standarder. Nästan identisk med HTML, den följer en striktare uppsättning regler för märkning av information. Vad det här betyder för det mesta är mindre förändringar i hur du skriver kod.
Kolla in HTML5. Det är den femte revisionen av kärn -HTML -standarden och kommer så småningom att innehålla den nuvarande versionen av HTML (HTML4) och XHTML också.
Lär dig ett skriptspråk på klientsidan, till exempel JavaScript. Detta kommer att öka din förmåga att lägga till interaktiva element på din webbplats, till exempel diagram, kartor, etc.
Lär dig ett skriptspråk på serversidan. PHP, ASP med JavaScript eller VB Script eller Python kan användas för att ändra hur webbsidor visas för olika personer, och låter dig redigera eller skapa forum. De kan också hjälpa till att lagra information om personer som besöker din webbplats, till exempel deras användarnamn, inställningar och till och med tillfälliga "kundvagnar" för kommersiella webbplatser.
AJAX (asynkron JavaScript och XML) är en teknik för att använda ett webbläsarsidigt språk och ett serversidigt språk för att få sidan att få ny information från servern utan att uppdatera sidan, vilket ofta minskar användarens väntetid och avsevärt förbättrar användarens upplevelse men ökar bandbreddsanvändning. För en webbplats som kommer att se mycket trafik, eller en e -handelsplats, är detta en utmärkt lösning.

Steg 5. Anlita en proffs

Det här är fjärde och sista alternativet. Om du inte är sugen på att designa din egen webbplats eller lära dig nya kodningsspråk-särskilt för mer avancerade webbplatser-kan det vara ditt bästa alternativ att anlita en professionell. Innan du anställer, be att få se en portfölj av deras arbete och kontrollera deras referenser noggrant.

Del 3 av 4: Testa att köra din webbplats och gå live

Steg 1. Registrera ditt domännamn

Om du har en budget finns det strategier för att köpa ett billigt domännamn. Hitta ett domännamn som är lätt att komma ihåg och lätt att stava. Om du använder domäner som slutar med.com kommer du att få mer trafik, men de flesta av de enkla är tagna, så var kreativ!

Look to Network Solutions, GoDaddy eller Register.com är bra i USA och uk2.net om du är i Storbritannien för att undersöka och hitta det perfekta domännamnet för din webbplats. Wordpress innehåller också en funktion där du kan använda ett namn som är märkt med deras webbplats, till exempel mywebsite.wordpress.com. Men om namnet du väljer också är tillgängligt som en.com meddelar de dig när du registrerar dig.
Du kan köpa domännamn om de har "parkerats" eller är till salu online via affärssäljsidor. Det är en bra idé att få juridisk och ekonomisk rådgivning innan du köper ett dyrt domännamn.

Steg 2. Kontrollera din webbplats

Innan du lägger upp din webbplats är det klokt att testa den noggrant. De flesta webbdesignprogram har ett sätt att testa din webbplats utan att ta den online. Leta efter saknade taggar, trasiga länkar, sökmotoroptimering och webbplatsdesignfel. Detta är alla faktorer som kan påverka din webbplats trafik och intäkter. Du kan också generera en kostnadsfri, fullständigt fungerande webbplatskarta som du kan skicka till sökmotorer som Google på några minuter.

Steg 3. Testa din webbplats

Gör användbarhetstestning när du är klar med din webbplats. Du kan göra detta genom att be några vänner eller familjemedlemmar att testa det. Ge dem en specifik uppgift som "redigera din profil" eller "köp en alpackatröja från fyndsidan". Sitt bakom dem och se dem navigera-hjälp dem inte. Du kommer sannolikt att hitta områden där du behöver förbättra navigeringen eller förtydliga några instruktioner. Alternativt kan du använda något som zurb.com till användartest på specifika demografiska data för olika typer av engagemang. När du testar en webbplats 2014 blir det viktigt att ha plattformen i åtanke och se till att webbplatsen är användbar från smartphones och surfplattor samt stationära datorer.

Håll en lista över saker du märker som verkar svåra eller icke-intuitiva för användaren

Steg 4. Starta den

Välj ett webbhotell och ladda upp din webbplats. Ditt webbhotell kan ha en FTP -funktion, eller så kan du ladda ner ditt eget FTP -program som FileZilla eller CyberDuck. Om du anlitade en professionell för att designa webbplatsen borde de kunna ta hand om detta åt dig (men det lönar sig fortfarande att ställa frågor så att du förstår vad som händer).

Observera att det finns sätt att värd din egen webbplats gratis

Del 4 av 4: Webbplatsöverväganden

Steg 1. Begränsa ditt koncept

Om du gör det här för pengar, vilka idéer är det som ger mest vinst? Vilka idéer kräver mest engagemang? Vilka idéer ser ut att vara roliga att driva? Du kommer att lägga tid på att arbeta med din webbplats, så välj den idé du brinner mest för (det är också lönsamt och praktiskt för dig).

Steg 2. Definiera dina mål och arbeta för att uppnå dem

Webbplatsen du skapar kan vara för skojs skull, det kan vara för vinst eller någon kombination av de två. Att känna till dina förväntningar gör det mycket lättare både att designa din webbplats och att spåra och förstå resultaten.

Steg 3. Var redo för tävling

Innehållssidor kräver mindre investeringar men de möter också mer konkurrens, eftersom vem som helst kan starta en innehållssajt. För att tjäna pengar på den här typen av webbplatser tillhandahåller du information och genererar intäkter från den trafik du får genom reklam, till exempel via Google AdSense. För att optimera AdSense måste du skriva ditt innehåll målmedvetet och göra det intressant så att människor kommer till din webbplats. Använd också specifika sökord riktade till personer som söker efter specifika termer. låt dig inte bli förträngd med den här aspekten, annars kan innehållet lida och läsarna kommer inte att gilla det.

Steg 4. Var redo för ansvar

e -handelssajter, som säljer produkter, kommer att behöva mer underhåll och uppmärksamhet. Du kommer att behöva tänka på frakt, försäljning, skatter, SSL, lageruppdateringar och allt som en person med ett butiksfönster skulle behöva hantera. Ett system för snabba svar på frågor och hantering av klagomål är viktigt vid försäljning av produkter online; många företag erbjuder också telefonhjälp, som du kan lägga ut på offshore om det behövs.

Om målet bara är att lägga till en inkomstström kan du också sälja andras produkter genom affiliateprogram, så att du kan tjäna pengar utan att investera i produkter eller oroa dig för frakt

Steg 5. Känn till den publik eller marknad du vill nå

Vilka typer av människor kommer din webbplats att tjäna? Gör marknadsundersökningar för att ta reda på mer om din publik. Saker att veta eller ta reda på är: Vad gör de? Hur gamla är de? Vilka är deras andra intressen? All denna information kan hjälpa till att göra din webbplats mycket mer användbar. Var dock försiktig med att anta att din webbplats bara är inriktad på en grupp - se alltid efter trender som visar att andra typer av människor blir intresserade, så att du också kan tillgodose deras intressen och dra nytta av nya möjligheter.

Steg 6. Gör sökordsforskning

Detta är nödvändigt för att avgöra om människor söker efter ämnen som är relevanta för din webbplats och kan vara användbara för att lära sig mer om dina potentiella kunder. Att göra ett medvetet försök att införliva efterfrågade sökord på webbplatsen kan också hjälpa dig att få en bättre sökmotor ranking. Det finns verktyg tillgängliga från Google (t.ex. google.com/trends/ och google.com/insights/search/#), Overture och programvaruutvecklare från tredje part som kan underlätta sökordsforskningsprocessen.

Strö över de sökord du valt genom hela din text, men inte i den mån det skadar kvaliteten på ditt innehåll.
Att skapa sidor som är optimerade för sökmotorerna hjälper dig att hitta din webbplats som verkligen är viktigare än design. Vad är bra för en webbplats som ingen ser?

Steg 7. Annonsera.

Nu när det är ute, vill du att folk ska komma, så meddela dem!

Skicka in din webbplats till stora sökmotorer. Det finns webbplatser som gör detta åt dig, eller så kan du göra det själv.
Berätta för dina vänner. Tweet om det-ständigt! Lägg till den i dina Facebook-statusuppdateringar, lägg upp bilder på den på Flickr, lägg till den på ditt LinkedIn-konto-var som helst och överallt är nyckeln här. Ju fler som kommer till din webbplats, desto bättre.
Använd en e-postadress med din domän. Besök andra webbplatser som kompletterar (inte konkurrerar med) dina och erbjuder att utbyta länkar eller gästblogg/skriva. Lägg upp konstruktivt på bloggar och forum och lägg din URL i din signatur.
Använd artikelmarknadsföring. Att skapa SEO-optimerade artiklar och lägga upp dem på andra webbplatser är ibland ett användbart sätt att skapa baklänkar till din webbplats. Detta kan hjälpa dig att öka din webbplats sökmotorrankning men alltid hålla dig uppdaterad om sökmotoruppdateringar som ofta påverkar SEO -strategier och kan göra dem mindre hjälpsamma eller till och med nedgradera webbplatsens ranking.

Steg 8. Ge kvalitetsinnehåll och service

Lyssna framför allt på dina läsare och kunder och lär dig av deras erfarenhet av din webbplats.

Ta konstruktiva kommentarer på allvar. Andra bandmedlemmar, fans och vänner kan alla ha lättare navigationsidéer.
Tänk på din målmarknad eller målgrupp: deras behov, deras frustrationer, deras omständigheter. Så mycket som möjligt, försök att göra deras liv enklare eller mer informerade.

Video - Genom att använda denna tjänst kan viss information delas med YouTube

Tips

Människor har ofta bråttom. I genomsnitt har du cirka 3-7 sekunder på dig att fånga människors ögon, så var smart om vad folk ser först när de kommer till din sida. För att minimera din laddningstid, överbelasta inte med enorm grafik. Komprimera dem där det är möjligt. Använd spännande teknik JavaScript, Flash, Streaming Audio/Video, etc., sparsamt och bara om det är viktigt för din presentation.
Om du säljer en produkt som användare hittar via en sökmotor, se till att produkten är det första de ser när de kommer till din sida. Ju mer du får din besökare att klicka, desto mer sannolikt kommer din besökare att besöka någon annanstans.
Om du anlitar en professionell för att koda en komplicerad webbplats, kom ihåg att programmerare inte nödvändigtvis är grafiska formgivare. De mest iögonfallande sajterna där ute har gjorts av eller med input från någon som är engagerad i grafisk design. Det bästa rådet, särskilt för en professionell webbplats, är att använda rätt team för jobbet: designers utformar utseendet och känslan på webbplatsen; programmerare gör allt under huven för att få det att fungera; marknadsförare placerar webbplatsen och ser till att den är relevant; och författare skriver kopian.
Börja med enkla saker, öva dem och hitta sedan sätt att förbättra - även om det du skapar inte är särskilt imponerande de första gångerna. Försök inte att rusa igenom processen.
Hitta populära webbplatser, även om de inte har så mycket att göra med dina, och använd dem som modeller. Vad gör de rätt? Vad är intressant med deras layout, deras innehåll, hur du manövrerar dig genom webbplatsen? Inkludera relevanta aspekter av vad du lär dig av att titta på dessa webbplatser på din egen webbplats, skräddarsy den för att passa dina krav.
Om du tänker sälja en produkt på din webbplats måste du kunna acceptera säkra kreditkortbetalningar. Du kan ansöka om ett handelskonto som tar ut en transaktionsavgift eller använda en gratis betaltjänst som PayPal. Läs alltid det finstilta noggrant. Var medveten om att många kreditfaciliteter kräver att du ger garantier för förlorade eller skadade levererade varor (se till försäkring också).

Varningar

Kränka aldrig dina besökares förtroende. Respektera deras integritet. Skräppost, irriterande popup-fönster och irrelevanta annonser kommer att skada din trovärdighet. Ett tydligt sekretessmeddelande är ett sätt att bygga din trovärdighet. Ge en framstående länk till ditt sekretessmeddelande från varje sida på webbplatsen samt från vilken plats som du ber dina besökare om personlig information. Ge legitim kontaktinformation online. Om du behöver använda annonser på din webbplats, förklara för dina besökare varför och visa dem att du gör ditt bästa för att tillgodose deras besök. Och mena det!
Kom ihåg att aldrig radera uppgifterna (användarnamn, lösenord etc.) för ditt konto. Om du inte har detaljerna när du glömmer dem kommer du inte att kunna arbeta på din webbplats igen. Ännu viktigare, ge aldrig ut dina uppgifter (förutom din webbplatsadress).
Om du använder innehåll från en annan webbplats, vare sig det är en bild, ett JavaScript eller vad som helst, få tillstånd och ge dem kredit för det. Om du inte gör det kan de stämma dig.
Var noga med att inte besatta alltför mycket om alla "senaste råd" på marknadsföringswebbplatser. Även om några av råden är användbara och bra, så är det inte mycket av det. Marknadsföring är ingen vetenskap-det är ett pågående, ständigt föränderligt experiment. Du är den bästa domaren för hur dina egna marknadsföringsstrategier fungerar (eller inte). Att lyssna på användare och lära av deras erfarenheter är det mest giltiga tillvägagångssättet av alla.