Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Rola tabel w kodzie HTML Informatyka.

Podobne prezentacje


Prezentacja na temat: "Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Rola tabel w kodzie HTML Informatyka."— Zapis prezentacji:

1 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Rola tabel w kodzie HTML Informatyka

2 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Cele lekcji Podczas tej lekcji nauczysz się: –tworzyć tabele w kodzie HTML; –określać wielkość tabeli oraz kolory poszczególnych elementów tabeli; –łączyć komórki w tabeli; –zagnieżdżać tabele; –rozmieszczać obiekty na stronie za pomocą tabel.

3 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Przegląd zagadnień Podstawowa konstrukcja tabeli w kodzie HTML. Rozmiar i położenie tabeli na stronie. Tabelkowe malowanki. Operacje na komórkach oraz zagnieżdżanie tabel. Tabele a rozmieszczanie elementów na stronie.

4 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Podstawowa konstrukcja tabeli w kodzie HTML Tabele służą do prezentacji danych, często wykorzystywane są w tym celu w edytorach tekstowych. W przypadku stron WWW tabele pełnią identyczną rolę. Czasami tabele służą też do rozmieszczania elementów na stronie (wtedy ich krawędzie są specjalnie ukrywane). Zanim zaczniemy używać tabel w taki sposób, poznamy podstawowe znaczniki pozwalające na utworzenie tabeli w kodzie HTML.

5 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Rozmiar i położenie tabeli na stronie Szerokość i wysokość tabeli; Położenie tabeli na stronie; Położenie danych w tabeli; Odstępy między komórkami.

6 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Szerokość i wysokość tabeli

7 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Położenie tabeli na stronie

8 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Położenie danych w tabeli

9 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Odstępy między komórkami

10 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Atrybuty tabeli i komórki ułatwiające rozmieszczanie elementów widthszerokość tabeli lub komórki heigtwysokość tabeli lub komórki alignpołożenie w poziomie tabeli lub danych w komórce valignpołożenie w pionie danych w komórce. cellpaddingodstęp od krawędzi komórki cellspacingodstęp między komórkami

11 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tabelkowe malowanki

12 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tabelkowe malowanki

13 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Kolory obramowania komórek Kolor jasnej i ciemnej strony obramowania można określić dowolnie. Oznacza to, ze nazwa jasne część obramowania jest umowna, a obramowanie w rzeczywistości może być ciemne.

14 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Operacje na komórkach oraz zagnieżdżanie tabel Nagłówek wiersza i kolumny. Łączenie komórek. Tytuł tabeli. Zagnieżdżanie tabel. Atrybutu thead i tfoot.

15 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Nagłówek wiersza i kolumny

16 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Łączenie komórek

17 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tytuł tabeli

18 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Zagnieżdżanie tabel

19 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Atrybutu thead i tfoot

20 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tabele a rozmieszczanie elementów na stronie Przypadek 1: –Utworzono stronę na której zamieszczono obok siebie trzy zdjęcia. Przypadek 2: –Utworzono stronę, dodano tabelę z trzema kolumnami, do poszczególnych komórek wstawiono zdjęcia. Użytkownik testuje oba przykłady w przeglądarce. –Czego należy się spodziewać podczas zmniejszania rozmiaru okna przeglądarki?

21 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tabele a rozmieszczanie elementów na stronie Ile wierszy i kolumn powinna mieć tabela, aby można było swobodnie określać rozmieszczenie elementów przedstawionych na rysunku.

22 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Podsumowanie Podstawowa konstrukcja tabeli w kodzie HTML. Rozmiar i położenie tabeli na stronie. Tabelkowe malowanki. Operacje na komórkach oraz zagnieżdżanie tabel. Tabele a rozmieszczanie elementów na stronie.


Pobierz ppt "Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Rola tabel w kodzie HTML Informatyka."

Podobne prezentacje


Reklamy Google