Skip to content

Commit

Permalink
Poprawki numeracji w ćwiczeniu HTML&CSS1
Browse files Browse the repository at this point in the history
  • Loading branch information
xinulsw committed Dec 7, 2016
1 parent a907017 commit 56633b2
Showing 1 changed file with 35 additions and 35 deletions.
70 changes: 35 additions & 35 deletions docs/web/html_css_js/html_css1.rst
Original file line number Diff line number Diff line change
Expand Up @@ -18,35 +18,35 @@ HTML&CSS – ćwiczenie 1
- :file:`norwid.jpg` – obrazek potrzebny tylko w części rozszerzonej.

**Uwaga**: Treść i obrazki, które masz umieścić w dokumencie ``index.html``,
skopiuj ze strony `Romantyzm <http://https://pl.wikipedia.org/wiki/Romantyzm>`_ Wikipedii.
skopiuj ze strony `Romantyzm <https://pl.wikipedia.org/wiki/Romantyzm>`_ Wikipedii.

Część podstawowa
****************

W pliku ``index.html`` dokonaj następujących zmian:

- wstaw taki sam tytuł strony i nagłówek pierwszego stopnia
- wstaw dwa odnośniki w menu
- wstaw dwa akapity, a w każdym wstaw obrazki
- wstaw akapit z tekstem "Źródło" i odnośnikiem do Wikipedii
- wstaw poziomą linię
- wstaw nagłówek stopnia drugiego
- wstaw listę wypunktowaną
- na końcu listy umieść odnośnik do konkretnej strony w Internecie
- w stopce wstaw znacznik trzeciego poziomu
- wstaw listę wypunktowaną zawierającą dwa odnośniki do stron w Internecie
- dołącz do dokumentu arkusz stylów CSS o nazwie :file:`style.css`
- w pliku :file:`style.css` umieść:

- definicję ustawiającą marginesy zewnętrzne strony (poza marginesem górnym) na 20px
- definicję powiększającą czcionkę nagłówka stopnia pierwszego do 26px
- definicje zmieniające kolor tła (wybierz) i wewnętrzne marginesy elementu ``<section>`` na 20px
- definicje zmieniające kolor tła (wybierz), kolor czcionki (wybierz) i wewnętrzne marginesy elementu ``footer`` na 20px
- klasę ``.obrazek`` definiującą szerokość (250px), obramowanie (2px solid grey) i marginesy zewnętrzne obrazków (10px)
- klasy ``.nalewo``, ``.naprawo`` pozwalające wyrównywać elementy do lewej i prawej strony
- klasę ``.źródlo`` podkreślającą tekst, pochylającą czcionkę i wyrównującą tekst akapitu "Źródło" do prawej strony

- przypisz odpowiednim elementom zdefiniowane klasy CSS
W pliku ``index.html`` dokonaj wymienionych zmian:

#. Wstaw taki sam tytuł strony i nagłówek pierwszego stopnia.
#. Wstaw dwa odnośniki w menu.
#. Wstaw dwa akapity, a w każdym wstaw obrazki.
#. Wstaw akapit z tekstem "Źródło" i odnośnikiem do Wikipedii.
#. Wstaw poziomą linię.
#. Wstaw nagłówek stopnia drugiego.
#. Wstaw listę wypunktowaną.
#. Na końcu listy umieść odnośnik do konkretnej strony w Internecie.
#. W stopce wstaw znacznik trzeciego poziomu.
#. Wstaw listę wypunktowaną zawierającą dwa odnośniki do stron w Internecie.
#. Dołącz do dokumentu arkusz stylów CSS o nazwie :file:`style.css`.
#. W pliku :file:`style.css` umieść:

a) definicję ustawiającą marginesy zewnętrzne strony (poza marginesem górnym) na 20px
b) definicję powiększającą czcionkę nagłówka stopnia pierwszego do 26px
#) definicje zmieniające kolor tła (wybierz) i wewnętrzne marginesy elementu ``<section>`` na 20px
#) definicje zmieniające kolor tła (wybierz), kolor czcionki (wybierz) i wewnętrzne marginesy elementu ``footer`` na 20px
#) klasę ``.obrazek`` definiującą szerokość (250px), obramowanie (2px solid grey) i marginesy zewnętrzne obrazków (10px)
#) klasy ``.nalewo``, ``.naprawo`` pozwalające wyrównywać elementy do lewej i prawej strony
#) klasę ``.źródlo`` podkreślającą tekst, pochylającą czcionkę i wyrównującą tekst akapitu "Źródło" do prawej strony

#. Przypisz odpowiednim elementom zdefiniowane klasy CSS.

Po wykonaniu ćwiczenia lub upłynięciu przeznaczonego na nie czasu utwórz archiwum w formacie *zip* zawierające katalog :file:`html_css_cw1`, zmień jego nazwę wg schematu: ``kl1ag1_nazwisko_imie_html1.zip`` i wgraj na wskazany serwer.

Expand All @@ -63,19 +63,19 @@ W pliku :file:`norwid.html` należy przygotować stronę HTML, która wygląda p

**Uwaga**: Treści zawarte w pliku ``norwid.html`` pobierz z odpowiedniej strony Wikipedii.

- zapisz plik :file:`index.html` pod nazwą ``norwid.html``;
- upewnij się, że działają odnośniki w menu;
1. Zapisz plik :file:`index.html` pod nazwą ``norwid.html``.
#. Upewnij się, że działają odnośniki w menu.

W pliki :file:`norwid.html` dokonaj następujących zmian:

- zmień tytuł dokumentu i zawartość nagłówka strony;
- z elementu ``<section>`` usuń wszystko poza nagłówkiem;
- wstaw 2-komórkową tabelę, szerokość lewej komórki ustaw 10%;
- w lewej komórce umieść obrazek, w prawej akapity z tekstem oraz akapit "Źródło";
- zmień treść i url odnośnika na dole strony;
- za pomocą stylów CSS ustaw prawy zewnętrzny margines tabeli na 100px;
- utwórz klasę CSS ``.tdright``, która definiuje 5% wewnętrzne marginesy oraz prawe obramowanie (2px solid grey);
- zastosuj utworzoną klasę.
#. Zmień tytuł dokumentu i zawartość nagłówka strony.
#. Z elementu ``<section>`` usuń wszystko poza nagłówkiem.
#. Wstaw 2-komórkową tabelę, szerokość lewej komórki ustaw 10%.
#. W lewej komórce umieść obrazek, w prawej akapity z tekstem oraz akapit "Źródło".
#. Zmień treść i url odnośnika na dole strony.
#. Za pomocą stylów CSS ustaw prawy zewnętrzny margines tabeli na 100px.
#. Utwórz klasę CSS ``.tdright``, która definiuje 5% wewnętrzne marginesy oraz prawe obramowanie (2px solid grey).
#. Zastosuj utworzoną klasę.

Po wykonaniu ćwiczenia lub upłynięciu przeznaczonego na nie czasu utwórz archiwum w formacie *zip* zawierające katalog :file:`html_css_cw1`, zmień jego nazwę wg schematu: ``kl1ag1_nazwisko_imie_html1_roz.zip`` i wgraj na wskazany serwer.

Expand Down

0 comments on commit 56633b2

Please sign in to comment.