Kontakt | Tworzenie stron... 

Język HTML - Podstawy

W trakcie początkowych kilku zajęć będziemy tworzyć prostę strony www. Przyjmijmy, że ich motywem przewodnim będzie Kubiś Puchatek, proszę na początku zajęć pozbierać z internetu materiały dotyczące Kubusia i jego przyjaciół - w tym rysunki.


Aktualnie w sieci dostępnych jest bardzo wiele kursów tworzenia stron WWW. Ponieważ przepisywanie ich teorii i przykładów jest zbędną stratą czasu, a w efekcie powstanie materiał podobny do już istniejącego w trakcie zajęć będziemy bazować na następujących kursach:

Zadanie 1

(3 pkt.) Korzystając z notatnika utwórz prostą stronę internetową. Strona musi zawierać sekcję: head i body. W ramach sekcji body umieść napis: Witamy w Poznaniu!

Zadanie 2

(10 pkt.) Przygotuj stronę informacyjną o Kubusiu Puchatku (wykorzystaj pobrane wcześniej materiały). Strona powinna jako tło mięć ustawiony kolor tła: żółty, zawierać pogrubiony (bądź migający) napis: Kubuś Puchatek, poniżej obrazek z misiem, a pod obrazkiem dowolny tekst.

Zadanie można wykonać korzystając z edytora kED

Zadanie 3

(24 pkt.)

Pobierz plik schemat.txt zawierający schemat prostej strony internetowej. Po zapisaniu go na lokalnym dysku wykonaj następujące polecenia (można również posłużyć się edytrem kED):

  • zmień nazwę pliku, oraz rozszerzenie na : plik1.html, 
  • uzupełnij opisy w elementach meta, które występują w nagłówku strony 
  • ustaw tło strony na kolor: #FFFF66 (jasno żółty),
  • w treści strony wstaw:
    • na środku strony wewnątrz znaczników h1 napis: Mądrości Kubusia Puchatka
    • poniżej kolejne akapity pisane czcionką od najmniejszej (font  size="1") do coraz większej stosując różne tryby formatowania paragrafów
    • strona ma mieć następująca postać: MadrosciKubusia.doc
Po wykonaniu zadań wyświetl stronę w przeglądarkach: 
  • Internet Explorere
  • Mozilla FireFox
  • innej dostępnej na komputerze (np. Opera, Safari, Google Chrome)

Wskazówka 1: Aby zastosować poszczególne mechanizmy formatowania będziemy posługiwać się następującymi definicjami znaczników:
Wskazówka 2: Aby wyświetlić stronę w przeglądarce, w której dana strona nie otworzyła się domyślenie, należy uruchomić przeglądarkę (odnajdując skrót do niej w menu Programy), 

Rozwiązania zadań

Rozwiązania zadań prezentujemy w trakcie zajęć.