Ostatnio i w domu i na zajęciach programowałam w HTML-u, języku do programowania stron interenetowych, który co prawda nie jest już używany do tworzenia witryn, ale jest podstawą CMS-ów.
Kod takiej strony składa się z 2 elementów oddzielonych znacznikami typu <head> czy <body>.
Oto schemat prostego kodu HTML.
<!DOCTYPE html>
<head>
<title> Przykład </title>
</head>
<body>
Przykład
</body>
</html>
Uwaga! kiedyś kod zaczynany był znacznikiem <html>, ale dziś używany jest <!DOCTYPE html>.
Wszystkie znaczniki łączy jedno. Zawsze słowa je tworzące są zamknięte w znaki większości/mniejszości.
Znacznik <html> (dawniej) oznacza rozpoczęcie dokumentu HTML, a znacznik </html> kończy go. Wszystko, co znajdzie się pomiędzy tymi dwoma znacznikami jest uznawane za kod. Innym prostym znacznikiem jest <head>. Jeśli do tego znacznika dopiszemy ukośnik przed ,,head" otrzymamy znacznik zamykający dany element kodu. Działa to w przypadku wszystkich innych np: <body> lub <title>.
Pisząć dokument HTML należy zwrócić uwagę na to, że zwykła spacja nie zadziała po uruchomieniu pliku za pomocą przeglądarki. Należy wtedy użyć znacznika <br>. Jest on jednym z niewielu, które nie mają swojego odpowiednika z ukośnikiem. Jest on po prostu spacją na witrynie. Jeśli chcemy otrzymać większy odstęp, to używamy znacznika <p>. Działa on pojedyńczo, ale można go użyć również tak:
<p Przykład>
Tekst zamknięty w tym znaczniku będzie jednym akapitem.
Taki post na początek ,,kursu" z HTML-a na blogu :)).
wtorek, 17 stycznia 2017
wtorek, 10 stycznia 2017
Trochę przygotowań
Jako, że niedługo drugi etap minilogii na zajeciach informatycznych ćwiczyłam na zadaniach konkursowych. Był to motyw, wachlarz i wycinanka (wachlarza nie skończyłam).
Motyw:
Wycinanka (ta procedura zawierała parametr. Wywołanie na rysunku jest wywołaniem dla wartości parametru :ile 7)
A wachlarza nie ma :).
Te trzy zadanie (bo wachlarz był zrobiony, ale nie do końca) udało mi się zrobić w mniej niż 2 godziny, a że konkurs trwa właśnie 2 godziny mogę być spokojniejsza.
Motyw:
A wachlarza nie ma :).
Te trzy zadanie (bo wachlarz był zrobiony, ale nie do końca) udało mi się zrobić w mniej niż 2 godziny, a że konkurs trwa właśnie 2 godziny mogę być spokojniejsza.
wtorek, 3 stycznia 2017
Od dziś rekurencja
Rekurencja, to inaczej wywoływanie procedury w procedurze. W logomocji przedstawia się to tak, że procedura wywołuje samą siebie tworząc rekurencję. Podstawowymi przykładami rekurencji są drzewa. Takie jak to:
drzewo 100 4
albo to
hibernakus 100 5 ( z elementami losowości)
No albo to
tunel 200 (wiem, że tej rekurencji nie widać, ale jest :] )
drzewo 100 4
hibernakus 100 5 ( z elementami losowości)
No albo to
tunel 200 (wiem, że tej rekurencji nie widać, ale jest :] )
Kwiatek, kwaitek.kwaitek...
Dziś na zajęciach informatycznych udało mi się zaprogramować kwiatek (procedura wyszła kwaietek, ale nie ważne). Składa się on z sześciokątnego środka i sześciu ramion złożonych z losowej liczby elementów.
Zaczęłam programowanie od zielonego sześciokąta
oto sześciokąt
ukp "czerwony
pod ws 56 lw 60 opu
ukm "zielony3
wielokąt[powtórz 6[np 56 pw 60]]
pod pw 60 np 56 opu
już
Ma on czerwoną obwódkę nie czarna (to nie pomyłka).
Potem dodałam procedury pomocnicze rysujące te mniejsze sześciokąty wypełniające środek.
oto sześciokątm
ukp "czarny
ukm "zielony6
wielokąt [powtórz 6 [np (56/3) pw 60]]
już
oto sześciokątm2
ukp "czarny
ukm "żółty8
wielokąt [powtórz 7 [np (56/3) pw 60]]
już
Jeden jest jaśniejszy od drugiego. Wskazują na to liczby przy kolorach (mogą mieć one wartość od 1 do 12). Im wieksza wartość liczby, tym jaśniejszy jest kolor.
Aby narysować ramię kwiatka zaczęłam od trójkąta.
oto sześciokątm2
ukp "czarny
ukm "żółty8
wielokąt [powtórz 7 [np (56/3) pw 60]]
już
Zmienna "bok oznacza długość boku, który potem będzie się zmniejszał.
Następnie przy rysowaniu pełnego ramienia (co było dość trudne) wykorzystałam długość boku sześciokąta na środku, czyli 56, aby pozmniejszać trójkąty przy powtarzaniu.
oto ramię
niech "bok 56
niech "n 1+losowa 8
powtórz :n[trójkąt :bok pw 60 np :bok pw 120 np (:bok-7)/2 lw 180 niech "bok :bok-7]
pod
powtórz :n [np (56-(7*(:n-(npw-1))))/2 lw 120 np (56-(7*(:n-(npw)))) pw 120]
już
W piątej linijce pierwsze obliczenia dotyczą cofnięcia w miejscu, gdzie trójkąty się stykają. Drugie działanie, to już cofnięcie po pełnej ściance trójkąta. Oba te działanie, to cofnięcia ze ,,szczytu" ramienia.
czerwony- pierwsze obliczenie
niebieski- drugie obliczenia
Procedura końcowa była chyba najłatwiejszą częścią pracy.
oto kwiatek
środek pod pw 120 np 56 lw 120
powtórz 6[ ramię np 56 lw 60]
już
Zaczęłam programowanie od zielonego sześciokąta
oto sześciokąt
ukp "czerwony
pod ws 56 lw 60 opu
ukm "zielony3
wielokąt[powtórz 6[np 56 pw 60]]
pod pw 60 np 56 opu
już
Ma on czerwoną obwódkę nie czarna (to nie pomyłka).
Potem dodałam procedury pomocnicze rysujące te mniejsze sześciokąty wypełniające środek.
oto sześciokątm
ukp "czarny
ukm "zielony6
wielokąt [powtórz 6 [np (56/3) pw 60]]
już
oto sześciokątm2
ukp "czarny
ukm "żółty8
wielokąt [powtórz 7 [np (56/3) pw 60]]
już
Jeden jest jaśniejszy od drugiego. Wskazują na to liczby przy kolorach (mogą mieć one wartość od 1 do 12). Im wieksza wartość liczby, tym jaśniejszy jest kolor.
Aby narysować ramię kwiatka zaczęłam od trójkąta.
oto sześciokątm2
ukp "czarny
ukm "żółty8
wielokąt [powtórz 7 [np (56/3) pw 60]]
już
Zmienna "bok oznacza długość boku, który potem będzie się zmniejszał.
Następnie przy rysowaniu pełnego ramienia (co było dość trudne) wykorzystałam długość boku sześciokąta na środku, czyli 56, aby pozmniejszać trójkąty przy powtarzaniu.
oto ramię
niech "bok 56
niech "n 1+losowa 8
powtórz :n[trójkąt :bok pw 60 np :bok pw 120 np (:bok-7)/2 lw 180 niech "bok :bok-7]
pod
powtórz :n [np (56-(7*(:n-(npw-1))))/2 lw 120 np (56-(7*(:n-(npw)))) pw 120]
już
W piątej linijce pierwsze obliczenia dotyczą cofnięcia w miejscu, gdzie trójkąty się stykają. Drugie działanie, to już cofnięcie po pełnej ściance trójkąta. Oba te działanie, to cofnięcia ze ,,szczytu" ramienia.
czerwony- pierwsze obliczenie
niebieski- drugie obliczenia
Procedura końcowa była chyba najłatwiejszą częścią pracy.
oto kwiatek
środek pod pw 120 np 56 lw 120
powtórz 6[ ramię np 56 lw 60]
już
Subskrybuj:
Posty (Atom)