Ohjelmointi

sunnuntai 17. maaliskuuta 2019

Python ohjelmointi

Opit:
-kirjoittamaan koodia IDLE-editoriin ja tallentamaan ohjelman
-tulostamaan merkkijonoja print-funktiolla
-kirjoittamaan kommenttirivejä
-peruslaskutoimitukset
-jne.
Tee kansio, ja tallenna sinne kaikki tekemäsi ohjelmat.
Tehtävä 1
Avaa IDLE-editori, ja aloita uusia tiedosto (File -New File) ja kirjoita ohjelma

# tervehdyksen tulostus. Tämä toimii kommentti rivinä.
print("Tervetuloa!")
print("Ensimmäinen ohjelmani")

Tallenna tehtävä 1 nimellä t1. Ohjelman suorittaminen onnistuu valitsemalla Run -Run module.

Tehtävä 2

Tutki, miten koodi toimii. Voit muuttaa koodia, ja katsoa mitä tapahtuu.

# tervehdyksen tulostus
print("Tervetuloa!")

# tunnussanan kysyminen
sana = input("Kirjoita tunnussana: ")

# tulostus riippuu tunnussanasta
if sana == "python":
    print("Matka voi alkaa...")
else:
    print("Yritä uudestaan...")

Tallenna nimellä t2.

Tehtävä 3

#laskuoperaatiot ja tulostus
print (1+2*4) # Mikä lasketaan ensin?
print (36/6-4)
print (’Lukujen 10 ja 12 summa on ’,10+12)
print (’Jakolaskujen 888/111 tulos on ’, 888/111)

Tallentta nimellä t3.
Tutustu tämän jälkeen ohjelmointiputkan sivuihin ja sieltä Python osioihin 1 ja 2.

sunnuntai 10. maaliskuuta 2019

Verkkosivut

Tee kaksi verkkosivua, joissa on tekstiä ja kuvia. Linkit sivujen välillä, että pääset liikkumaan sivujen välillä. Linkki myös muualle verkkoon.

Kattava ohje: https://www.w3schools.com/css/default.asp (eng)

Suomeksi (tällä pääsee alkuun): https://www.matikki.fi/html/css.html

Sivun pohja:

<!DOCTYPE html>
<html>
<head>
<title>Minä olen tämän HTML-tuotoksen/projektin otsikko</title>
</head>

<body>
<h1>Minä olen sivulla näkyvä otsikko.</h1>
<p>Ja minä olen sivun tekstiä</p>
</body>
</html>

sunnuntai 3. maaliskuuta 2019

Ohjelmmoinnin logiikka

Tänään harjoilleen pelien avulla ohjelmoinnin logiikkaa.

1. Lighbot

2. CodeCombat

sunnuntai 17. helmikuuta 2019

Tyylitiedosto

Viime kerralla teit ensimmäisen verkkosivusi. Tee tänään sivuusi toinen "välilehti" ja linkitä ne toisiinsä ja harjoitellaan myös muotoilujen tekemistä sivuusi.

Tyylitiedoston lisääminen:

Lisää <head> elementin sisään seuraava teksti:

<link href="tyyli.css" rel="StyleSheet" type="text/css" media="all" />

Kattava ohje: https://www.w3schools.com/css/default.asp (eng)

Suomeksi (tällä pääsee alkuun): https://www.matikki.fi/html/css.html

sunnuntai 10. helmikuuta 2019

HTML

Tässä on perus HTML-sivu:

<!DOCTYPE html>
<html>
<head>
<title>Minä olen tämän HTML-tuotoksen/projektin otsikko</title>
</head>

<body>
<h1>Minä olen sivulla näkyvä otsikko.</h1>
<p>Ja minä olen sivun tekstiä</p>
</body>
</html>

__

Näillä ohjeilla pääsee alkuun: https://kodarit.fi/html-opas/
Kattava ohje: https://www.w3schools.com/html/ (eng)