1 / 37

Robert Banasiak

Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne , 2014, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW. Robert Banasiak. Projektowanie stron WWW STRuktura projektu. wybrane ZAgadnienia PRACY Z TEKSTEM I ELEMENTAMI GRAFICZNYMI . Czas prezentacji: 45 minut.

gali
Download Presentation

Robert Banasiak

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2014, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW Robert Banasiak Projektowanie stron WWWSTRuktura projektu. wybrane ZAgadnienia PRACY Z TEKSTEM I ELEMENTAMI GRAFICZNYMI .Czas prezentacji: 45 minut

  2. Domyślny szablon CSS - omówienie Zamiast ramek – kontenery ??? Jeszcze kilka lat temu ramki były bardzo popularnym sposobem na tworzenie rozkładu 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) • 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) Wady szablonu strony stworzonego na ramkach Adresy podstron nie są widoczne, cały czas w adresie przeglądarki widnieje URL głównej strony (tej która posiada podział na ramki); W związku z pkt 1 w prosty sposób nie jest możliwe dodanie do zakładek konkretnej podstrony,  przesłanie jej komuś itp.; Jeżeli jednak uda nam się zdobyć adres podstrony (bowie, jest to technicznie możliwe) i go otworzymy, strona będzie niekompletna, np. brak menu; Jeżeli treść w jakiejś ramce nie zmieści się, to zostaje ona automatycznie niewidoczna; 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 http://magazynt3.pl/html-ramki/

  5. Domyślny szablon CSS - omówienie

  6. Domyślny szablon CSS - omówienie

  7. Domyślny szablon CSS - omówienie

  8. Domyślny szablon CSS - omówienie

  9. Domyślny szablon CSS - omówienie

  10. Domyślny szablon CSS - omówienie

  11. Domyślny szablon CSS - omówienie

  12. Domyślny szablon CSS - omówienie

  13. Domyślny szablon CSS - omówienie

  14. Wybrane znaczniki HTML formatujące tekst <FONT>...</FONT>- Znacznik pozwala zmienić atrybuty fragmentu tekstu. Podstawowe atrybuty: size="..."- rozmiar czcionki (1 - 7).color="..."- kolor czcionki.face="..." - krój czcionki. • (...) Normalny tekst. <FONT COLOR="blue">Ten tekst będzie wyświetlanyw kolorze niebieskim.</FONT> 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.

  15. Wybrane Znaczniki HTML formatujące tekst <B>...</B> - Znacznik ten nakazuje przeglądarce wyświetlanie tekstu pogrubionego. <I>...</I> - Znacznik ten nakazuje przeglądarce wyświetlanie tekstu kursywą. <S>...</S>- Znacznik ten nakazuje przeglądarce wyświetlanie tekstu, jako przekreślonego. <SUB>...</SUB>- Znacznik ten nakazuje przeglądarce wyświetlanie tekstu w indeksie dolnym. <SUP>...</SUP>- Znacznik ten nakazuje przeglądarce wyświetlanie tekstu w indeksie górnym.

  16. Listy punktowane i numerowane

  17. Sprawdzenie pisowni tekstu

  18. Sprawdzenie pisowni tekstu

  19. Wyszukiwanie i zastępowanie tekstu

  20. Obiekty Spry Zestaw danych Spry 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 Region Spry

  22. Obiekty Spry Powtarzalny Spry

  23. Obiekty Spry Powtarzalna lista Spry

  24. Obiekty Spry Pole tekstowe zatwierdzenia Spry

  25. Obiekty Spry Obszar tekstowy zatwierdzenia Spry

  26. Obiekty Spry Pole wyboru zatwierdzenia Spry

  27. Obiekty Spry Zaznaczanie zatwierdzenia Spry

  28. Obiekty Spry Hasło zatwierdzania Spry

  29. Obiekty Spry Potwierdzenie zatwierdzania Spry

  30. Obiekty Spry Grupa przycisków opcji zatwierdzania Spry

  31. Obiekty Spry Pasek menu Spry

  32. Obiekty Spry Panele z zakładkami Spry

  33. Obiekty Spry Harmonijka Spry

  34. Obiekty Spry Panel zwijany Spry

  35. Obiekty Spry Wskazówka do narzędzia Spry

  36. Elementy graficzne w projekcie

  37. Elementy graficzne w projekcie

More Related