Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Robert Banasiak Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2013/2014, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW.

Podobne prezentacje


Prezentacja na temat: "Robert Banasiak Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2013/2014, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW."— Zapis prezentacji:

1 Robert Banasiak Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2013/2014, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW 1

2 Domyślny szablon CSS - omówienie 2 Zamiast ramek – kontenery ??? Jeszcze kilka lat temu ramki były bardzo popularnym sposobem na tworzenie layoutu stron internetowych. Dzięki nim bardzo łatwo można było podzielić strony na główne bloki, takie jak nagłówek, menu, treść strony oraz stopka. Z czasem jednak okazało się, że używanie ramek niesie ze sobą wiele niedogodności…

3 Ramki (Frames) 3 Ramki są jednym z wielu wynalazków powstałych podczas wojny przeglądarek. W tych okrutnych czasach strony robiło się zazwyczaj w gołym HTML, bez pomocy technologii po stronie serwera. Autorzy stron, nie zdając sobie sprawy z istnienia preprocesorów HTML, zmagali się wówczas z aktualizowaniem wspólnych elementów stron (menu) na wszystkich podstronach serwisu. To szybkie, proste i zupełnie nieprzemyślane rozwiązanie dostarczył Netscape.

4 Ramki (Frames) 4 Wady szablonu strony stworzonego na ramkach 1.Adresy podstron nie są widoczne, cały czas w adresie przeglądarki widnieje URL głównej strony (tej która posiada podział na ramki); 2.W związku z pkt 1 w zwykły sposób niemożliwe jest dodanie do zakładek konkretnej podstrony, przesłanie jej komuś itp.; 3.Jeżeli jednak uda nam się zdobyć adres podstrony (jest to możliwe) i go otworzymy, strona będzie niekompletna, np. brak menu; 4.Jeżeli treść w jakiejś ramce nie zmieści się, to zostaje ona automatycznie niewidoczna; 5.Ramki są ciężko strawne dla robotów indeksujących. Ma to negatywny wpływ na pozycję strony w wyszukiwarkach lub nawet jej brak w indeksie

5 Domyślny szablon CSS - omówienie 5

6 6

7 7

8 8

9 9

10 10

11 Domyślny szablon CSS - omówienie 11

12 Domyślny szablon CSS - omówienie 12

13 Domyślny szablon CSS - omówienie 13

14 ... - Znacznik pozwala zmienić atrybuty fragmentu tekstu. Podstawowe atrybuty: size="..." - rozmiar czcionki (1 - 7). color="..." - kolor czcionki. face="..." - krój czcionki. (...) Normalny tekst. Ten tekst będzie wyświetlany w kolorze niebieskim. Normalny tekst. (...) Efekt: Normalny tekst. Ten tekst będzie wyświetlany w kolorze niebieskim. Normalny tekst. Uwaga: obecnie stosowanie powyższego znacznika jest odradzane na rzecz stosowania styli kaskadowych, ale nie jest błędem. Wybrane znaczniki HTML formatujące tekst 14

15 ... - Znacznik ten nakazuje przeglądarce wyświetlanie tekstu kursywą. Wybrane Znaczniki HTML formatujące tekst Znacznik ten nakazuje przeglądarce wyświetlanie tekstu, jako przekreślonego Znacznik ten nakazuje przeglądarce wyświetlanie tekstu w indeksie dolnym Znacznik ten nakazuje przeglądarce wyświetlanie tekstu w indeksie górnym Znacznik ten nakazuje przeglądarce wyświetlanie tekstu pogrubionego.

16 Listy punktowane i numerowane 16

17 Sprawdzenie pisowni tekstu 17

18 Sprawdzenie pisowni tekstu 18

19 Wyszukiwanie i zastępowanie tekstu 19

20 Obiekty Spry 20 Struktura widżetu: Blok kodu HTML, ktory definiuje strukturalną budowę widżetu. Zachowanie widżetu: Kod JavaScript, ktory steruje reakcjami widżetu na zdarzenia inicjowane przez użytkownika. Style widżetu: Kod CSS, ktory definiuje wygląd widżetu.

21 Obiekty Spry 21

22 Obiekty Spry 22

23 Obiekty Spry 23

24 Obiekty Spry 24

25 Obiekty Spry 25

26 Obiekty Spry 26

27 Obiekty Spry 27

28 Obiekty Spry 28

29 Obiekty Spry 29

30 Obiekty Spry 30

31 Obiekty Spry 31

32 Obiekty Spry 32

33 Obiekty Spry 33

34 Obiekty Spry 34

35 Obiekty Spry 35

36 Elementy graficzne w projekcie 36

37 Elementy graficzne w projekcie 37


Pobierz ppt "Robert Banasiak Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2013/2014, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW."

Podobne prezentacje


Reklamy Google