6 Programmid

Tänapäeval luuakse veebilehti tavaliselt kasutades professionaalseid tasulisi tarkvaraarendusrakendusi. Küll aga võib HTML, CSS ja JavaScript õppimiseks esialgu kasutada ka lihtsamaid programme.

Näiteks võite te kasutada juba Windowsiga kaasasolevat programmi Notepad või Maciga kaasasolevat programmi TextEdit.

Antud veebiõpiku näidetes  ja videojuhendites leiab kasutust vabavaraline programm Notepad++, mille kõige uuema versiooni saate alla laadida aadressilt: https://notepad-plus-plus.org/downloads/ (Tähelepanu: Notepad++ on saadaval ainult Windows operatsioonisüsteemile).

Programm Notepad++
Programm Notepad++

Maci kasutajatele

Maci kasutajatele soovitan kasutada vabavaralist programmi Atom, mille saate alla laadida aadressilt: https://atom.io/.
Klikkige veebilehel lingile “Other platforms” ning valige endale sobiva operatsioonisüsteemi versioon.

Tekstiredaktor Atom
Tekstiredaktor Atom

Veebipõhised teenused

Lihtsamaid HTML koodijuppe võite kirjutada ja testida ka veebipõhistes tekstiredaktorites, kus ühes aknas saate kirjutada koodi ning teises aknas näete ka kohe tulemust.

Näiteks W3School veebipõhine teenus: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Esimese dokumendi loomine

Pärast sobiliku programmi (allalaadimist, instlleerimist ja) avamist loome oma esimese HTML dokumendi. Selleks kirjutame või kopeerime oma dokumenti jupi koodi:

<!DOCTYPE html>
<html>
<body>
<h1>Tere, maailm!</h1>
<p>Minu esimene peatükk.</p>
</body>
</html>

Pärast seda salvestame file arvutisse (File -> Save as) ning paneme faili nimeks index.html.

Avame kausta, kuhu oma faili salvestasime ning teeme sellel topeltkliki. Fail avatakse meie poolt kasutatavas brauseris.

Litsents

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Veebidisain by Koostaja: Mikk Oad; Tekst: Andrus Rinde, Mikk Oad is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.

Jaga seda raamatut