Hoe om 'n webwerf te skep: stap-vir-stap handleiding | WHSR
Tuis > Blog > Hosting Guides > Drie maklike maniere om 'n webwerf te skep: stap-vir-stap beginnersgids
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:
Skep van nuuts af
Met behulp van 'n inhoudbestuurstelsel (CMS)
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 domeinname by Noem goedkoop.
Hier is 'n paar bekende domeinregistrateurs om te oorweeg.
123 Reg £ 11.99 £ 11. 99
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).
Sommige nuutste-vriendelike hosting diens om uit te check.
A2 Hosting $ 4.90 / mo Vinnige webhost, newbies vriendelik.
BlueHost $ 3.95 / mo Goedkoop aanmeld prys, newbies vriendelik.
Hostgator Cloud $ 8.95 / mo Redelike prys, betroubare bediener.
HostPapa $ 3.36 / mo Ekovriendelike webhost, eksklusiewe korting.
InMotion Hosting $ 3.49 / mo Goedkoop aanmeld prys, betroubare bediener.
Ground $ 5.95 / mo Bedryf #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.
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
Geïntegreerde Ontwikkelingsomgewing (IDE): Sublime teks, Atom, en Adobe Dreamweaver
FTP kliënte: FileZilla, WinSCP en Cyberduck
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 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 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.
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 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
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.
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.
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.
Stap 5: Plaas plaaslike lêers op na die bediener met FTP-kliënt
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
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.
Lees ook - Top CMS vergelyk (2018) - WordPress vs Joomla vs Drupal
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.
Hoogs buigbaar en aanpasbaar
Uitstekende gemeenskap en ondersteuning
Benodig kode vir groot visuele aanpassings
Updates kan probleme met plugins veroorsaak
Ons praat oor bou 'n blog van nuuts af deur gebruik te maak van WordPress in hierdie gids.
U kan hierdie CMS uitprobeer gratis by WordPress.com, Of laai die CMS van WordPress.org af.
Sien 'n lys van 30 wonderlike webwerwe wat deur WordPress aangedryf word.
Vir diegene wat gereed is om in te spring, is hier die Top WordPress hosting maatskappye wat ons aanbeveel.
Sites geskep met behulp van WordPress: Forbes, Tech Crunch, Sony
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.
Meer tegnies gevorderd
Webwerwe presteer gewoonlik beter
Modules is moeilik om te onderhou
Middelgrote CMS - Nie so maklik soos WordPress nie, maar nie so gevorderd soos Drupal nie
Laai en probeer Joomla gratis hier.
Sites geskep met Joomla: Lipton, Linux, Harvard Universiteit
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.
Die installering van 'n nuwe Drupal - ondanks die ingewikkelde funksies in Drupal, bied die CMS 'n eenvoudige, minimalistiese koppelvlak.
Maklik om te leer
Updates integreer naatloos
Meer ingeboude opsies
Steil leerkurwe in aanvangsfase - aanbeveel vir gevorderde gebruikers
Laai en probeer gratis Drupal hier.
Sites geskep met Drupal: Tesla, Warner Bros Rekords, Universiteit van Oxford
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.
Hier kom die belangrike deel.
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 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.
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 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 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 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.
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 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.
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.
Stel jou Wix-werf op. Klik om die beeld te vergroot.
En sodra jy klaar is met hierdie basiese instellings - jou webwerf is gereed.