Zajęcia nr 4_cz1
Transkrypt
Zajęcia nr 4_cz1
Zajęcia nr 1 Strony internetowe - HTML Wprowadzenie. W swoim folderze utwórz folder o nazwie HTML, wszystkie dzisiejsze zadania wykonuj w tym folderze. Przechodzimy do zadań na dziś: Miłej zabawy i POWODZENIA!! WPROWADZENIE. PUSTY PLIK Zadanie 1. Stwórz pustą stroną internetową: Sposób 1: 1. Przepisz bądź skopiuj poniższego kod. 2. Zapisz plik pod nazwą pusty1.html. 3. Otwórz plik przez podwójne kliknięcie na jego ikonkę. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> </body> </html> Sposób 2: 1. 2. 3. 4. Otwórz nowy pusty plik w programie NotH Wciśnij kombinacje klawiszy Ctr+B a następnie 1 – wstawi się tekst stony Zapisz plik pod nazwą pusty2.html. Otwórz plik przez podwójne kliknięcie na jego ikonkę. Zadanie 2. 1. 2. 3. 4. Stwórz stronę na której będzie napis: TO MOJA PIERWSZA STRONA Otwórz nowy pusty plik w programie NotH Wciśnij kombinacje klawiszy Ctr+B a następnie 1 Między znacznikami <body> </body> napisz: TO MOJA PIERWSZA STRONA Zmieńmy jeszcze nazwę naszej strony: Między znacznikami <title> </ title > napisz: PIERWSZA STRONA 5. Zapisz plik pod nazwą pierwsza.html. 6. Otwórz plik przez podwójne kliknięcie na jego ikonkę. To właśnie to polecenie decyduje co w danej chwili widzimy w przeglądarce. Między znacznikami <BODY> </BODY> znajduje się właściwa treść dokumentu. POZNAJMY KILKA NOWYCH POLECEŃ Zadanie 3: Tło strony Sposób 1: Dodanie jednolitego tła: 1. Stwórz pusty plik 2. Dopisując w znacznikach <body> odpowiedni tekst dodaj zielone tło do strony. Zapisz plik jako zielona.html <Body bgcolor="kolor"> Paramert bgcolor pozwala określić jednolity kolor tła strony, który pokazuje się w tle dokumentu w przeglądarce. biakolor czerwony red kolor żółty yellow kolor zielony green kolor filetowy purple kolor brązowy Brown kolor niebieski blue kolor czarny black Sposób 2: Dodanie deseniu za tło: 3. Stwórz folder o nazwie TLA 4. Stwórz pusty plik 5. Ściągnij ze stonki plik o nazwie desen.jpg i zapisz go w folderze TLA 6. Dopisując w znacznikach <body> odpowiedni tekst dodaj tło do strony. Zapisz stronę jako tlo.html <Body background="ścieżka dostępu do pliku\nazwa_pliku.gif(jpg,bmp...)> Parametr background pozwala wstawić obrazek, który pokazuje się w tle dokumentu w przeglądarce. Zadanie 4: Kolor czcionki 1. Stwórz pusty plik 2. Między znacznikami <body> </body> napisz: KOLOROWA CZCIONKA 3. Dopisując w znacznikach <body> poniższy tekst zmień kolor czcionki. <Body text="kolor"> Paramert bgcolor pozwala określić jednolity kolor tła strony, który pokazuje się w tle dokumentu w przeglądarce. 4. Zapisz plik pod nazwą czcionka.html Zadanie 5: Dłuższy tekst z akapitami 1. Stwórz pusty plik 2. Przepisz poniższy tekst: Siała baba mak, nie wiedziała jak a dziad wiedział nie powiedział a to było tak. Siała baba mak, nie wiedziała jak a dziad wiedział nie powiedział a to było tak. Siała baba mak, nie wiedziała jak a dziad wiedział nie powiedział a to było tak. Siała baba mak, nie wiedziała jak a dziad wiedział nie powiedział a to było tak. Siała baba mak, nie wiedziała jak a dziad wiedział nie powiedział a to było tak. 3. zapisz plik jako baba.html 4. Otwórz plik przez przeglądarkę. 5. Zauważ że twój tekst jest napisany bez żadnego ENTERa, mimo iż każde zdanie było oddzielone ENTERem! 6. W HTML przycisk ENTER służy do odróżniania kolejnych elementów w kodzie a nie w tekście strony. 7. Aby w tekście „dodać” ENTER należy w tym miejscu wpisać <br />, popraw swój tekst i sprawdź czy teraz jest zapisany poprawnie