Zadania egzaminacyjne.

Odpowiedz na pytania.

Zestaw 1.

Zestaw 2.

Tworzymy stronę w programie Dreamweaver.

W oparciu o szablon HTML5: 3 kolumny, stała szerokość, nagłówek i stopka, utwórz serwis www złożony z 4 podstron.

  1. Pierwsze łącze- język XHTML
  2. Drugie łącze- edytory stron WYSIWYG
  3. Trzecie łącze-przetwarzanie sygnału. (Przetwarzanie sygnału analogowego na cyfrowy: kwantyzacja, próbkowanie, kompresja, parametry kompresji, kontener multimedialny, koder, zapis wideo progresywny i z przeplotem, parametry decydujące o jakości cyfrowego pliku)
  4. Czwarte łącze- kompresja plików

Każda podstrona powinna zawierać obrazk lub film.

 

Rozmiary i kolory

Wykonaj serwis www Drukarki 3D złożony z 3 podstron: budowa, programy przygotowujące pliki do druku, filamenty.

Dołącz zewnętrzny arkusz stylów określający:

  1. rozmiar czcionki: body- 12 px, nagłówek-2 em, stopka-0.8 em, kolor czcionki ciemnoniebieski, wysokość lini- 1.2
  2. rozmiary: szerokość strony 90%, szerokość zawartości (main) -80%, szerokość navigacji 80% wysokość 150px, szerokość headeara i stopki 80%, wysokość sopki 100 px
  3. padding 3px, margin 4px
  4. kolory cała strona jasny szary, header i main -czerwony 0.2 (rgba), nawigacja i stopka- zielony 0.2 (rgba)

Lekcja 10- struktura strony

Znaczniki :
,
,
,
,
,
,
,

Lekcja11- pozycjonowanie.

Typy pozycjonowania. Pozycjonowanie relatywne, absolutne. Elementy zakotwiczone.

Wykonaj pozycjonowanie za pomocą stylów css strony z lekcji 3. ( znaczniki <header>, <nav>, <img>, <article>, <footer> (nav position fixed, article float right, img float left)

Lekcja 9

Utwórz stronę www o monitorach komputerowych spełniającą wymagania:

 

Zawierającą

  1. przynajmniej jedno hiperłącze
  2. przynajmniej jedną kotwicę
  3. nagłówki
  4. listę
  5. fim
  6. obrazek
  7. obrazek mapę odnośników
  8. komentarze w kodzie do elementów 1-8

Wszystkie elementy strony powinny być wyśrodkowane. Szerokość obrazków 400 pikseli.

 

Lekcja 5. Odnośniki

Utwórz stronę opisującą rodzaje licencji oprogramowania komputerowego

Strona musi zawierać przynajmniej 5 odnośników oraz oraz zewnętrzny plik css.

Lekcja 4. Wstęp do CSS

Zadanie 1 (zmiana css w widoku kodu)

W programie Dreamweaver utwórz nowy dokument html, dwie kolumny o stałej szerokości z lewym paskiem bocznym, z arkuszem stylów w nowym pliku.Używając dołączenego arkusza css:

  • Zmień szerokość lewej kolumny na 400 pikseli, po prawej 750 pikseki.
  • Zmień kolor tekstu
  • Ustal rozmiar i kolor i czcionki dla nagłówków
  • Sformatuj hiperłącza(bez podkreślenia, kursywa, pomarańczowa, po najeżdzie myszą podkreślona)

Zadanie 2. (tworzenie arkusza stylów)

  • W programie Dreamweaver utwórz nowy dokument html zawierający 3 akapity tekstu, listę i 3 nagłówki.
  • Za pomocą dołączonego arkusza styłów sformatuj elementy strony.

 

Lekcja 3. Tworzymy prostą stronę www

Utwórz serwis złożony z 3 podstron według projektu.zadanie strony

  • 1
  • 2