piątek, 17 lutego 2017
poniedziałek, 2 stycznia 2017
poniedziałek, 19 grudnia 2016
piątek, 2 grudnia 2016
Znaczniki - przykłady
dane zawarte w
==================== ZNACZNIK OZNACZA LINK ======================
<a href="index.html">strona główna</a>
<!-- Treść komentarza -->są niewidoczne na stronie internetowej - czyli są ignorowane przez przeglądarki.
==================== ZNACZNIK OZNACZA LINK ======================
<a href="index.html">strona główna</a>
<a href="#">Moja szkoła</a>
---------------PISANIE TE-------------------
<h1>największy napis</h1> do <h6>najmniejszy napis</h6>
< ! --
< ! --
Czcionka o rozmiarze 1 (w Internet Explorerze 10 pikseli)
Czcionka o rozmiarze 2 (12 pikseli)
Czcionka o rozmiarze 3 - domyślna (16 pikseli)
Czcionka o rozmiarze 4 (18 pikseli)
Czcionka o rozmiarze 5 (24 piksele)
Czcionka o rozmiarze 6 (32 piksele)
Czcionka o rozmiarze 7 (48 pikseli) -- >
Czcionka o rozmiarze 2 (12 pikseli)
Czcionka o rozmiarze 3 - domyślna (16 pikseli)
Czcionka o rozmiarze 4 (18 pikseli)
Czcionka o rozmiarze 5 (24 piksele)
Czcionka o rozmiarze 6 (32 piksele)
Czcionka o rozmiarze 7 (48 pikseli) -- >
<FONT FACE="verdana"
SIZE="4" COLOR="red">przykładowy napis</FONT>
<b>tekst pogrubiony</b>
<i>tekst pochylony</i>
<br> od nowej
linijki
<hr> linia oddzielająca pozioma
<hr
size="5" color="#00000FF">
------------------------------------------------------------
------------------------------------------------------------
<body
bgcolor="yellow" text="black">
--------------------- znaczniki do obrazka ------------------------------------------
<img src="images/foto.jpg"
alt="fotografia" title="fotografia">
<img src="images/tulipan.jpg" width="400" height="300" alt="fotografia" title="tulipan wiekszy"/>
<img src="images/tulipan.jpg" width="400" height="300" alt="fotografia" title="tulipan wiekszy"/>
-----------------------ZNACZNIK EMAIL------------
<a
href="mailto:monkownia@hotmail.com"><br>
<img src="poczta.png"/></a><br>
--------------------- TABELA ----------------------------------------
<table>
<caption>Plan
lekcji klasy 2abc</caption>
<tbody>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tr>
</tbody>
</table>
<!-- TABELA POSIADA NAZWĘ, ALE NIE SĄ WIDZIANE JEJ KRAWĘDZIE -->
--------------------------- ATRYBUTY TABELI --------------------------------------
<td bgcolor="#ffcc66"> koło
teatralne</td> <!-- ta linijka spowoduje, że kolor tła okna zmieni się na pomarańczowy. -->
<table height="257"
cellspacing="1" width="600" border="1"> <!-- table dodaje nam linię o grubości 1-border -->
========================================================
<body>
<ul>
<li><a href="o_mnie.html">o
mnie</a></li>
<li><a
href="#">Moja szkoła</a></li>
<ul>
<li><a href="moja_klasa.html">Moja
klasa</></li>
<li><a href="plan_lekcji.html">Plan
lekcji</></li>
</ul>
</li>
<li><a href="moje_hobby.html">Moje
hobby</a></li>
<li><a
href="kontakt.html">Kontakt</a></li>
</body>
Szablon do skopiowania do notatnika. Zapisz go pod nazwą index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset="iso-8859-2" />
<meta name="Description" content="Opis Twojej strony
dla wyszukiwarek" />
<meta name="Keywords" content="Tu słowa kluczowe
rozdzielone przecinkami dla wyszukiwarek" />
<title>tytuł strony dla wyszukiwarek</title>
</head>
<body>
<ul>
<li><a href="index.html">strona główna</a></li>
<li><a href="o_mnie.html">o mnie</a></li>
<li><a href="#">Moja szkoła</a></li>
<ul>
<li><a href="moja_klasa.html">Moja klasa</></li>
<li><a href="plan_lekcji.html">Plan lekcji</></li>
</ul>
</li>
<li><a href="moje_hobby.html">Moje hobby</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</></li>
</body>
</html>
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset="iso-8859-2" />
<meta name="Description" content="Opis Twojej strony
dla wyszukiwarek" />
<meta name="Keywords" content="Tu słowa kluczowe
rozdzielone przecinkami dla wyszukiwarek" />
<title>tytuł strony dla wyszukiwarek</title>
</head>
<body>
<ul>
<li><a href="index.html">strona główna</a></li>
<li><a href="o_mnie.html">o mnie</a></li>
<li><a href="#">Moja szkoła</a></li>
<ul>
<li><a href="moja_klasa.html">Moja klasa</></li>
<li><a href="plan_lekcji.html">Plan lekcji</></li>
</ul>
</li>
<li><a href="moje_hobby.html">Moje hobby</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</></li>
</body>
</html>
<!-- Treść komentarza -->
<!-- jeżeli usuniemy zawartość z body, będziemy mieli gotowe pozostałe pliki - MOJA KLASA i inne-->
środa, 26 października 2016
piątek, 21 października 2016
Praca - wirusy
Utwórz w MS WORD i uzupełnij tabelę, wyjaśniając w kilku zdaniach pojęcia. Wklej hiperłącza w odpowiednie pola, jako źródło twojej wiedzy. Uzupełnioną tabelę zapisz pod nazwą: zlosliwy_soft. Wyślij pracę na adres mailowy: monkownia@hotmail.com. W temacie wpisz: klasa_wirusy_imię i kawałek nazwiska. (np. 2a_wirus_darek.sa).
czwartek, 29 września 2016
Film z serri: Jak to działa?
link do filmu - LODÓWKA
link do filmu - MAGNESY
link do filmu - ODNAWIALNE ŹRÓDŁA ENERGII
link do filmu - KOMPUTER
link do filmu - DRUKARKI 3D
link do filmu - SEGREGACJA ODPADÓW
link do filmu - LASER
link do filmu - ELEKTROWNIA JĄDROWA
link do filmu - GRY KOMPUTEROWE
link do filmu - SILNIK
link do filmu - INTERNET
link do filmu - ŻARÓWKA
link do filmu - RADIO
link do filmu - NOŚNIKI PAMIĘCI
link do filmu - AKUMULATORY
link do filmu - TELEFON KOMÓRKOWY
link do filmu - PRĄD ELEKTRYCZNY
link do filmu - APARAT i KAMERA
link do film - KUCHENKA MIKROFALOWA
link do film - GPS i NAWIGACJA
link do filmu - MAGNESY
link do filmu - ODNAWIALNE ŹRÓDŁA ENERGII
link do filmu - KOMPUTER
link do filmu - DRUKARKI 3D
link do filmu - SEGREGACJA ODPADÓW
link do filmu - LASER
link do filmu - ELEKTROWNIA JĄDROWA
link do filmu - GRY KOMPUTEROWE
link do filmu - SILNIK
link do filmu - INTERNET
link do filmu - ŻARÓWKA
link do filmu - RADIO
link do filmu - NOŚNIKI PAMIĘCI
link do filmu - AKUMULATORY
link do filmu - TELEFON KOMÓRKOWY
link do filmu - PRĄD ELEKTRYCZNY
link do filmu - APARAT i KAMERA
link do film - KUCHENKA MIKROFALOWA
link do film - GPS i NAWIGACJA
wtorek, 17 maja 2016
wtorek, 10 maja 2016
Gimpowanie
2. pobierz i zapisz w swoim folderze poniższe fotki.
| pobierz: Scarlett |
| pobierz: Scarlett 2 |
| pobierz: Cera |
- zmień subtelnie kolor oczu, ale wyraźnie. (pracuj na warstwach)
- dodaj do rysunku napis: Scarlett Johansson lub Zdrowa Cera w jaskrawym kolorze
- zapisz plik pod nazwą twarz1.xcf i wyeksportuj plik i zapisz twarz1.jpg
- zapisujemy w utworzonym na początku folderze.
![]() |
| TO JEST PRZYKŁAD PRACY NR 1 |
| pobierz obrazek |
- odwróć obrazek
- dodaj do niego 3 przeskalowane zdjęcia, jak na przykładzie (szerokość 500 px)
- usuń reklamę strony z obrazka (nad głową dziewczynki). (narzędzie - stempel)
- zapisz w utworzonym folderze, jako lewy1.xcf i wyeksportuj z nazwą lewy1.jpg
![]() |
| TO JEST PRZYKŁAD PRACY NR 2 |
Subskrybuj:
Posty (Atom)














