Verkkosivuston luominen 3 yksinkertaisessa vaiheessa
Opi luomaan verkkosivusto kolmen yksinkertaisen vaiheen avulla, teemavalinnasta sisällön mukauttamiseen ilman edistyneitä teknisiä tietoja.
Johdanto
- Verkkosivuston luominen ei ole ollut koskaan näin helppoa. Tämä artikkeli sopii niille, jotka vasta aloittavat ja haluavat verkkoesiintymisen, mutta eivät omaa edistyneitä IT-tietoja. Olipa kyseessä blogi, ravintolan esittelysivu tai uutisportaali, saat kaiken tarvitsemasi modernin ja optimoidun verkkosivuston luomiseksi kaikilla laitteilla.
Vaateet
- Hostico web-hosting paketti
- Aktivinen domeeni
Verkkosivuston asennus
- Kuten artikkelin otsikossa on luvattu, siirrymme vain 3 vaiheessa uudelleen ostetusta palvelusta saavutettavaan verkkosivustoon, joka voi kilpailla monien kokeneiden kehittäjien luomien sivustojen kanssa.
- Lisäasetuksia varten, sekä sisällön että suunnittelun osalta, käsittelemme seuraavissa kappaleissa.
Vaihe 1 - Pääsy SiteBuilderiin (SitePad)
- Meidän täytyy päästä käsiksi hosting-ohjauspaneeliin, johon asennamme tarvittavat tiedostot verkkosivustollemme. Tämä tehdään käyttämällä sähköpostia, joka saatiin hosting-palveluiden ostamisen yhteydessä (Hosting-hallintotiedot)
- Yksi neljästä ohjauspaneelin osoitteesta on saavutettava valitsemassasi selaimessa (suositeltu Chrome tai Firefox), kuten tavallisella verkkosivustolla. Kun olet avannut osoitteen, avautuu sivu, joka mahdollistaa käyttäjänimen ja salasanan syöttämisen. Nämä tiedot otetaan aikaisemmin mainitusta sähköpostista, jonka jälkeen toteutamme todennuksen Kirjaudu sisään -painikkeella.
- Kun olemme yhteydessä cPaneliin, siirrymme sivun alaosaan ja avataan SitePad-verkkosivuston rakennustyökalu -kuvake Ohjelmisto-kategoriassa
Vaihe 2 - Teeman valinta
- Kun olemme päässeet SitePadiin cPanelista, meidät ohjataan sivulle, jolta voimme asentaa verkkosivuston. Tässä pääsemme tekstiin luo uusi sivusto, ja heti seuraavalla sivulla napsautamme Aloita
- "Hard" osa tulee juuri nyt! Meille esitellään luettelo, joka sisältää yli 535 graafista teemaa, laajasta toimialojen valikoimasta. Teeman valinnan viimeistelemiseksi ei voisi olla helpompaa, painamme vihreää painiketta Valitse
Vaihe 3 - Asennuksen viimeistely
- Viimeinen osa koostuu tietojen täydentämisestä verkkosivustostamme, ja ne ovat seuraavat:
1. Sivuston osoite - Täällä voidaan valita verkkotunnus, johon haluamme asentaa verkkosivuston, hakemisto, johon se asennetaan, sekä turvallisuusprotokollat. Suosituksemme on, että jokainen sivusto asennetaan HTTPS-versiona, ja hakemistokenttä jätetään täyttämättömäksi (jos ei haluta oletusarvoista muuta kansiota), jolloin jokainen sivusto asennetaan ennalta määritettyyn kansioon.
2. - Tämä sähköpostiosoite käytetään SitePad-paneliin kirjautumiseen. Voit käyttää joko julkista osoitetta (gmail, yahoo) tai verkkosivustosi sähköpostiosoitetta.
3. - Otsikko, joka näkyy verkkosivuston etusivulla. On merkityksetöntä, mitä kirjoitamme, koska se voidaan muuttaa myöhemmin.
4.
5. Sivuston kieli - Kieli, jolla verkkosivustomme näytetään asennuksen jälkeen.
- Oikealla puolella yhteystiedot voidaan täyttää valinnaisesti. Varmistettuaan, että kaikki tiedot on syötetty oikein, napsautamme Jatka asennusta -painiketta
- Jol kaikki vaiheet on onnistuneesti suoritettu, saamme vahvistusviestin, että sivuston asennus on valmis, ja mukauttaminen voi alkaa siirtymällä napsauta täällä kirjautuaksesi sisään ja aloittaaksesi muokkaamisen
- Tällä hetkellä, jos siirrymme domainiin, johon olemme asentaneet verkkosivuston selaimessa, kohtaamme aiemmin valitsemamme käyttöliittymän.
Verkkosivuston määritys
- Jos olemme saavuttaneet tämän vaiheen, se tarkoittaa, että olemme onnistuneesti asentaneet uuden verkkosivustomme. Vaikka saatamme ajatella, että työ on valmis, vasta nyt alkaa luonnostelu- ja viimeistelyvaihe.
- Seuraavassa käymme läpi kaikki näkökohdat, jotka on muutettava lopullisen verkkosivuston saamiseksi ja tavoitteellisen kohdeyleisön houkuttelemisen tehokkaaksi aloittamiseksi.
Tekstit
- Jokainen esiasetettu teema esittelee lorem ipsum -tekstejä (standardi teksti, jota käytetään tekstilaatikoiden simuloimiseen ja verkkosivuston suunnittelun arvioinnin helpottamiseen), nämä on korvattava.
- Tämä voidaan tehdä yksinkertaisella kaksoisklikkauksella tekstikenttään. Koon, värin, fontin ja muiden muotoiluelementtien muutokset voidaan tehdä sivun oikeasta reunasta Muokkaa otsikkoa
-osiossa.
Kuvat
- Ei ole mitään väärää, jos pidämme alkuperäiset kuvat, koska niillä ei ole erityisiä tekijänoikeuksia, mutta jotta verkkosivustostamme ei tulisi identtinen muiden 1.000 käyttäjien kanssa, on suositeltavaa (jos meillä on laadukkaita kuvia), vaihtaa ne.
- Voit tehdä tämän siirtämällä hiiren kuvan päälle, jonka haluat korvata, ja napsauttamalla sinistä kynää
- Täältä oikealla puolella varmistamme, että olemme Taustatyylissä. Jos emme välttämättä halua lisätä kuvaa, voimme aina valita tasaisen värin tai gradienttivaihtoehdon, mutta kuvien käyttöä värejä vastaan suositellaan.
Napit
- Uskon, että olet jo ymmärtänyt idean, kaikki muutokset on erittäin helppo tehdä, eikä painikkeiden päivittäminen ole poikkeus. Kuvien tavoin painikkeita muokataan sinisellä kynällä, joka näkyy, kun hiiri viedään elementin päälle, tai oikealla napsautuksella ja valitsemalla vaihtoehto Muokkaa kuva-aluetta
- Taaskin oikealla näkyvä valikko auttaa meitä ymmärtämään asiat, jotka voidaan toteuttaa tai poistaa haluamallamme tavalla. Emme käy läpi jokaista kohtaa erikseen, koska termit ovat selkeitä.
Sivut
- Oletetaan, että haluamme lisätä ylimääräisiä sivuja sivuston yläosaan, jotka johtavat erilaisiin osioihin. Sivun lisäämiseksi siirry vain Sivut ja Luo uusi
- Alkuasennuksesta lähtien on useita sivuja, joiden nimet todennäköisesti eivät sovellu projektiimme ja jotka on tarpeen joko muokata tai poistaa. Nämä toimenpiteet toteutetaan kyseisten sivujen asetuksista, joita voi löytää sivun yläosasta SitePad-logon vierestä.
- Uuden sivun nimen syöttämisen tai olemassa olevan sivun poistamisen jälkeen meidän on varmistettava, että olemme tallentaneet muutokset, muuten ne eivät säily, kun poistumme sivulta.
Käyttöliittymäelementit
- Yli 40 Widgetiä voidaan käyttää sivun mukauttamiseen haluamallasi tavalla. Olipa kyseessä Google Maps, Kalenteri, Taulukot tai muut, voimme helposti lisätä minkä tahansa elementin yksinkertaisella "klikkaa ja vedä" -toiminnolla. Nämä elementit löytyvät jälleen sivun oikeasta laidasta Widgets-osiossa
Hyperlinkit
- Tulee varmasti tilanteita, joissa haluamme viitata toiseen sivuun verkkosivustollamme, mutta ei välttämättä painikkeen kautta, vaan tekstin. Tämä saavutetaan hyperlinkkien avulla.
- Lisätäksesi hyperlinkin tekstiimme, sinun täytyy valita haluamasi teksti, sitten napsauttaa hiiren oikealla painikkeella Muokkaa rikasta tekstiä
- Jo already tutustamme valikosta valitsemme Linkki-ikoni, ja lisätään linkki sivulle, johon haluamme tekstin vievän meidät. Myös kahta muuta kenttää, Otsikko ja Kohde, suositellaan täytettäväksi SEO-syistä (lisätietoja seuraavassa kappaleessa)
SEO
- Tutun käsite, mutta väärinymmärrettynä suuri osa verkkosivustojen omistajista. Lyhyesti sanottuna, ne ovat joukko tunnisteita, jotka erottavat sivustomme muista sivustoista internetissä ja antavat meille etulyöntiaseman kilpailijoihin nähden. Mitä paremmin näitä tunnisteita optimoidaan, sitä korkeammalle sijoitus hakukoneissa nousee ja siten kävijämäärä kasvaa.
- Verkkosivustollamme SEO-optimointi voidaan saavuttaa erilaisilla menetelmillä, mutta helpoin tapa on Site Builderin tarjoaman painikkeen kautta
- Mitä yleisemmät ehdot ovat, sitä suurempi on kilpailu, ja mahdollisuudet, että sivustosi on hakujen kärjessä pelkästään näiden kenttien asettamisen perusteella, vähenevät.
- Jos ehdot ovat epätavallisempia, sijoittuminen on parempi, mutta näiden sanojen hakijoiden määrä on alhaisempi. SEO-optimoinnissa on löydettävä sopiva tasapaino.
- Jos MetaTagit eivät ole lisätty, ne allokoidaan automaattisesti, ja mahdollisuudet niiden sopivuuteen sivustollesi ovat pienet.
- Sinun on otettava huomioon, että SEO-optimointi on monimuotoinen alue, joka voi vaatia jatkuvaa työtä, ja useimmiten syvällinen ymmärrys käsitteestä on välttämätöntä merkittävien tulosten saavuttamiseksi.
- Jotta voisit nähdä tähän mennessä tehdyt muutokset, on tarpeen käyttää jälleen aiemmin esitettyä Päivitä -painiketta ja klikata Esikatselu. Sivustomme ladataan viime sessiossa tehdyillä päivityksillä.
- On mahdollista, että olemme tehneet virheen jossain vaiheessa, tai että emme vain pidä valitusta muotoilusta, mitä teemme, aloitammeko sivuston alusta? Ei. Kaikki aiemmat versiot voivat olla nähtävissä Historiassa ja Muutososiossa, joten meillä on varmuus, että meillä on aina mahdollisuus palata "vanhempaan" versioon.
- Aloitin artikkelin sanomalla, että verkkosivuston luominen "ei ole koskaan ollut helpompaa" ja uskon, että ajattelet samoin nyt, kun verkkosivustosi on onnistuneesti valmis.
On kuitenkin muita näkökohtia, jotka on otettava huomioon ennen kuin sivustoa voidaan pitää "hyvin tehtynä", mutta ensisijaisena läsnäolona se on onnistunut alku.
Matkan varrella opit tuntemaan sivuston rakentajan, ja tietyt seikat tulevat ymmärrettäviksi ja helpommiksi toteuttaa.
Huomautus
- Tämä sivuston rakennustyökalu on kolmannen osapuolen ohjelma, jota toimittaa toimittaja, eikä sitä ole kehittänyt suoraan Hostico-tiimi.
- Verkkosivun asennus voidaan suorittaa useille domaineille, vaikka ne olisivatkin lisätty samaan hosting-pakettiin
- SSL-turvatekijät luodaan automaattisesti cPanelissa, kun sivusto asennetaan hosting-palvelimelle, eikä muita manuaalisia asetuksia tarvita
- SitePad-sovellus on ensisijaisesti tarkoitettu ihmisille, jotka etsivät yksinkertaista verkkosivustoa, joka ei välttämättä vaadi kehittäjän osallistumista
- Site Builder -työkalua ei voi käyttää verkkokauppatyyppisille sivustoille. Tähän tarkoitukseen suosittelemme muita CMS -alustoja, kuten Prestashop, Magento, Wordpress + Woocommerce jotka on suunniteltu erityisesti tätä varten.
- Sovellus ei tule esiasennettuna tietokannan hallintaliittymällä. Kaikki tiedot tehdään suoraan PHPMyAdminissa, ja kaikki uudet merkinnät tai kyselyt on suoritettava suoraan cPanelista