hur man gör en webbplats från början (HTML, WordPress eller byggare)

som ägare till en liten bröllopsplaneringsstart hade en vän till mig inte mycket tid eller pengar att lägga på att lära sig att göra en webbplats – men hon visste att hon behövde en, eller hennes verksamhet skulle vara nära osynlig. Trots sin brist på programmeringskunskaper gick hon full fart framåt i att ensam skapa sin närvaro på nätet.

att starta en webbplats från början var faktiskt inte den skrämmande uppgiften hon fruktade., Med rätt verktyg, hon fick en WordPress webbplats igång inom ett par veckor. Efter den första utbyggnaden av webbplatsen fortsatte hon att expandera och uppdatera den själv när hennes verksamhet växte.

som hennes erfarenhet illustrerar kan vem som helst lära sig att göra en webbplats med relativ lätthet. Det är så enkelt som att köpa webbhotell och ett domännamn, sedan finjustera din design genom en webbplats byggare, WordPress, eller använda bare-bones HTML. Vi går igenom varje steg nedan, så gärna klicka på en av länkarna här för att hoppa framåt.,

Välj en värd | gör din webbplats | webbplatsbyggare/WordPress

Steg 1: Välj en värd och en domän

det första steget till att skapa en webbplats, oavsett vilken strategi du väljer att använda, är att välja en webbhotell och ett domännamn. Webbhotell är det företag som tillhandahåller servern och lagringsutrymme för din webbplats och ger online-världen tillgång till ditt varumärke. Domännamnet är däremot webbadressen (t. ex. www.hostingadvice.com) att människor använder för att navigera direkt till din webbplats.

välja en värd

det här är den superlätta delen., Webbens topprankade värdar har dragit ut alla hållplatser för att påskynda och lindra den inledande webbplats skapande processen — ofta börjar med en gratis domän namnregistrering, enkelklicksinstallationer för populära CMS och blogging plattformar, En gratis webbplats byggare, och marknadsföringskrediter.

för att komma igång rekommenderar vi att du registrerar dig för en webbhotellsplan med en av följande leverantörer. Din webbserver kommer att ställas in omedelbart, och de flesta Ger dig ett gratis domännamn som du väljer också., När du har registrerat dig kommer du att bygga din webbplats på nolltid:

Se fler billiga webbhotell ”

att välja ett domännamn

det är viktigt att registrera ett kvalitetsdomännamn för att hjälpa människor att hitta och komma ihåg din webbplats. Webbhotell ovan erbjuder gratis domännamn registrering för det första året av tjänsten, så om du redan har slutfört steg 1, du redan har din domän.,

om du fortfarande bestämmer dig för vilket domännamn du ska välja, är här några tips att överväga:

• gör det kort och minnesvärt: kortare domännamn är lättare att komma ihåg. Titeln ska vara något som fastnar i människors sinnen. Långa domännamn fungerar bara om de är unika och catchy.
• använd relevanta sökord: ditt domännamn är en annan möjlighet att införliva sökord som bidrar till din övergripande SEO-strategi. Sökord som är relevanta för ditt företag nisch kommer att göra ditt domännamn ytterligare sticka ut i människors minne och öka din sökmotor ranking.,
• forskningsdomännamn: kontrollera om andra företag eller individer använder ett domännamn som är för nära relaterat, för att undvika konflikter eller förvirring.
• välj lämpligt domännamnstillägg: som du vet från att surfa på webben kan domännamn sluta i. com, .org,. biz och andra tillägg. Välj den som bäst passar syftet med din webbplats.

nu när du köpt din webbhotell plan (och fick din gratis domän med din webbhotell plan) du är redo att bygga och starta din webbplats.,

steg 2: Välj en Webbplatsbyggnadsmetod

det finns tre huvudsakliga sätt att bygga en webbplats. Om du är nybörjare är det överlägset enklaste sättet att bygga och starta en webbplats att använda en webbplatsbyggare som tillhandahålls av din webbvärd. Om du är åtminstone något webbkunnig, kan du använda WordPress eller ett content management system (CMS) som Drupal eller Joomla. Om du redan är välkänd vid kodning kan du börja från början och använda HTML för att bygga webbplatsen från grunden., Varje tillvägagångssätt har sina fördelar och utmaningar:

alternativ 1: använd en webbplatsbyggare (Nybörjarnivå)

med hjälp av en webbplatsbyggare – ett program som tar dig igenom stegen för att göra en webbplats utan kod – kan vara både befriande och bemyndigande. All kodning görs av leverantören på backend, och i huvudsak är det inte mycket mer utmanande än att använda en ordbehandlare.

vanligtvis erbjuder en webbplatsbyggare eller mallbaserad webbplatsbyggnadsmetod färre anpassningsalternativ än om du bygger webbplatsen från början med hjälp av straight-up HTML, men för de begränsade färdigheter som krävs ger webbplatsbyggare flexibilitet och en bra användarupplevelse för nybörjare.

alternativ 2: installera WordPress (mellanliggande nivå)

många företagare och anställda har liten eller ingen kodning färdigheter. Samtidigt kan det vara begränsande för vissa att behöva förlita sig på en webbdesigner / utvecklare för att skapa en webbplats och göra uppdateringar., WordPress är en catch-all lösning för företag som vill ha en grundläggande webbplats med minimal investering av tid och pengar.

nästan en tredjedel av alla webbplatser på internet finns på WordPress-plattformen, och till och med stora företag, som CNN och eBay, använder den. Det finns gratis och betalda versioner av programvaran, och det finns gott om användarsupport tillgängligt online.

med många teman och layouter att välja mellan och alternativ för att avancera till mer komplexa mönster och funktioner, WordPress är ett mångsidigt val för alla typer av företag. Faktum är att det är plattformen som driver HostingAdvice.com själv.

alternativ 3: Skapa en webbplats från grunden med HTML (avancerad nivå)

webbdesign färdigheter är mycket värdefulla på arbetsmarknaden och kanske du har trott att det är något du vill plocka upp. Att bygga en webbplats från grunden ger dig verktygen för att skapa och anpassa en webbplats precis som du passar., Det finns en högre inlärningskurva men en större belöning, eftersom att veta HTML gör att du kan finjustera din webbdesign och bära dessa färdigheter framåt för att expandera och uppdatera webbplatsen med lätthet.

om du är nybörjare i programmering och är fast besluten att lära dig kan du hämta de kodningsfärdigheter du behöver från en myriad av webbdesignböcker (O ’ Reilly-serien är en bra startplats) och webbplatser som World Wide Web Consortium (W3C) skolor.

att lära sig att koda en webbplats själv ger dig den ultimata flexibiliteten att göra det exakt vad du vill med tiden., För att inte nämna, att kunna koda är en mycket värdefull kompetens i dagens ekonomi.

steg 3: Börja bygga!

Nu när du har registrerat dig för webbhotell med en gratis domän, och valt din sitebuilding metod, är du redo att börja skapa utseendet på din webbplats och dess innehåll. Läs vidare för steg-för-steg-instruktioner:

alternativ 1: Att Använda en Sitebuilder för att bygga din webbplats (nybörjare)

att bygga en webbplats med en gratis webbplatsbyggare är en snabb, enkel och okomplicerad process., Du kanske redan har registrerat dig för ett webbhotell konto i steg 1, i vilket fall din webbhotell webbplats kommer att ha specifika steg-för-steg-instruktioner för dig att installera och använda din gratis, ingår hemsidebyggare. I allmänhet finner vi att Wix är den mest populära webbplatsbyggaren, så vi kommer att använda den som exempel här.

om du redan har registrerat dig för hosting har du skapat ett konto. Om du inte redan har en webbvärd rekommenderar vi att du registrerar dig för Wix sitebuilder via sin webbplats. Skriv bara in din e-postadress och lösenord på Wix.com registrera sidan för att börja., Observera att e-postadresshandtaget kommer att bli en del av din gratis domän (om du inte har en egen domän), så kom ihåg det när du registrerar dig. Om du fortfarande är osäker, välkomnar jag dig att kolla in vår expertgranskning av Wix-plattformen nedan.

välj den kategori som bäst beskriver din webbplats. Detta hjälper människor att hitta din webbplats och hjälper Wix tillgodose plattformens olika användarbas. Ditt val kommer att avgöra vilka typer av mallar du surfar, så överväga det bästa alternativet för stilen på webbplatsen du vill bygga.,

Wix har nu två alternativ för att skapa en webbplats. Förutom den traditionella Wix-redigeraren finns det också Wix ADI, ett artificiellt intelligensprogram som designar anpassade webbplatser baserat på frågor du svarar på. Vi rekommenderar att du använder Wix-redigeraren, vilket ger dig full kontroll över de anpassningar som finns tillgängliga på plattformen. Men om du vill prova Wix ADI, med alla medel, gå för det!

Välj bland en mängd olika mallar, alla olika beroende på vilken typ av webbplats du skapar. Filtrera alternativ efter bild, Sök efter nyckelord, eller sortera mallarna efter kategori.,

Du kan också välja en tom mall för att starta helt från början eller med en grundläggande layout.

varje mall börjar med förfylld text och en bakgrundsbild. Din mall är en utgångspunkt för att göra webbplatsen din egen. En av de första sakerna du bör göra på din nya Wix-sida är att lägga till din företagsinformation. Fyll i ditt varumärke, slogan och andra relevanta detaljer genom att helt enkelt klicka på texten som behöver bytas ut., Du kan också ändra de visuella aspekterna på sidan, inklusive bakgrundsbilden, och lägga till eller byta ut bilder på andra sidor på din webbplats.

det finns många sätt att lägga till innehåll och anpassa din webbplats. Klicka på knappen Lägg till på menyn till vänster för en rad alternativ-text, knappar, bildspel, menyer, etc. Under Apps-knappen finns det många funktioner som du kan lägga till på din webbplats för ytterligare funktioner som kommentarer, chatt och ett online-skyltfönster. Du kan också ladda upp ditt eget multimediainnehåll, såsom teckensnitt, bilder, videor och musik, och starta en blogg.,

klicka bara på ”Publicera” i det högra hörnet för att sätta upp din webbplats på webben! Du väljer en domän, som kan vara en fri domän från Wix.com eller en anpassad domän du förvärvar via en domänregistrator.

alternativ 2: Använda WordPress för att skapa din webbplats (mellanliggande)

använda WordPress för att skapa din webbplats är en liknande upplevelse att använda en webbplatsbyggare när det gäller process. Vilken plattform du ska använda är en fråga om preferens. Det beror på vilken som känns mest intuitiv för dig och ger dig mest flexibilitet för din webbplats design och underhåll., En stor fördel med att gå med WordPress är den stora gemenskapen av stöd, både officiella och från andra WP mjukvaruanvändare.

de flesta hosting planer inkluderar enkel tillgång till WordPress — installera programvaran med ett klick, eller ännu bättre, med det förinstallerat för dig. I de flesta fall kan du helt enkelt logga in på din webbhotell kontrollpanelen och hitta möjlighet att installera WP-plattformen. Om din webbhotell inte har denna förmåga, kan du hitta de manuella installationsanvisningarna här. Dessa webbhotell gör det särskilt enkelt att installera WordPress:

Se fler WordPress-värdar ”

ta dig tid att bekanta dig med WordPress-backend för ditt konto. Du hittar var du ska hantera dina inlägg, sidor och kommentarer; ändra webbplatsens utseende; lägg till webbplatsredigerare och installera plugins. Instrumentpanelen har allt du behöver för att hålla reda på innehållet på din webbplats och anpassa dess utseende.,

under fliken Utseende i instrumentpanelen kan du välja bland ett antal gratis teman (eller välja att betala för en). Installera ett tema är så enkelt som att välja ”Installera” och sedan ”Aktivera” för den mall du vill ha. Du kan ändra ditt tema när som helst utan att ändra det andra innehållet på din webbplats.

om du vill lägga till nya sidor på din webbplats väljer du ”sidor” och sedan ”Lägg till nytt.”Du kan göra dessa sidor till en del av webbplatsens navigeringsmeny under menyalternativet på fliken Utseende. För att lägga till inlägg (om du vill ha en blogg på din webbplats), gå till ”inlägg” och sedan ”Lägg till nytt.,”

som standard kommer WordPress att placera dina senaste inlägg på din hemsida. Om du vill välja en specifik sida som ska fungera som startsida väljer du ”Inställningar” i instrumentpanelmenyn och väljer sedan ”läsning”.”Välj” en statisk sida ” på framsidan och välj sedan den sida du har skapat som startsida.

Plugins är tillägg — inte konfigurerade i WordPress som standard — som lägger till nya funktioner på din webbplats. WordPress plugins kan förbättra webbplatsens funktionalitet, hjälpa dig att uppnå de mål du har för din webbplats, och ge dina besökare en bättre användarupplevelse.,

till exempel hjälper Google Analytics plugin du spåra din webbplats aktivitet, och NextGen Gallery plugin kan du visa bildgallerier. Under ”Plugin” i instrumentpanelen kan du söka igenom alternativen — bokstavligen tusentals gratis plugins. Klicka bara på ”Installera” och du är bra att gå.

vid denna tidpunkt har du skapat en innehållsfylld, visuellt tilltalande och funktionell webbplats., Publicering i WordPress händer på en sida eller postnivå, så du måste klicka på ”Publicera” för varje område på din webbplats. Du kan vänta tills din webbplats är helt redo att lansera för att publicera ditt innehåll eller publicera när du skapar enskilda sidor och inlägg.

alternativ 3: Använd HTML för att göra en webbplats från början (avancerad)

för dem som vill ha en utmaning och har lite extra tid, gör en webbplats via HTML är en värdefull strävan som utvecklar din förståelse för webbredigering och design., Du kan ställa in en grundläggande webbplats på bara några timmar, och bygga vidare på det när du lär dig mer HTML och CSS färdigheter.

som var fallet med de två första webbplatsbyggnadsrutterna är ditt första steg att registrera dig hos en webbhotell.

Se alla toppwebbvärdar ”

för att skriva HTML-taggar behöver du en textredigerare av hög kvalitet som tillgodoser språket på webben. Notepad++ är ett bra alternativ för Microsoft-användare, medan TextMate är idealisk för Mac-användare. Plattformsoberoende textredigerare inkluderar Atom och sublim Text.,

webbplatser kan byggas strikt med HTML, vilket översätter till textfiler som heter med tillägget .HTML. Huvudsidan på din webbplats är vanligtvis titeln index.HTML. Skapa den här filen och spara den och fyll i den med den grundläggande ramen för din HTML-webbplats. Det kommer att se ut så här:

<html> taggar omsluter hela webbplatsens innehåll och anger att detta är ett HTML-dokument., Taggen<head> omfattar din sidtitel, metataggar (berätta för webbläsarens detaljer om ditt sidinnehåll och visning) och referenser till dina externa CSS-filer för att formatera din sida. Det faktiska innehållet på din sida går mellan taggarna<body>.

När du bygger din webbplats vill du organisera dina filer i mappar enligt den struktur du vill att din webbplats ska visas i. Till exempel kan du skapa en mapp för din Om sida som har din huvudsakliga om.,html-fil samt alla relaterade CSS som lägger stil till din webbplats och andra HTML-filer som stöder det innehållet. När du lägger till länkar i hela din webbplats till webbplatsens sidor, kommer du att referera till deras mappplats i katalogen där du lagrar dina filer.

Skriv ditt innehåll i avsnittet<body> I varje .html-fil (dvs varje sida) på din webbplats. Här är några viktiga taggar att veta när du bygger ut din webbplats:

• <header> anger toppen av dokumentet och är där din sidtitel och logotyp visas.,
• <nav> används för att bygga din webbplatsmeny, huvudnavigering av din webbplats där besökare hittar toppnivå webbplatslänkar.
• <section> anger huvudinnehållet på din sida. Det används för att gruppera som innehåll på en sida. Tänk på artiklar du hittar online som är grupperade under enskilda rubriker.
• <article> används för enskilda delar av innehåll på en sida som ett blogginlägg, bild, video eller annan multimedia. Det är ett sätt att strukturera sidan så att dessa objekt lätt kan särskiljas.,
• <footer> är botten av webbplatsen. Detta område är ofta där människor sätter sin kontaktinformation, Användarvillkor, Sekretesspolicy och annan diverse men viktig information.

ifyllt med dessa taggar skulle den grundläggande strukturen på din sida se ut så här:

du vill också lägga till en grundläggande navigeringsfält för din webbplats. Detta ger enkel tillgång till huvudsidorna på din webbplats., Du använder<nav> – taggen och<ul> eller oordnad listtagg för att ställa in detta.

och voila! Nu kan dina besökare enkelt navigera till din blogg, produktsidor, släppa dig en rad på din kontaktsida, bläddra kundreferenser och tillbaka till hemsidan igen!

Du kan göra din webbplats mer visuellt intressant med formatering, färger och bilder endast med HTML., Men införliva CSS, eller cascading stil ark, i din webbplats ger dig mycket mer kontroll över sitt utseende, och webbplatser som använder CSS ser mer professionell övergripande.

CSS betecknas i separata CSS-filer. Huvudfilen är vanligtvis titeln stil.css. Vissa grundläggande funktioner i CSS inkluderar lägga till färger, gränser och bakgrunder, och tillämpa rutan modellen för att organisera innehållet på dina sidor., Detta steg är mer avancerat än att använda grundläggande HTML, men kan avsevärt förbättra estetiken på din webbplats.

När du är nöjd med den övergripande layouten kan du publicera din webbplats. Det är helt bra om din webbplats är mycket grundläggande att börja med. Så länge det ser professionellt ut, kan du må bra om att lägga ut det på webben, och förbättra det när du utvecklar mer HTML och CSS färdigheter.

Alll Gjort!, Nu för den hårda delen… lägga till innehåll

som var fallet för vår händelse-planering vän, kanske du inte tror att du kan bygga din egen hemsida först – men sanningen är att det är nu lättare än någonsin för hela nybörjare att skapa en funktionell och visuellt tilltalande webbplats som folk vill besöka. Med hjälp av online – resurser och stöd från WordPress-samhället byggde min vän en webbplats som hon var stolt över-och du kan också.

det viktigaste att tänka på om din webbplats är innehållet, eftersom det kommer att vara det som drar folk att besöka och fortsätta läsa., Tänk på vad du vill att din webbplats ska handla om, oavsett om det är ditt företag eller en blogg om ett visst ämne. Tänk noga eftersom detta kommer att avgöra din webbdesign riktning, alltför. När du har några innehållsidéer och en konkret plan, är du redo att starta din webbplats byggnad äventyr.