Html ja CSS õpetused

Peaaegu kõik veebilehed on kirjutatud HTML’s. HTML (markeerimiskeel) on luukere, mis annab veebilehele struktuuri ja CSS pakub sellele skeletile välimust. HTML/CSS oskus on hädavajalik, kui tahad:

  • teha oma sisuhaldustrakvaras sisu osas pisimuudatusi, aga visuaalredator tõrgub;
  • lisada WordPressis moodulisse Tekst kujundatud sisu, pilte või linke;
  • Facebookis lisada maandumislehele oma kujundatud sisu;
  • uudiskirja koostamise tarkvaras lisada/parandada pilte, linke, tabeleid;
  • või hoopis teha lihtsamat veebilehte või maandumislehte.

Hea uudis on see, et HTML ja CSS õppimine ei eelda mitte mingeid eelteadmisi. Tegemist on lihtsa keelega, millel on vaid omad reeglid ja terminid :).

Vajalik tarkvara harjutamiseks ja õppimiseks

Notepad++ on tekstiredaktor, mis toetab erinevaid programmeerimiskeeli. Koodi kirjutamiseks sobib ka nö tavaline Microsoft Notepad, kuid Notepad++ eelised on:

  • tasuta (GPL);
  • toetab kõiki Windowsi operatsioonisüsteeme;
  • kiire;
  • võimaldab avada mitu dokumendi ühes aknas;
  • lihtne ja arusaadav kasutajaliides;
  • aitab koodi kirjutada, st alustad jutumärgiga ja programm lõpetab jutumärgi, alustad suluga ja programm lõpetab sulu jne.

Alla saab laadida Notepad++ kodulehelt.

MAC’i jaoks on sobiv tarkvara TextWrangler, mille saab alla laadida siit.

Lisaks vajad oma tehtud töö vaatamiseks veebisirvijat. Hea kui sul oleks neid mitu – Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari. Mitut veebisirvijat tuleks kasutada seepärast, et ühe veebisirvijaga vaadates võib olla kõik perfektne, aga avad oma veebilehe teise veebisirvjaga ja selgub, et kõik ei olegi nii korras kui peaks.

Kuidas alustada?

Internet on HTML/CSS õppematerjale täis – ava või W3Schools veebileht ja alusta õpingutega. Või võta HTML kursus Codecademy’s.

Tõsi on see, et neid nii nimetatud veebikeeli võib omanda igaüks, kellel on piisavalt huvi ja tahtmist sellega praktiseerida. Paljud on seda õppinud iseseisvalt  või töö juures praktilisest vajadustest lähtuvalt.

Edu!

Kui sulle meeldis see postitus, siis palun jaga seda!

Autor: Eve Keerus-Jusupov

Eve poole võib pöörduda järgmistel teemadel: kodulehe tegemine WordPressiga, sh WooCommerce; GIMP, MailChimp, Google Analytics ja FB's segmentide loomine.

LIITU UUDISKIRJAGA

Saad 1 x kuus head nõu
kodulehe, SEO või sotsiaalmeedia kohta

info koolituste kohta
nõustun privaatusega*

Personaalne kodulehe/e-poe tegemise koolitus

Vaata, mis koolitusi veel pakume

Kodulehe/e-poe tegemine e-opik ja e-kursus

Kodulehe/e-poe tegemine WordPress 6’ga

Õpik keskendub e-poe loomisele ja tasuta pluginate tutvustamisele, mis aitavad e-poele lisada lisafunktsionaalsust. Käime läbi kogu e-poe loomise protsessi – toodetest kuni arveni.