HTML-verkkosivun luomiseen ja lähettämiseen tarvittavat vaiheet

click fraud protection

Ensimmäisen verkkosivusi rakentaminen ei ole vaikein asia, mitä teet elämässäsi, mutta se ei myöskään ole helppoa. Se vaatii sinua oppimaan uutta tekniikkaa, sanastoa ja ohjelmistoja, joita et ole tarvinnut aiemmin.

Sinun täytyy oppia joitain perusasioita HTML koodia, hanki web-editori, etsi palvelu verkkosivustosi isännöimiseksi, koota sivusi sisältö, lataa verkkosivu isäntään, testaa sivu ja mainosta sitä sitten. Vau!

Hyvä uutinen on, että kun olet tehnyt tämän yhden kerran, olet oppinut oppimiskäyrän. Voit tehdä sen yhä uudelleen tuottaaksesi verkkosivuja useista aiheista tai useisiin tarkoituksiin.

01

ja 08

Ota aikaa suunnitellaksesi

Ennen kuin teet mitään, vietä aikaa päättämääsi verkkosivua koskeviin peruskysymyksiin. Tunnista yleisösi ja tiedä, mitä sinulla on sanottavaa heille. Jos mainostat yritystäsi, tutustu kilpailijoiden verkkosivustoihin ja päätä, mikä heille toimii tai ei. Jos suunnittelet verkkosivustoa, jossa on useita yhdistettyjä verkkosivuja ja todennäköisesti olet, piirrä kaavio, joka kuvaa sivujen suhdetta toisiinsa.

instagram viewer

Enemmän aikaa vietät suunnittelussa ennen sinua aloita verkkosivuston rakentaminen, sujuvampi todellinen rakennusprosessi todennäköisesti etenee.

02

ja 08

Hanki Web Editor

Verkkosivun rakentamiseen tarvitset Web-editorin, johon kirjoitat HTML-koodin, joka saa verkkosivusi toimimaan. Sen ei tarvitse olla hieno ohjelmisto, johon kulutat paljon rahaa, vaikka niitä onkin paljon. Voit käyttää käyttöjärjestelmän mukana toimitettua tekstieditoria, kuten Muistio Windows 10: ssä tai TextEdit Macissa, tai voit ladata ilmaisen tai halvan editorin Internetistä. Muun muassa NotePad ++ ja Komodo Edit ovat erinomaisia ilmaiset HTML-editorit Windowsille. Komodo Edit on saatavana myös Macille. Muu ilmaiset HTML-editorit Macille ovat Bluefish, Eclipse, SeaMonkey ja muut.

03

ja 08

Opi joitain HTML-perustietoja

HTML on verkkosivujen rakennuspalikka. Vaikka voit käyttää WYSIWYG (mitä näet on mitä saat) -editoria, eikä sinun tarvitse koskaan tietää mitään HTML: ää, ainakin pienen HTML-koodin oppiminen auttaa sinua rakentamaan ja ylläpitämään sivujasi. Kun pääset hieman syvemmälle verkkosivujen rakentamiseen, sinun kannattaa oppia siitä CSS-tyylisivut ja XML vievät uudet taitosi seuraavalle tasolle. Aloita nyt HTML: n perusteet.

HTML: n oppiminen ei ole vaikeaa, ja voit oppia paljon katsomalla esimerkkejä HTML: stä. Useimmissa selaimissa voit valita tarkastella lähdekoodia verkkosivun, jolla olet. Valitse tälle yksinkertainen sivu, jotta et hukkua. Saatat jopa pystyä kopioi lähdekoodi tutkia sitä.

Harjoittele kirjoittamalla yksinkertainen HTML tekstieditoriin ja esikatselemalla, miltä se näyttäisi verkossa. Jos se on sekava sotku, olet todennäköisesti jättänyt jotain pois. Onnittelut, jos se näyttää täsmälleen samalta kuin tarkoitit sen näyttävän.

04

ja 08

Kirjoita verkkosivu ja tallenna se kiintolevyllesi

Verkkosivun kokoaminen ja sisällön kirjoittaminen on hauskaa. Avaa web-editori ja aloita verkkosivusi rakentaminen. Jos se on tekstieditori, sinun on tiedettävä HTML-koodi, mutta jos se on WYSIWYG, voit rakentaa verkkosivun samalla tavalla kuin Word-asiakirja.

Verkossa kirjoittaminen eroaa muista kirjoitustyypeistä. Ihmisillä on taipumus kuoriutua näkemistään sen sijaan, että lukisivat tarkkaan, eivätkä he roiku siellä tuhansisanainen tutkielma. Pidä teksti lyhyenä ja osuvana verkkosivustollesi. Mene ensimmäisen kappaleen kohtaan ja kirjoita aktiivisella äänellä. Toimintaverbit pitävät virtauksen liikkeessä. Pidä lauseet lyhyinä ja käytä luetteloita kappaleiden sijasta, mikäli mahdollista. Suunnittele alaotsikot suuremmalla tai lihavoitavalla tavalla houkutellaksesi lukijan huomiota.

Älä unohda lisätä kuvia ja linkkejä verkkosivustollesi. Sinun olisi pitänyt oppia tekemään molemmat HTML-perusteissa. Sinun on ladattava kopiot kuvista verkkopalveluun tai muuhun web-paikkaan, jotta ne voivat toimia, kun aika on oikea tulee, joten pysy järjestäytyneenä työskennellessäsi ja kerää kaikki verkkosivusi tiedot yhteen kovalevylle tallennettuun kansioon ajaa.

Aina esikatsella verkkosivua ja oikolukea työsi. Nyrkki kirjoitusvirheitä tai rikkinäisiä linkkejä voi vahingoittaa uskottavuuttasi aiheesta.

05

ja 08

Löydä Web-isäntä Web-sivullesi

Nyt kun olet kirjoittanut verkkosivusi ja tallentanut sen kiintolevylle, on aika laittaa se verkkoon, jotta muut ihmiset näkevät sen. Teet tämän web-isännän avulla, joka on yritys, johon lataat kaikki tiedostosi. Niitä on paljon, ja luotettavan isännän valitseminen on tärkeää. Voit käydä web-hosting-arvostelujen sivustoissa tai mennä jonkin tunnetun palveluntarjoajan, kuten HostGatorin tai GoDaddy-yrityksen, kanssa. Älä unohda Wixiä (WYSIWYG-alustaa), WordPress.comia ja Weeblyä, jotka kaikki ovat vakiintuneita isäntiä.

On olemassa monia vaihtoehtoja web-hostingille ilmaiseksi (mainonnalla ja ilman) aina useaan sataan dollariin kuukaudessa. Mitä tarvitset web-isännässä, riippuu siitä, mitä verkkosivustosi tarvitsee houkutella ja pitää lukijoita. Käy muutamissa web-hosting-sivustoissa ja katso, mitä ne maksavat ja mitä ne tarjoavat. Jotkut palveluntarjoajat toimittavat yleisiä URL osoite, mutta jos haluat mukauttaa yrityksesi URL-osoitteen tai haluat käyttää nimesi osana URL-osoitettasi, sinun on rekisteröidyttävä verkkotunnukseen. Voit rekisteröidä verkkotunnuksen hintaan 10 dollaria tai vähemmän tai 10 000 dollaria tai enemmän. Koska tämä on ensimmäinen verkkosivusi, mene matalalle.

Täytä sovellus, hanki verkkotunnus ja päätä muut tarvitsemasi ominaisuudet ja kirjaudu verkkopalveluun.

06

ja 08

Lähetä sivusi isäntäsi

Kun sinulla on palveluntarjoaja, sinun on siirrettävä tiedostosi paikalliselta kiintolevyltä isäntätietokoneelle. Monet hosting-yritykset tarjoavat online-tiedostojen hallintatyökalun, jota voit käyttää tiedostojesi lataamiseen, mutta jos ne eivät, voit käytä verkkosivusi lataamiseen FTP: tä. Prosessi vaihtelee palveluntarjoajan mukaan, joten noudata annettuja ohjeita tiedostojen latauspaikasta. Suurin osa hosting-palvelujen tarjoajista julkaisee opetusohjelmia kaltaisillesi ihmisille, jotka lataavat ensimmäisiä tiedostojaan. Jos sinulla on erityisiä kysymyksiä siitä, miten tiedostosi viedään yrityksen palvelimelle ja mihin ne laitetaan, pyydä teknistä apua.

Jossain vaiheessa saat URL-osoitteen verkkoisännältä. Se on verkkosivustosi osoite, jonka voit antaa kaikille ystävillesi ja sukulaisillesi, jotta he voivat ihailla työtäsi, mutta älä luovuta sitä vielä.

07

ja 08

Testaa sivusi

Ennen kuin lähetät URL-osoitteen sosiaaliseen mediaan tai jaat sen, testaa verkkosivusi. Et halua epämiellyttäviä yllätyksiä.

Monet aloittelevat web-kehittäjät jättävät web-sivun luomisen testausvaiheen, mutta se on tärkeää. Sivujen testaaminen varmistaa, että niiden URL-osoite on oikea ja että ne näyttävät hyvältä kaikissa suosituissa verkkoselaimissa. Avaa verkkosivusi Chromessa, Firefoxissa, Safarissa, Operassa ja muissa selaimissa, jotka olet itse tai ystäväsi asentanut tietokoneelle. Varmista, että kaikki kuvat näkyvät ja linkit toimivat. Et halua epämiellyttäviä yllätyksiä.

Jos törmäät yllätykseen, ratkaise tavalliset vaiheet web-suunnittelun ongelmien ratkaisemiseksi.

Kun verkkosivu näyttää juuri suunnitellulta, on aika mainostaa sitä.

08

ja 08

Mainosta verkkosivua

Kun olet pitänyt verkkosivusi verkossa, kerro siitä ihmisille. Yksinkertaisin tapa on lähettää sähköpostiviesti asiakkaillesi, ystävillesi ja perheellesi URL-osoitteen kera. Lisää URL-osoite sähköpostiosoitteeseesi tai lähetä se sosiaalisen median sivustoihisi. Lisää se yrityksellesi, lisää osoite käyntikortteihisi ja muihin painettuihin materiaaleihin.

Jos haluat, että monet ihmiset katsovat verkkosivustoasi, sinun on opittava, miten sitä mainostetaan hakukoneissa ja muissa paikoissa, mutta hakukoneoptimointi (SEO) on tarina toiselle päivälle.

instagram story viewer