Drie maklike maniere om 'n webwerf te skep: stap-vir-stap beginnersgids

Artikel geskryf deur:
  • Hosting Guides
  • Opgedateer: Mei 10, 2019

Die skep van 'n webwerf is super maklik in 2019.

U hoef nie 'n tegniese geek of 'n programmeerder te wees nie.

Volg die regte metode. Kies die regte platforms. Gebruik die regte gereedskap. Jy sal 100% boete wees.

Ek het nul kennis in webontwikkeling gehad toe ek my aanlynbesigheid in 2004 begin het. Ek het nog nie elf jaar later 'n webontwikkelaar gehuur nie. En ek het goed gedoen.

Vandag - ons het innoverende ontwikkelingshulpmiddels en beter webuitgewersplatforms.

Drie maklike maniere om 'n webwerf te maak:

Vinnige skakel:

  1. Skep van nuuts af
  2. Met behulp van 'n inhoudbestuurstelsel (CMS)
  3. Met behulp van 'n webwerf bouer

Jy kry meer buigsaamheid in ontwerpe en werffunksies met metode #1, maar dit vereis goeie kennis van web tale.

Die webwerf se skeppings- en bestuursproses is baie makliker met metode #2 en #3. U moet een van hierdie metodes kies afhangende van u bevoegdheid.

Ons sal binnekort na elk van hierdie drie metodes kyk.

Maar voordat jy begin ...

Voordat ons begin, benodig ons twee dinge vir jou webwerf: 1- 'n domeinnaam en 2-Web hosting.

1- Registreer 'n domein

'N Domein is die naam van jou webwerf. Dit moet uniek wees en die handelsmerk van jou besigheid oordra.

Die maklikste manier om 'n domein te soek en te registreer, is om na 'n domeinregistrateur te gaan.

Met 'n domeinregistrateur kan u u domeinnaam ook registreer deur middel van jaarlikse kontrakte of 'n langtermynkontrak.

Soek en registreer jou domeinnaam by NameCheap
Soek en registreer domeinname by Noem goedkoop.

Hier is 'n paar bekende domeinregistrateurs om te oorweeg.

registrateursBegin prys
. Met Net.
123 Reg£11.99£ 11. 99
Domain.com$ 9.99 / jaar$ 10.99 / jaar
Gandi€ 12.54 / jaar€ 16.50 / jaar
GoDaddy$ 12.17 / jaar$ 12.17 / jaar
Noem goedkoop$ 10.69 / jaar$ 12.88 / jaar
Netwerkoplossings$ 34.99 / jaar$ 32.99 / jaar

Lees ook - Domeinnaam vir dummies.

2- Koop 'n web hosting

A webhost is 'n groot rekenaar (aka, bediener) wat jou webwerwe stoor. Sommige reuse maatskappye - soos Amazon, IBM en FB, besit en bestuur hul webbedieners; Ander besighede huur eenvoudig hul bedieners van 'n gasheerverskaffer (wat baie goedkoper en makliker is).

Nota: Slaan hierdie stap oor as jy kies vir 'n webwerfbouer om jou webwerf te skep (sien stap #3).

website hosting

Sommige nuutste-vriendelike hosting diens om uit te check.

Web HostTeken aanOpmerkings
A2 Hosting$ 4.90 / moVinnige webhost, newbies vriendelik.
BlueHost$ 3.95 / moGoedkoop aanmeld prys, newbies vriendelik.
Hostgator Cloud$ 8.95 / moRedelike prys, betroubare bediener.
HostPapa$ 3.36 / moEkovriendelike webhost, eksklusiewe korting.
InMotion Hosting$ 3.49 / moGoedkoop aanmeld prys, betroubare bediener.
Ground$ 5.95 / moBedryf #1 live chat ondersteuning, soliede web host.

Tot op datum het ons meer as 60 hosting maatskappye aangemeld, getoets en hersien. Sien ons top 10 hosting selecties or die volledige lys van hosting resensies.

Lees ook - Hoeveel kos dit om 'n webwerf te bou.


FTC Openbaarmaking

WHSR ontvang verwysingsgeld van sommige van die maatskappye wat in hierdie artikel genoem word. Dit verg baie moeite en geld om nuttige inhoud soos hierdie te skep - u ondersteuning word hoog op prys gestel.


As u eers u domeinnaam en webhosting in plek het, is dit tyd om u moue op te rol en te begin skep!

Metode # 1: 'n webwerf van nuuts af skep

Vereiste vaardighede en gereedskap

U kan u eie unieke en kenmerkende webwerf almal self skep as u die belangrikste webtale en die fundamentele van 'n webwerf ken.

Andersins, is dit raadsaam dat jy na metode #2 / 3 gaan; of kontak met 'n webontwikkelaar.

Basiese web tale / gereedskap wat jy moet weet:

  • HTML (Hyper Text Markup Language)
    HTML is die basiese struktuur van webblaaie en webprogramme wat die inhoud semanties maak aan die webblaaier. Dit bestaan ​​uit opeenvolgende tags wat 'n opening en 'n sluiting het, en struktureel 'n sleutelwoord ingesluit deur hoekhakies. Ex: <strong> </ strong>
  • CSS (Cascading Style Sheets)
    CSS is die styltaal wat gebruik word om die HTML-opmaak van 'n webblad te versier. Sonder CSS, sou 'n webblad niks anders as 'n groot wit bladsy vertoon wat 'n mate van onordelike teks en beeld daarop het nie. CSS is die ding wat die bladsy ideaal maak, hoe ons wil.
  • Scripting Tale
    HTML en CSS is niks sonder scripting tale omdat hulle nie interaktief is nie. Om 'n dinamiese webblad te maak wat op gebruikers sal reageer, het jy tale soos JavaScript en jQuery nodig. Server-tale soos PHP, Python en Ruby kan ook oor tyd nodig wees.
  • Database Management
    Om data van 'n webwerf op te slaan, te bestuur en toegang te verkry, word 'n groot tabel van inligting oorweeg wat die databasis genoem word. 'N Databasisbestuurstelsel soos MySQL, MongoDB en PostgreSQL word in die bediener gebruik om hierdie werk doeltreffend te doen.
  • FTP (File Transfer Protocol)
    FTP word gebruik om 'n webwerf se bronlêers makliker na sy gehoste bediener oor te dra. Daar is webgebaseerde sowel as rekenaarsagteware-gebaseerde FTP-kliënte wat gebruik kan word om een ​​se lêers na die bedienerrekenaar te laai.

Stap-vir-stap webwerf skeppingsproses met IDE

Hier is die oorsig van die proses hoe jy 'n eerstehandse webwerf kan skep, met die veronderstelling dat jy die basiese webtaal en webwerf-noodsaaklikhede hierbo genoem ken.

Stap 1: Stel 'n plaaslike werksomgewing op

Om 'n webwerf met Subline-teks te maak
Screenshot van Subline Text werksomgewing.

Om bronne van 'n webwerf te skep en te organiseer, is 'n goeie plaaslike werksomgewing belangrik. U kan 'n webontwikkelingsomgewing op u rekenaar toestel skep deur 'n IDE (Integrated Development Environment) te installeer. 'N IDE bestaan ​​basies uit 'n teksredigeerder, 'n bou-outomatisasie en 'n debugger.

Sublime teks en Atom is van die basiese IDE's vir webontwikkeling wat HTML, CSS, JS, PHP, Python en soortgelyke webtale ondersteun.

Aan die ander kant is daar uitgebreide IDE's soos Adobe Dreamweaver wat 'n handvol ander funksies bied (Ex: Server Connectivity, FTP).

Stap 2: Beplan en ontwerp jou webwerf met behulp van Adobe Photoshop

Die beplanning van die webwerf struktuur en navigasiestelsel is van groot belang. Eerstens moet jy verstaan ​​hoe jy jou inhoud wil lewer. Beplan hoeveel navigasie-menus, hoeveel kolomme of inhoudsvelde, hoeveel beelde jy wil insluit en waar.

Die beste praktyk is om Adobe Photoshop oop te maak en 'n rowwe tekening van jou webblaaie te skep. Miskien moet u verskillende ruwes vir verskillende bladsye maak, byvoorbeeld die tuisblad, bladsy, kontakbladsy, diensbladsy, ens.

Ontwerp mockup wat ons gebruik het by die skep van hierdie webwerf
Voorbeelde - ontwerp spotprente wat ons gedoen het tydens die opknapping van die webwerf in Desember 2016.

Stap 3: Kodifiseer die ontwerp deur HTML en CSS te gebruik

Nadat u ruwe ontwerpe vir u webblaaie in Adobe Photoshop gemaak het, kan u die bronkodes begin skryf.

Dit is die maklikste deel. Maak HTML-opmerkings vir die webelemente wat jy wou insluit, en gebruik CSS om dit te versier volgens die ontwerpe wat jy gemaak het.

Stap 4: Maak dit dinamies met behulp van JavaScript en jQuery

Slegs HTML- en CSS-gebaseerde webwerwe bestaan ​​nie in moderne dae nie, omdat gebruikers se interaksies nie deur HTML of CSS beheer kan word nie.

U kan script tale soos JavaScript gebruik en moontlik sy verbeterde biblioteek. JQuery om gebruikeraktiwiteit vir vorms, aanmeldings, skuiflyste, spyskaarte of waar jy ookal benodig, te beheer.

Stap 5: Plaas plaaslike lêers op na die bediener met FTP-kliënt

FTP-sagteware vir die skep van webwerwe

Die laaste stap is om al u bron lêers op te laai na die webbediener. Die beste en maklikste manier om dit te hanteer, is deur 'n FTP-kliënt.

Eerstens, laai 'n FTP-kliënt op jou rekenaarapparaat en koppel dit aan jou webbediener met 'n FTP-rekening. Nadat jy dit suksesvol aan die FTP-rekening gekoppel het, kopieer al jou plaaslike lêers na die wortel van jou webmap. Sommige goeie FTP-kliënte is FileZilla, WinSCP en Cyberduck.


Metode # 2: Skep van 'n webwerf met CMS

Vereiste vaardighede en gereedskap

  • Knwoledge: Basiese werking van rekenaar en internet; HTML, CSS en PHP (nie verpligtend nie, maar beter as jy die basiese beginsels ken)
  • Bykomstighede: WordPress, Joomla, en Drupal

'N CMS of 'n Content Management System is so takties gebou dat dit pas by die begin van die werkers by ervare webontwikkelaars pas.

Dit is 'n sagteware program wat dit maklik maak om aanlyn-inhoud te skep en te bestuur. Die meeste van hulle is open-source en vry om te gebruik.

As jy die basiese kenmerke van HTML, CSS of PHP ken, is dit voordelig vir jou. Dit is nie 'n groot probleem as jy nie weet nie, want hierdie platforms is baie intuïtief. Hier is die top drie gratis keuses van CMS-platforms wat u kan kies volgens u behoefte.

Vinnige vergelykings

WordPressJoomlaDrupal
KosVryVryVry
Gebruik311,682 miljoen26,474 miljoen31,216 miljoen
Gratis temas4,000 +1,000 +2,000 +
Gratis invoegtoepassings45,000 +7,000 +34,000 +

Lees ook - Top CMS vergelyk (2018) - WordPress vs Joomla vs Drupal

WordPress

WordPress word volgens verskeie statistieke gebruik in die maksimum aantal blogs en klein tot mediumgrootte webwerwe. Nietemin, baie magtige groot webwerwe verkies WordPress vir die eenvoud. WYSIWYG Editor is die enigste ding wat jy moet leer om jou eerste inhoud te land.

Hierdie platform is institusioneel vir die beginners sowel as swaar ontwikkelbaar deur verskillende klasse webontwikkelaars. Dit het baie gratis plugins en temas op hul eie repository. Omdat dit die # 1 CMS keuse is, is baie van die derde party hulpbronne aan die kant beskikbaar.

temas
Keuses van WordPress temas.

Pros

  • Hoogs buigbaar en aanpasbaar
  • Maklik om te gebruik,
  • Tone leerhulpbronne,
  • Uitstekende gemeenskap en ondersteuning

Nadele

  • Benodig kode vir groot visuele aanpassings
  • Updates kan probleme met plugins veroorsaak

Lees meer

Joomla

Joomla is op baie maniere soortgelyk aan WordPress. Dit is ook maklik om te gebruik, maklik om te installeer, en kan maklik met behulp van modules uitgebrei word - die ekwivalent van WordPress plugins. As gevolg hiervan is dit die tweede beste opsie vir beginners.

Beginners kan egter meer geïntimideer word om Joomla te verken weens die aantal beskikbare opsies. Benewens die linkerkieslys, is daar ook 'n spyskaart op die boonste balk reg bokant die "Control Panel" -logo. Om verwarring te voorkom, onthou dat sommige van die items van die linker- en boonste spyskaarte soortgelyk is, insluitend "Inhoud", "Gebruikers" en "Uitbreidings."

Net soos WordPress, het Joomla 'n paar style en templates wat jou webwerf vinnig 'n kenmerkende voorkoms kan gee. Maar uit al drie die inhoudbestuurstelsels bied Joomla die maklikste oplossing vir die skep van 'n sosiale netwerk. Met platforms soos EasySocial en JomSocial, is jy net 'n paar minute weg van jou eie sosiale netwerk-webwerf.

stamp
Binne Joomla-stelsel.

Pros

  • Meer tegnies gevorderd
  • Webwerwe presteer gewoonlik beter
  • Ondernemingsvlak sekuriteit

Nadele

  • Modules is moeilik om te onderhou
  • Middelgrote CMS - Nie so maklik soos WordPress nie, maar nie so gevorderd soos Drupal nie

Meer inligting

Drupal

Ervare webontwikkelaars getuig dat Drupal die mees kragtige CMS is.

Dit is egter ook die moeilikste om te gebruik. As gevolg van sy buigsaamheid, is Drupal die tweede mees gebruikte CMS ter wêreld, maar dit is nie 'n gunsteling onder beginners nie. Om 'n "volledige" webwerf met behulp van Drupal suksesvol te bou, moet jy jou hande vuil kry en die basiese beginsels van kodering leer. Om jou pad om die CMS te ken, is ook uitdagend vir beginners.

drupal
Die installering van 'n nuwe Drupal - ondanks die ingewikkelde funksies in Drupal, bied die CMS 'n eenvoudige, minimalistiese koppelvlak.

Pros

  • Maklik om te leer
  • Groot hulpportaal
  • Updates integreer naatloos
  • Meer ingeboude opsies

Nadele

  • Steil leerkurwe in aanvangsfase - aanbeveel vir gevorderde gebruikers

Meer inligting

Stap-vir-stap webwerf skeppingsproses met behulp van WordPress

Vir hierdie metode gebruik ons ​​WordPress as ons voorbeeld. Teen hierdie tyd moet jy alreeds hê 'n web hosting rekening en 'n geregistreerde domeinnaam.

Stap 1: Vind die WordPress installeerder in u web hosting paneel

Web hosting dienste bevat gewoonlik 'n vinnige installeerder vir die installeer van WordPress en ander algemene platforms.

So login na jou web hosting rekening en vind uit watter installeerder jy het. Die gewilde name wat jy moet soek, is Softaculous, QuickInstall, of Fantastico.

Sommige hosting providers (voorbeeld: Ground) gebruik geïntegreerde installeerders in hul gebruikersdashboard (die skerm wat u sien direk na inskrywing by cPanel). Probeer dan die titel wat 'WordPress' bevat, te vind.

Voorbeeld: SiteGround cPanel dashboard.

Stap 2: Installeer WordPress deur die installeerder

Softaculous is die gewildste outomatiese installeerder en dit word op cPanel vertoon. Ek sal u deur die installasie via Softculous loop. Die ander installeerders is amper dieselfde.

Klik Softaculous en klik dan op 'Installeer' oor WordPress om die installasie te begin.

WordPress installeer om jou webwerf te skep

Hier kom die belangrike deel.

Webwerfkonfigurasie

Stel die opsies soos volg op, verlaat ander velde na die verstekkonfigurasie (sal later uitkom) en klik op installeer.

  • Protokol: U moet besluit of u die http: // of http: // www wil installeer. weergawe van URL. Wat jy ook al kies, sal jy nie veel verskil sien nie. Vanuit die tegniese oogpunt, http: // www. is beter in terme van buigsaamheid en koekiebestuur. Let daarop dat as jy 'n geldige SSL-sertifikaat het en WordPress daarop wil installeer, kies net https in plaas van http.
  • Domein: Kies die domein waarop u die webwerf wil installeer.
  • Gids: Spesifiseer waar jy die WordPress-werf wil installeer. As u dit op u wortel-URL wil installeer (bv: http://www.yourwebsite.com/), hou dit leeg. As jy dit op 'n sub-URL wil hê (byvoorbeeld: http://www.yourwebsite.com/myblog/), spesifiseer die gids in die veld.
  • Admin-rekening: Stel u gebruikersnaam, wagwoord en e-pos in wat u sal gebruik om u aan te meld by u WordPress-werf.

As jy in die laaste stappe geslaag het, goed gedoen. Jou webwerf is lewendig!

Teken nou in op jou WordPress-werf. Die inskrywingsbladsy van jou werf sal lyk soos wp-login.php wat die webwerf-URL wat u gestel het, agterlaat.

Stap 3: Installeer 'n tema en 'n paar belangrike invoegtoepassings

Vervolgens moet u 'n tema en die benodigde invoegtoepassings installeer. Kyk na die linkerzijbalk van jou WordPress Dashboard.

Daar is tonne gratis gereedgemaakte temas beskikbaar in WordPress-gids.

Om hierdie gratis temas te blaai, gaan na 'Voorkoms> Temas> Voeg nuut', soek na die tema wat aan jou vereistes voldoen en klik op die installeerknoppie.

WordPress temas gids
WordPress tema gids.

U kan ook derdeparty-temas installeer uit die afdeling 'Laai tema'. Vir betaalde, professionele ontwerp, WordPress temas, beveel ek aan elegante temas (vir sy doeltreffende kode en pragtige voorkantontwerpe).

Vir plugins, blaai 'Plugins> Add New'.

Soek en installeer die plugins wat jy net nodig het. 3rd Party plugins kan ook geïnstalleer word vanaf die 'Upload Plugin' afdeling.

WordPress Plugin gids
WordPress plugin gids.

Hier wil ek 'n paar belangrike gratis invoegtoepassings voorstel. Soek deur hul name op die WordPress plugins gids om hulle uit te vind. Let daarop dat die installering van net een plugin uit elke kategorie genoeg is.

  • Vir SEO: Yoast SEO, alles in een SEO Pack
  • Vir Sekuriteit: iThemes Security, Wordfence Security
  • Vir Site Stats: Jetpack deur WordPress.com, Google Analytics vir WordPress deur Monster Insights
  • Vir vormskepping: Kontakvorm 7
  • Vir Prestasie: W3 Totale Cache, WP Super Cache

Lees ook - 9 Essential WordPress-plugins vir nuwe WP-webwerwe

Stap 4: Jy is gereed!

Jou webwerf moet op die laaste stap wees. Maar daar is nog 'n paar dinge wat uitgesorteer moet word.

  • Onder 'Instellings> Algemeen': Stel jou werf titel en die tagline.
  • Onder 'Instellings> Lees': Wat jou tuisblad moet vertoon en hoeveel blogposte jy op 'n enkele bladsy wil wys.
  • Onder 'Instellings> Permalinks': Stel wat die URL-struktuur van jou blogpos is.

Basiese instelling vir 'n nuwe WP-werf
Basiese instellings vir die nuwe WordPress-werf.


Metode # 3: Skep van 'n webwerf met werfbouers

Vereiste vaardigheid en gereedskap

  • Knwoledge: Basiese Operasie van Rekenaar en Internet
  • Bykomstighede: Wix en Weebly

Webwerfbouers het dit moeiteloos en onmiddellik gemaak om 'n webwerf op te stel. Sonder kennis van webtale kan 'n mens sy volledige webwerf binne 'n paar minute van stapel stuur. Hulle bied webwerfbouwers van Drag & Drop aan wat geen kennis van kodering benodig nie.

Daar is baie webwerf bouers versprei oor die internet - Disha bedek 26 gratis webwerf bouers in hierdie blogpost; maar nie almal kan die behoeftes bevredig nie.

Die volgende drie is die mees gesproke en potensiële webwerfbouers wat u kan gebruik.

Wix

Gebruik Wix om 'n webwerf te maak

Wix is ​​een van die maklikste werfbouers in die mark wat 500 + volledig-pasgemaakte templates bevat wat onder verskillende kategorieë gesorteer is. Dit is dus baie seker dat jy een vind wat jou pas.

Hulle bied 'n buigsame Drag & Drop-webwerf-redakteur aan wat altyd oor die inhoud sigbaar is. U kan een item van die lys sleep en dit op enige plek op die webwerf laat val om by te voeg. Enige sigbare item daarop kan geskuif of geredigeer word.

Die enigste nadeel is dat daar op die Wix gratis plan advertensies is. Jy kan dit ontslae raak deur dit op te gradeer na hul Combo-plan, wat jou terugstel teen 'n minimum van $ 12 / maand.

Lees ook - Ons in-diepte Wix resensie.

Weebly

Gebruik Weebly om 'n webwerf te maak

Weebly is makliker op baie maniere soos navigasie, gebruikersvriendelikheid. Hulle bied honderde templates om van te kies, maar persoonlike opsies kan dalk beperk bly.

Hulle het 'n goeie aantal vooraf ontwerpte bladuitlegte (byvoorbeeld: ongeveer bladsy, prysblad, kontakbladsy) wat gebruik en aangepas kan word.

Die Drag & Drop-bouer is makliker om te gebruik, maar u is soms beperk tot die aangewese gebiede vir aanpassing. Die beskikbaarheid van uitbreidings en derdeparty-apps is ook beperk.

Lees ook - Ons in-diepte Weebly review.

Stap-vir-stap webwerf skeppingsproses met behulp van Wix

Stap 1: Teken aan vir Wix

Skep 'n rekening op Wix.com.

Daar is 5 premieplanne en 1 gratis plan (pryse wissel van $ 0 - $ 24.50 / mo). U sal opgraderingsopsies sien nadat u 'n webwerf suksesvol geskep het.

Sien Wix planne en pryse hier.

Wix-aanmelding
Wix-aanmeldbladsy.

Ek beveel Wix basiese betaalde plan - Combo. Wix Combo plan ($ 8.50 / mo) beskik oor 'n gratis domeinnaam, meer CPU hulpbronne, en geen Wix-advertensies.

Stap 2: Kies 'n sjabloon

Wix sal jou vra hoe jy 'n webwerf wil skep. Die vinnigste manier waarop hulle sou voorstel, is Wix ADI (Artificial Design Intelligence) wat nie baie vrugbaar is nie.

So ek sal jou 'n bietjie langer loop, maar die beter manier, die webwerf bouer!

Jy sal sien dat daar templates onder verskillende etikette gekategoriseer is. Blaai deur jou voornemende kategorie en kies die een wat jou pas.

Nadat jy 'n Wix-tema gevind het wat jy wil, klik 'wysig' om voort te gaan.

Die wysiging van 'n webblad by Wix
Die knoppie "wysig 'word gewys wanneer uu muis na 'n tema beweeg.

Stap 3: Ontwerp jou webwerf met behulp van Wix Website Builder

Na 'n paar oomblikke sal jy direk op hul intuïtiewe webwerfbouer land.

Die ontwerp van 'n webwerf is eenvoudig. Jy sal verskillende instrumente aan die linkerkant en die regterkant van jou skerm sien. Klik ook enige plek op die webwerf om die blok te wysig of na 'n ander plek te skuif.

Wix elemente
Bou jou webbladsy-elemente met behulp van die Wix-drag-and-drop editor.

Stap 4: Publiseer die webwerf

As jy die publieke knoppie druk, sal jy gevra word of jy 'n gratis subdomein of 'n volledige domein wil hê. Dit is jou oproep.

'N Paar ekstra tweaks word aanbeveel.

Gaan na u 'Wix Dashboard> Bestuur en wysig webwerf' en stel SEO, Favicon, Social en Upgrades op soos nodig.

Wix site configuration
Stel jou Wix-werf op. Klik om die beeld te vergroot.

En sodra jy klaar is met hierdie basiese instellings - jou webwerf is gereed.

Oor Jerry Low

Stigter van WebHostingSecretRevealed.net (WHSR) - 'n hosting-oorsig wat deur 100,000 se gebruikers vertrou en gebruik word. Meer as 15 jaar ervaring in web hosting, affiliate marketing en SEO. Bydraer tot ProBlogger.net, Business.com, Social MediaToday.com, en meer.