Miten Tehdä Sivuston Tyhjästä (HTML, WordPress, tai Rakentajat)

Koska omistaja pieni häiden suunnitteluun käynnistyksen, ystäväni ei ollut paljon aikaa tai rahaa laittaa oppia, miten tehdä verkkosivuilla – mutta hän tiesi, että hän tarvitsi yhden tai hänen liike olisi lähes näkymätön. Vaikka hänellä ei ole ohjelmointitaitoja, hän meni täyttä vauhtia eteenpäin yksin luoda hänen online läsnäolo.

verkkosivujen aloittaminen tyhjästä ei oikeastaan ollut se pelottava tehtävä, jota hän pelkäsi., Oikeilla työkaluilla hän sai WordPress-sivuston käyttöön parin viikon sisällä. Sivuston alkuvaiheen rakentamisen jälkeen hän jatkoi sen laajentamista ja päivittämistä itse yritystoimintansa kasvaessa.

kuten hänen kokemuksensa osoittaa, kuka tahansa voi opetella verkkosivujen tekemistä suhteellisen helposti. Se on yhtä yksinkertainen kuin ostaa web hosting ja verkkotunnus, sitten hienosäätö suunnittelu kautta sivuston rakentaja, WordPress, tai käyttämällä bare-bones HTML. Saatamme sinut läpi jokaisen askeleen alla, joten voit vapaasti klikata yksi linkkejä täällä hypätä eteenpäin.,

Valitse Isäntä | Tehdä Sivuston | Sivuston Rakentaja | WordPress

Vaihe 1: Valitse Isäntä ja Verkkotunnuksen

ensimmäinen askel luoda sivuston, ei väliä kumpi tapa päätät käyttää, on valinta web hosting-palvelu ja toimialueen nimi. Web-isäntä on yritys, joka tarjoaa palvelimen ja varastointi tilaa sivuston ja antaa online-maailma yhteys oman tuotemerkin. Verkkotunnus, toisaalta, on URL-osoite (esim. www.hostingadvice.com), että ihmiset käyttävät navigoida suoraan sivuston.

isännän valitseminen

Tämä on superhelppo osa., Web top-rated isännät ovat vetäytyneet kaikki pysähtyy nopeuttaa ja helpottaa ensimmäisen sivuston luominen prosessi — usein alkaen ilmainen verkkotunnuksen rekisteröinti, yhden klikkauksen asennukset suosittuja CMS ja blogging alustoja, free website builder, ja markkinointi opintopistettä.

jotta pääsisimme alkuun, suosittelemme rekisteröitymään web hosting-suunnitelmaan, jossa on yksi seuraavista tarjoajista. Web-palvelin perustetaan välittömästi, ja useimmat antavat sinulle ilmaisen verkkotunnuksen valitsemasi samoin., Kun olet rekisteröitynyt, voit olla rakennus verkkosivuilla ei ole aikaa:

Katso lisää edullisia web hosts ”

Valita Verkkotunnus

Rekisteröiminen laatu verkkotunnus on tärkeää auttaa ihmisiä löytämään ja muistaa sivuston. Web hosting-palvelut edellä tarjous ilmainen verkkotunnuksen rekisteröinti ensimmäisen vuoden palvelu, joten jos olet jo suorittanut Vaiheen 1, sinulla on jo oma verkkotunnus.,

Jos vielä päätät, minkä verkkotunnuksen valitset, tässä muutama vinkki harkittavaksi:

• tee siitä lyhyt ja mieleenpainuva: lyhyemmät verkkotunnukset on helpompi muistaa. Tittelin pitäisi jäädä ihmisten mieleen. Pitkät verkkotunnukset toimivat vain, jos ne ovat ainutlaatuisia ja tarttuvia.
• Käytä asiaankuuluvia avainsanat: verkkotunnus on toinen mahdollisuus sisällyttää avainsanoja, jotka edistävät yleistä SEO strategia. Avainsanat, jotka ovat merkityksellisiä yrityksesi markkinarako tekee verkkotunnuksen edelleen kiinni ihmisten muistiin ja lisätä hakukoneen rankingit.,
• Research domain names: Tarkista, käyttävätkö muut yritykset tai yksityishenkilöt verkkotunnusta, joka on liian läheistä sukua, välttääksesi ristiriitoja tai sekaannuksia.
• Valitse sopiva verkkotunnus laajennus: Kuten tiedätte selaat web, domain-nimet voivat päättyä .com -,.org, .biz, ja muita laajennuksia. Valitse se, joka parhaiten sopii sivuston tarkoitukseen.

Nyt kun olet ostanut web hosting suunnitelma (ja on vapaa domain hosting suunnitelma) olet valmis rakentaa ja käynnistää sivustosi.,

Vaihe 2: Valitse Työmaanrakennustapa

on kolme päätapaa sivuston rakentamiseen. Jos olet aloittelija, ylivoimaisesti helpoin tapa rakentaa ja käynnistää sivusto on käyttää kotisivukoneen tarjoamia web isäntä. Jos olet ainakin jonkin verran web-savvy, voit käyttää käyttää WordPress tai content management system (CMS), kuten Drupal tai Joomla. Jos olet jo hyvin perehtynyt koodaus, voit aloittaa tyhjästä ja käyttää HTML rakentaa sivuston maasta ylös., Jokainen lähestymistapa on etunsa ja haasteita:

Vaihtoehto 1: Käytä Sivuston Rakentaja (Aloittelija Taso)

Käyttämällä website builder – sovellus, joka vie sinut läpi vaiheet tehdä verkkosivuilla ilman koodia – voi olla sekä vapauttavaa ja voimaannuttavaa. Kaikki koodaus tehdään provider backend, ja pohjimmiltaan, se ei ole paljon haastavampaa kuin käyttämällä sanaa prosessori.

Tyypillisesti, web-sivuston rakentaja tai template-pohjainen sivusto-rakennus menetelmä tarjoaa vähemmän muokkausmahdollisuudet kuin jos rakentaa sivuston tyhjästä käyttäen suoraan HTML, mutta rajalliset taidot, sivuston rakentajat tarjoavat joustavuutta ja hyvän käyttäjäkokemuksen aloittelijoille.

Vaihtoehto 2: Asenna WordPress (Keskitaso)

Monet yritysten omistajat ja työntekijät ovat vähän mitään koodausta taitoja. Samalla se voi rajoittaa joidenkin tarvitse luottaa Web suunnittelija / kehittäjä luoda verkkosivuilla ja tehdä päivityksiä., WordPress on catch-all ratkaisu yrityksille, jotka haluavat perus verkkosivuilla pienin investoinnein aikaa ja rahaa.

– Lähes kolmannes kaikista internetin sivustoista olemassa WordPress-alustan, ja jopa suuret yritykset, kuten CNN ja eBay, käytä sitä. Ohjelmistosta on ilmaisia ja maksullisia versioita, ja verkossa on tarjolla runsaasti käyttäjätukea.

monia teemoja ja ulkoasuja valita ja vaihtoehtoja edetä monimutkaisempia malleja ja ominaisuuksia, WordPress on monipuolinen valikoima kaikenlaisia yrityksiä. Itse asiassa, se on alusta, joka valtaa HostingAdvice.com itse.

Vaihtoehto 3: Luoda sivuston tyhjästä HTML (Advanced Taso)

Web design taitoja ovat erittäin arvokkaita työmarkkinoilla ja ehkä olet ajatellut, että se on jotain haluat poimia. Rakentaa sivuston tyhjästä antaa sinulle työkalut luoda ja muokata sivuston juuri niin kuin parhaaksi näette., On suurempi oppimiskäyrä mutta suurempi palkita, kuin tietäen, HTML avulla voit hienosäätää sivuston suunnittelu ja kuljettaa niitä taitoja eteenpäin, laajentaa ja päivittää sivustoa helposti.

Jos olet ohjelmointi noviisi ja päättänyt oppia, voit poimia koodaus taitoja tarvitset alkaen lukemattomia web design kirjoja (O ’ Reilly-sarja on hyvä lähtöpaikalle) ja sivustot, kuten World Wide Web Consortium (W3C) Koulut.

Oppiminen koodi sivuston itse, antaa sinulle perimmäinen joustavuutta tehdä se, mitä haluat ajan., Puhumattakaan siitä, että koodaaminen on erittäin arvokas taito tämän päivän taloudessa.

Vaihe 3: aloita rakentaminen!

Nyt, että olet rekisteröitynyt web hosting ilmainen domain, ja valinnut sitebuilding menetelmä, olet valmis alkaa luoda ulkoasua sivuston ja sen sisällön. Lue askel-askeleelta ohjeet:

Vaihtoehto 1: Käyttämällä Sitebuilder Rakentaa Sivuston (Aloittelija)

Building a website free website builder on nopea, helppo ja yksinkertainen prosessi., Olet ehkä jo rekisteröitynyt hosting huomioon Vaiheessa 1, jolloin web-isäntä sivusto on erityisiä step-by-step ohjeet voit asentaa ja käyttää ilmainen, sisältyy kotisivukone. Yleensä huomaamme, että Wix on suosituin sivuston rakentaja, joten käytämme sitä esimerkkinä täällä.

Jos olet jo rekisteröitynyt hosting, olet luonut tilin. Jos sinulla ei ole jo web-isäntää, suosittelemme rekisteröitymistä Wix sitebuilderiin verkkosivujensa kautta. Syötä sähköpostiosoitteesi ja salasanasi osoitteeseen Wix.com Kirjaudu sivu aloittaa., Huomaa, että sähköpostiosoitteen kahva tulee osa vapaata verkkotunnusta (jos sinulla ei ole mukautetun verkkotunnuksen), joten pidä tämä mielessä rekisteröityessäsi. Jos olet vielä epävarma, tervetuloa tutustu asiantuntija-arvion Wix-alustan alla.

Valitse kategoria, joka parhaiten kuvaa teidän verkkosivuilla. Tämä auttaa ihmisiä löytämään sivustosi ja auttaa Wix palvelemaan Alustan monipuolinen käyttäjäkunta. Valintasi määrittää, millaisia malleja voit selata, joten harkitse paras vaihtoehto tyyli-sivuston haluat rakentaa.,

Wixillä on nyt kaksi vaihtoehtoa verkkosivuston luomiseen. Perinteisen Wix-Editorin lisäksi mukana on myös Wix ADI, tekoälyohjelma, joka suunnittelee mukautettuja sivustoja vastaamiesi kysymysten perusteella. Suosittelemme käyttämään Wix Editor, joka antaa sinulle täyden control yli muokkaukset käytettävissä alustalla. Kuitenkin, jos haluat kokeilla Wix ADI, kaikin mokomin, anna mennä!

valitse monenlaisista malleista, kaikki erilaisia riippuen siitä, millaisen verkkosivuston luot. Suodata vaihtoehdot kuvittain, etsi avainsanalla tai Lajittele mallit luokittain.,

voit myös valita tyhjän mallin, joka alkaa kokonaan tyhjästä tai perusasettelulla.

jokainen malli alkaa esitäytetyllä tekstillä ja taustakuvalla. Mallisi on lähtökohta tehdä sivustosta oma. Yksi ensimmäisistä asioista sinun pitäisi tehdä uusi Wix sivu on lisätä yrityksesi tiedot. Täytä brändisi nimi, slogan ja muut asiaankuuluvat tiedot yksinkertaisesti klikkaamalla tekstiä, joka on vaihdettava., Voit myös muuttaa sivun visuaalisia puolia, Kuten taustakuvaa, ja lisätä tai vaihtaa kuvia muille sivustosi sivuille.

on paljon tapoja lisätä sisältöä ja muokata sivustoasi. Napsauta Lisää-painiketta vasemmassa valikossa, jossa on useita vaihtoehtoja-teksti, painikkeet, diaesitykset, valikot, jne. Alla Apps painiketta, on monia ominaisuuksia, voit lisätä sivuston lisätoimintoja, kuten kommentit, live chat, ja online-myymälä. Voit myös ladata omia multimedia sisältöä, kuten fontteja, kuvia, videoita ja musiikkia, ja aloittaa blogin.,

klikkaa ”Julkaise” oikeassa yläkulmassa laittaa sivuston webissä! Voit valita verkkotunnuksen, joka voi olla ilmainen verkkotunnus Wix.com tai räätälöity verkkotunnus, jonka hankit verkkotunnuksen rekisterinpitäjän kautta.

Vaihtoehto 2: Käyttämällä WordPress Luoda Sivuston (Väli)

WordPress luoda sivuston on samanlainen kokemus käyttämällä verkkosivuilla rakennusmestari prosessin kannalta. Mikä alusta sinun pitäisi käyttää on kysymys etusija. Se riippuu siitä, mikä tuntuu kaikkein intuitiivinen sinulle ja antaa sinulle eniten joustavuutta sivuston suunnittelu ja ylläpito., Suuri etu menee WordPress on suuri yhteisö tukea, sekä virallista ja muiden WP ohjelmistojen käyttäjille.

useimmat hosting — suunnitelmat sisältävät helpon pääsyn WordPress-ohjelmiston asentamiseen yhdellä napsautuksella tai vielä paremmin, kun se on esiasennettu sinulle. Useimmissa tapauksissa, voit yksinkertaisesti kirjautua hosting ohjauspaneelin ja löytää mahdollisuuden asentaa WP Alustan. Jos hostauspalvelullasi ei ole tätä ominaisuutta, löydät manuaaliset asennusohjeet täältä. Nämä web-isännät tekevät WordPressin asentamisesta erityisen helppoa:

Katso lisää WordPress isännät ”

Kestää jonkin aikaa tutustua WordPress backend tilisi. Löydät mistä hallita viestit, sivut, ja kommentit; muuttaa sivuston ulkonäköä, lisää sivuston toimittajat; ja asentaa plugins. Kojelautaan on kaikki sinun täytyy seurata sivuston sisällön ja muokata sen ulkoasua.,

kojelaudan ulkonäkö-välilehden alle voi valita useista ilmaisista teemoista (tai valita maksettavaksi yhden). Teeman asentaminen on yhtä yksinkertaista kuin valitsemalla” Asenna ”ja sitten” Aktivoi ” haluamasi mallin. Voit muuttaa teemaasi milloin tahansa muuttamatta sivustosi muuta sisältöä.

Lisää uusia sivuja sivustoosi, Valitse ”sivut” ja sitten ”Lisää uusi.”Voit tehdä näistä sivuista osan sivustosi navigointivalikosta ulkonäkö-välilehden valikkovaihtoehdon alla. Voit lisätä viestejä (Jos haluat blogin sivustossasi), siirry ”viestit” ja sitten ”Lisää uusi.,”

oletuksena WordPress sijoittaa uusimmat viestit kotisivullasi. Valitse tietty sivu palvelemaan teidän etusivulla, valitse ”Asetukset” dashboard valikko ja valitse ”Käsittelyssä.”Etusivulla Näkyy kohta, valita ”staattinen sivu” ja valitse sitten sivun olet luonut aloitussivuksi.

liitännäiset ovat laajennuksia — joita ei ole oletusarvoisesti perustettu WordPressissä — jotka lisäävät uusia ominaisuuksia sivustoosi. WordPress plugins voi parantaa sivuston toiminnallisuutta, auttaa sinua saavuttamaan tavoitteet sinulla on sivustosi, ja antaa sivustosi kävijöille paremman käyttökokemuksen.,

esimerkiksi Google Analytics plugin avulla voit seurata sivuston toimintaa, ja NextGEN Galleria plugin avulla voit näyttää kuvagallerioita. Alla” Plugin ” kojelaudassa, voit etsiä läpi vaihtoehtoja-kirjaimellisesti tuhansia ilmaisia plugins. Klikkaa ”Asenna” ja olet valmis menemään.

tässä vaiheessa olet luonut sisällöntäytteisen, visuaalisesti houkuttelevan ja toimivan sivuston., Julkaiseminen WordPress tapahtuu sivulla tai post tasolla, joten sinun täytyy klikata ”julkaista” kunkin alueen sivuston. Voit odottaa, että sivustosi on täysin valmis julkaisemaan sisältöä tai julkaisemaan, kun luot yksittäisiä sivuja ja viestejä.

Vaihtoehto 3: Käytä HTML Tehdä Sivuston Tyhjästä (Advanced)

niille, jotka haluavat haaste ja on vähän ylimääräistä aikaa, joten sivuston kautta HTML on kannattava hanke, joka kehittää ymmärrystä web-editointi ja suunnittelu., Voit perustaa perussivuston muutamassa tunnissa ja rakentaa sen päälle, kun opit lisää HTML-ja CSS-taitoja.

kuten kahdella ensimmäisellä verkkosivunrakennusreitillä, ensimmäinen askel on ilmoittautua isännöitsijälle.

Katso kaikki top web hosts ”

kirjoittaa HTML-tunnisteita, sinun on korkea laatu tekstieditori, joka palvelee kieltä web. Notepad++ on hyvä vaihtoehto Microsoftin käyttäjille, kun taas TextMate on ihanteellinen Mac-käyttäjille. Cross-platform tekstieditorit ovat Atom ja Sublime tekstiä.,

verkkosivut voidaan rakentaa tiukasti HTML: n avulla, joka kääntää laajennuksella nimetyiksi tekstitiedostoiksi .html. Sivuston pääsivu on tyypillisesti otsikoitu indeksi.html. Luo tämä tiedosto ja tallenna se, täytä se HTML-sivuston peruskehyksellä. Se näyttää tältä:

<html> tunnisteet liittää kokonaisuudessaan sivuston sisältöä ja osoittavat, että tämä on HTML-dokumentti., <head> – tunniste sisältää oman sivun otsikko, meta-tagit (kerro selain tietoja sivun sisällön ja näyttää), ja viittaukset ulkoisen CSS-tiedostot muotoilua varten oman sivun. Sivun varsinainen sisältö menee <body> tagien väliin.

Kun rakennuksen sivuston, sinun kannattaa järjestää tiedostoja kansioihin mukaan rakenne haluat sivustosi näkyvän. Esimerkiksi, voit luoda kansion noin sivu, joka on tärkein noin.,html-tiedosto sekä kaikki siihen liittyvät CSS, joka lisää tyyliä sivustoosi ja muut HTML-tiedostot, jotka tukevat tätä sisältöä. Kun lisäät linkkejä sivustosi sivuille, voit viitata niiden kansion sijaintiin hakemistossa, johon tallennat tiedostoja.

Kirjoita sisältösi<body> – osioon .html-tiedosto (eli jokainen sivu) sivustosi. Tässä on muutamia tärkeitä tunnisteet tietää, kun rakentaa sivuston:

• <header> osoittaa, alkuun asiakirja on ja missä sivun otsikko ja logo näkyvät.,
• <nav> käytetään rakentaa sivuston valikko, tärkein navigointi sivuston, jossa kävijät löytävät ylimmän tason sivuston linkit.
• <section> tarkoittaa pääasiallinen sisältö sivun. Sitä käytetään ryhmittelemään kuten sisältöä sivun sisällä. Ajattele artikkeleita löydät verkossa, jotka on ryhmitelty yksittäisten otsikoiden.
• <article> käytetään yksittäisiä sivun sisältöä kuten blogi -, kuva -, video -, tai muuta multimediaa. Se on tapa jäsentää sivu, jotta nämä kohteet voidaan helposti erottaa.,
• <footer> on pohjassa verkkosivuilla. Tällä alalla ihmiset usein laittavat yhteystietonsa, palveluehtonsa, tietosuojakäytäntönsä ja muita sekalaisia mutta tärkeitä tietoja.

Täyttää nämä tunnisteet, perusosat-sivu näyttää tältä:

haluat myös lisätä sivustollesi perusavigointipalkin. Tämä tarjoaa helpon pääsyn sivuston pääsivuille., Voit käyttää <nav> – tagin ja <ul> tai järjestämätön lista tag asettaa tämän ylös.

Ja voila! Nyt sivustosi kävijät voivat helposti navigoida blogi, tuote-sivuja, pudottaa sinulle linjaa yhteystiedot-sivulla selaa asiakas suosittelut, ja takaisin kotisivu uudelleen!

Voit tehdä sivustostasi visuaalisesti mielenkiintoinen muotoilu, värit ja kuvat käyttämällä vain HTML., Kuitenkin, joka sisältää CSS tai css, sivustosi antaa sinulle paljon enemmän valvoa, sen ulkonäkö, ja sivustoja, jotka käyttävät CSS näyttää enemmän ammatillista yleistä.

CSS on nimetty erillisissä CSS-tiedostoissa. Päätiedosto on tyypillisesti otsikoitu tyyli.css. Joitakin css: n perustoimintoja ovat värien, rajojen ja taustojen lisääminen sekä laatikkomallin soveltaminen sivujen sisällön järjestämiseen., Tämä vaihe on kehittyneempi kuin käyttämällä perus HTML, mutta voi suuresti parantaa estetiikka sivuston.

kun olet tyytyväinen kokonaisuuteen, voit julkaista sivustosi. Se on täysin kunnossa, jos sivusto on hyvin yksinkertainen aloittaa. Niin kauan kuin se näyttää ammattimaiselta, voit tuntea olonsa hyväksi laittaa sen pois verkossa, ja parantaa sitä, kun Kehittää enemmän HTML-ja CSS-taitoja.

Alll Done!, Nyt Kova Osa… Lisäämällä Sisältöä

Kuten meidän tapahtuma-suunnittelu ystävä, et voi ajatella, että voit rakentaa oma verkkosivusto aluksi — mutta totuus on, se on nyt helpompaa kuin koskaan täydellinen aloittelija luoda toimiva ja visuaalisesti houkutteleva sivuston, että ihmiset haluavat vierailla. Avulla online-resursseja ja tukea WordPress yhteisö, ystäväni rakennettu sivusto, hän oli ylpeä – ja voit, liian.

tärkeintä sivustossasi on sisältö, sillä juuri tämä vetää ihmisiä käymään ja lukemaan., Mieti, mitä haluat sivustosi olevan, onko se yrityksesi tai blogi tietyn aiheen. Harkitse huolellisesti, koska tämä määrittää web suunnittelu suuntaan, liian. Kun olet saanut joitakin sisältöideoita ja konkreettisen suunnitelman, olet valmis aloittamaan sivuston rakentaminen seikkailu.