PROJEKTOWANIE I REALIZACJA STRON WWW. Informatyka i Technologia Informacyjna Suwałki

Wielkość: px
Rozpocząć pokaz od strony:

Download "PROJEKTOWANIE I REALIZACJA STRON WWW. Informatyka i Technologia Informacyjna Suwałki - 2013"

Transkrypt

1 PROJEKTOWANIE I REALIZACJA STRON WWW Informatyka i Technologia Informacyjna Suwałki

2 Wykład: Plan spotkań 2 marca 2013 r. sala :00-19:55 (6 godzin), 23 marca 2013 r. sala :00-19:55 (6 godzin). Ćwiczenia: 3 marca 2013 r. sala :40-16:35 (8 godzin), 24 marca 2013 r. sala :40-14:45 (6 godzin),

3 Wykład 12 godzin Zasady organizacji zajęć Ćwiczenia 14 godzin RAZEM 26 godzin

4 Literatura podstawowa Maria Sokół, ABC języka HMTL, HELION, Gliwice 2002 Laura Lemay, HTML 4 vademecum profesjonalisty, HELION, Gliwice 1998 Paweł Frankowski, Marcin Szumański, Joomla! Podręcznik administratora systemu, HELION, Gliwice 2008 Dan Rahmel, Joomla. Profesjonalne tworzenie stron WWW, HELION, Gliwice 2009

5 Literatura uzupełniająca Marcin Lis, Tworzenie stron WWW. Praktyczny kurs, HELION, Gliwice 2010 Maria Sokół, Tworzenie stron WWW. Ćwiczenia praktyczne. Wydanie III, HELION, Gliwice 2011 Bartosz Danowski, Tworzenie stron WWW w praktyce. Wydanie II, HELION, Gliwice 2007 Mirosław Sławik, Abc użytkownika Internetu Przewodnik po sieci, VIDEOGRAF EDUKACJA, Chorzów 2010

6 Kontakt Telefon: Internet:

7 Pytania od Państwa

8 WORLD WIDE WEB

9 World Wide Web (po angielsku: ogólnoświatowa sieć ), w skrócie Web lub częściej WWW hipertekstowy, multimedialny, internetowy system informacyjny oparty na publicznie dostępnych, otwartych standardach IETF i W3C. WWW jest usługą internetową, która ze względu na zdobytą popularność bywa błędnie utożsamiana z całym Internetem.

10 Historia Brytyjski inżynier i naukowiec sir Tim Berners-Lee, (W3C), napisał w marcu 1989 przedstawił rozbudowany system zarządzania informacjami, który stał się zalążkiem obecnej WWW. Do świąt Bożego Narodzenia 1990 roku zbudował wszystkie narzędzia niezbędne do działania WWW: przeglądarkę WWW (która służyła również jako edytor), pierwszy serwer WWW oraz pierwsze strony WWW, opisujące nowo powstały projekt.

11 Historia Na potrzeby projektu autor opracował system ogólnodostępnych, unikatowych identyfikatorów zasobów sieci: The Universal Document Identifier (UDI) znany później jako Uniform Resource Locator (URL) i Uniform Resource Identifier (URI), język służący projektowaniu stron HyperText Markup Language (HTML) oraz protokół przesyłania dokumentów hipertekstowych Hypertext Transfer Protocol (HTTP).

12 Historia Punktem zwrotnym w historii WWW było wprowadzenie, w 1993 roku, przeglądarki Mosaic, działającej w trybie graficznym. Dzięki połączeniu z Internetem, na całym świecie zaczęły powstawać serwery WWW, tworząc ogólnoświatowe standardy nazewnictwa domen internetowych. World Wide Web nie jest całym Internetem, a jedynie pewną aplikacją zbudowaną na jego bazie.

13 Co to jest WWW? Sieć WWW jest hipertekstowym systemem informacyjnym idea hipertekstu polega na tym, że zamiast czytać tekst po kolei, linia po linii (tak jak książkę), można przechodzić od punktu do punktu w sposób nieliniowy

14 Co to jest WWW? WWW jest systemem graficznym integruje ze sobą tekst z grafiką, dźwiękiem i sekwencjami wideo oraz wbudowane aplikacje

15 Co to jest WWW? WWW jest siecią wieloplatformową dostęp do WWW możliwy jest przy użyciu dowolnego sprzętu, dowolnego systemu operacyjnego i dowolnego typu ekranu ograniczenia wynikają z użycia niestandardowych rozszerzeń wprowadzanych przez producentów oprogramowania

16 Co to jest WWW? WWW jest siecią rozproszoną dane rozproszone są po całym świecie w tysiącach witryn na tysiącach serwerów każda witryna, każda strona ma swój unikalny adres URL (ang. Uniform Resource Locator) będący uniwersalnym identyfikatorem zasobów, np.

17 Co to jest WWW? WWW jest siecią dynamiczną dane zmodyfikowane na stronach www są automatycznie widoczne przez wszystkich użytkowników

18 Co to jest WWW? Sieć WWW jest interakcyjna możliwość reakcji na zdarzenia wywołane przez użytkownika, np. kliknięcie myszką możliwość wymiany informacji pomiędzy użytkownikiem a serwerem WWW za pomocą formularzy

19 Architektura statycznego środ. WWW WWW to środowisko klient-serwer

20 Jak to działa?

21 Jak to działa? Przeglądanie stron internetowych WWW - wpisanie adresu strony w przeglądarce internetowej, albo podanie linku do tej strony lub linku do konkretnego zasobu. Przeglądarka wysyła do serwera WWW, na którym zlokalizowana jest strona, szereg niewidzialnych dla nas zapytań, pobiera zawartość danej strony i wyświetla ją. Ogólnoświatowe standardy nazewnictwa domen internetowych.

22 Jak to działa? Nazwa serwera (część adresu URL) jest dekodowana na adres IP za pomocą Domain Name System (DNS) Przeglądarka następnie wywołuje dany zasób, wysyłając zapytanie do serwera określonego powyższym adresem. W przypadku typowej strony internetowej, przeglądarka najpierw pobiera jej skrypt HTML, analizuje go, a następnie wysyła zapytanie o resztę elementów wchodzących w jej skład (zdjęcia, grafika, dźwięki, video, animacje).

23 Składowe sukcesu www HyperText Markup Language (HTML) hipertekstowy język znaczników, zrozumiały dla każdej przeglądarki, służący formatowaniu zawartości strony internetowej; Hypertext Transfer Protocol (HTTP) protokół komunikacyjny używany do przesyłania stron internetowych; Uniform Resource Identifier (URI) standard identyfikatora zasobów w Internecie URL

24 Prefiks www

25 i https:// Hypertext Transfer Protocol (HTTP) jest podstawowym elementem działania struktury www, HTTP Secure (HTTPS) - dodaje niezbędną warstwę ochronną w przypadku, gdy poufne informacje, takie jak hasła czy dane bankowe, mają być przesyłane w publicznej sieci Internet.

26 Architektura dynamicznego środ. WWW Architektura trójwarstwowa WWW Server Application Server DB Server

27 Serwer Aplikacyjny Serwer w sieci komputerowej, przeznaczony do zdalnego uruchamiania i użytkowania aplikacji. Zestaw oprogramowania (platforma) wspierająca programistę/developera przy tworzeniu aplikacji. Umożliwia oddzielenie logiki biznesowej od usług dostarczanych przez producenta platformy (bezpieczeństwo, zarządzanie transakcjami, skalowalność, czy też dostęp do baz danych). Do serwerów aplikacji należą m.in.: JBoss, BEA WebLogic, IBM WebSphere oraz platforma.net Microsoft-u.

28 Serwer bazy danych Oprogramowanie bądź system informatyczny służący do zarządzania komputerowymi bazami danych Posiada mechanizmy: środki do gromadzenia, utrzymywania i administrowania trwałymi i masowymi zbiorami danych, środki zapewniające spójność i bezpieczeństwo danych, sprawny dostęp do danych (zwykle poprzez język zapytań, np. SQL),

29 Serwer bazy danych c.d. środki programistyczne służące do aktualizacji/przetwarzania danych (API dla popularnych języków programowania), jednoczesny dostęp do danych dla wielu użytkowników (z reguły realizowany poprzez transakcje), środki pozwalające na regulację dostępu do danych (autoryzację), środki pozwalające na odtworzenie zawartości bazy danych po awarii, środki optymalizujące zajętość pamięci oraz czas dostępu (np. indeksy), środki do pracy lub współdziałania w środowiskach rozproszonych.

30 Serwer bazy danych Pełen adres URL ma następującą postać syntaktyczną: scheme://host:port/path/filename?query scheme - typ serwisu (nazwa protokołu), np HTTP, FTP; host - nazwa hostu (komputera w sieci WWW) port - numer portu na którym nasłuchuje dany serwer ( domyślnym numerem portu jest 80); path - ścieżka podkatalogów na serwerze (domyślnie katalog główny root); filename - nazwa dokumentu (domyślnie index.html) query treść zapytania postaci nazwa=wartość

31 Protokół HTTP (Hypertext Transfer Protocol) za pomocą protokołu HTTP przesyła się informacje w sieci WWW udostępnia on znormalizowany sposób komunikowania się komputerów ze sobą określa on formę żądań klienta dotyczących danych oraz formę odpowiedzi serwera na te żądania (protokół request/response)

32 Protokół HTTP (Hypertext Transfer Protocol) metody GET parametry zapytania przekazane w zapytaniu (query string) POST posiada blok danych umieszczony za nagłówkiem; posiada dodatkowe pola nagłówka: Content- Type:, Content-Length:

33 Metoda POST Nagłówek Treść HTTP Request POST /login.jsp HTTP/1.1 Host: User-Agent: Mozilla/4.0 Content-Length: 29 Content-Type: application/x-www-form-urlencoded login=julius&password=zgadnij HTTP Response HTTP/ OK. Date: Fri, 31 Dec :59:59 GMT Content-Type: text/plain Content-Length: 1354 status=ok

34 Metoda GET HTTP Request GET /index.html?login=julius&password=zgadnij HTTP/1.1 Host: User-Agent: Mozilla/4.0

35 Initial request line Protokół HTTP posiada trzy części: nazwę metody, ścieżkę lokalną zasobu i używaną wersję HTTP GET /path/to/file/index.html HTTP/1.0 Initial Response Line (Status Line) posiada trzy części: wersję HTTP, kod statusu odpowiedzi i opis przyczyny HTTP/ OK lub HTTP/ Not Found

36 Kody statusu odpowiedzi 2xx sukces, np. 200 OK 3xx przekierowanie, np. 302: Moved Temporarily 4xx błąd klienta, np. 404: Not Found 5xx błąd serwera, np. 500: Internal Server Error

37 Cyberprzestępczość, Bezpieczeństwo Złośliwy kod.

38 Dead links Archiwizacja stron WWW

39 Standaryzacja World Wide Web Consortium (W3C), Internet Engineering Task Force (IETF) URI HTTP

40 Prędkość transmisji Standardowe wytyczne dla idealnego czasu odpowiedzi z serwera to: 0,1 sekundy (jedna dziesiąta sekundy) 1 sekunda 10 sekund

41 Krótka statystyka 550 miliardów dokumentów internetowych w 2001 r. 11,5 miliarda publicznie indeksowanych stron internetowych od końca stycznia 2005 r. 25,21 miliarda w marcu 2009 r. Bilion ( ) unikatowych adresów URL r.

42 Jak trafić na stronę www bezpośrednio (za pomocą znanego adresu internetowego) Bezpośrednie skorzystanie z adresu internetowego jest najpewniejszą i najszybszą metodą dotarcia do określonego źródła wiedzy. Najpoważniejszą wadą tej metody jest konieczna znajomość dokładnego adresu.

43 Jak trafić na stronę www pośrednio za pomocą wyszukiwarek; Ten sposób dotarcia do szukanych fragmentów wiedzy ma znacznie poważniejsze wady. Efekt wyszukiwania zależy od wybranej wyszukiwarki, ponieważ poszczególne wyszukiwarki posługują się różnymi algorytmami wyszukiwania i nie zawsze docierają do tych samych zasobów sieciowych.

44 Wyszukiwarki internetowe to programy lub strony internetowe, ułatwiające użytkownikom znalezienie informacji w sieci (ang. search engine). Określenie wyszukiwarka stosowane jest do: Stron internetowych serwisów wyszukujących czyli implementacji oprogramowania wyszukującego działającego z interfejsem WWW ogólnodostępnym dla internautów

45 Algorytm wyszukiwarki Algorytm wyszukiwarki internetowej to zbiór zasad kierujących jej oprogramowaniem, umożliwiającym wyszukanie oraz przedstawienie w odpowiedniej kolejności wyników wyszukiwania. Algorytm wyszukiwarki opisuje między innymi, które czynniki i w jakim stopniu mają wpływać na wyniki zapytań. Do najważniejszych czynników branych zazwyczaj pod uwagę przez większość popularnych wyszukiwarek internetowych należą:

46 Algorytm wyszukiwarki c.d. Liczba i jakość linków prowadzących do stron Słowa kluczowe w linkach prowadzących do strony Budowa kodu strony (np.: stosunek treści do kodu) Treść strony (np.: hierarchia nagłówków) Popularność domeny głównej

47 Oprogramowanie wyszukiwarek to zestaw programów, modułów, z których każdy ma oddzielne zadanie. Są to: Oprogramowanie wyszukiwarek Crawler, Robot, Pająk, Spider, Bot - moduły pobierające dokumenty z sieci Indekser - moduł analizujący i oceniający Searcher - interfejs wyszukujący wyszukiwarki/podsystem odpowiadający na zapytania/analizator zapytań oraz moduł prezentacji wyników

48 Oprogramowanie wyszukiwarek c.d. oraz : programy konwersji dokumentów (np.pdf) programy archiwizujące repozytorium (najczęściej w postaci skompresowanej) programy analizy i wykrywania technik niepożądanych (spam) moduły administracyjne

49 Google Google jest obecnie najpopularniejszą wyszukiwarką na świecie dzięki algorytmowi PageRank oraz zadowolonym, powracającym użytkownikom. Korzystając z witryny można uzyskać informacje w wielu językach, obserwować notowania giełdowe, przeglądać mapy, najważniejsze wiadomości, znajdować numery telefoniczne, przeszukiwać grupy dyskusyjne oraz oglądać grafiki.

50 Google PageRank jest rozwinięciem znanej od dawna heurystyki, wedle której jakość tekstu jest proporcjonalna do liczby tekstów na niego się powołujących. Ulepszenie zaproponowane przez autorów Google polegało na ważeniu jakości odnośników wskazujących na rozpatrywany tekst ich własną wartością PageRank. Innymi słowy: jeśli na dany tekst powołuje się artykuł, który sam ma wysoką ocenę, ma to większe znaczenie, niż gdy na ten sam tekst powołuje się mało popularna strona.

51 Google Metody zbliżone do algorytmu PageRank są obecnie coraz śmielej wprowadzane do mechanizmów innych wyszukiwarek internetowych. Szczegóły właściwego algorytmu nigdy nie zostały upublicznione i są jednymi ze ściśle strzeżonych tajemnic Google. Do tego są najprawdopodobniej sukcesywnie poprawiane, aby zwiększać efektywność mechanizmu. Wszystkie informacje dostępne jawnie przedstawiają jedynie wzorcową wersję algorytmu stosowanego w wyszukiwarce Google.

52

53 Polski ranking wyszukiwarek

54 Przeglądarki internetowe to programy, który umożliwiają pobieranie i przeglądanie stron sieci Web, a także odtwarzanie niektórych plików multimedialnych

55 Polski ranking przeglądarek

56 Funkcje przeglądarek internetowych zakładki (ulubione) menadżer pobierania plików przeglądanie w kartach zapamiętywanie haseł zarządzanie prywatnymi danymi (cookies, formularze ) blokowanie wyskakujących okienek sprawdzanie pisowni powiększanie tekstu, grafiki bądź całej zawartości strony i wiele innych

57 Zagadka Co robi lojalny programista? Wiesza się razem ze swoim programem?

58 Zasady projektowania stron www

59 Strona internetowa Strona internetowa, strona WWW (ang. web page) dokument HTML udostępniony w Internecie przez serwer WWW. Po stronie hosta użytkownika, strona WWW jest otwierana i wyświetlana za pomocą przeglądarki internetowej.

60 System zarządzania treścią (ang. Content Management System). Joomla WordPress Drupal CMS

61 Przejrzystość Szybkie działanie Łatwa obsługa Cechy dobrej witryny

62 Netykieta Dobre zwyczaje obowiązują też w sieci, ale tutaj rzadko zdarzają się cenzorzy. Utrzymanie minimum poziomu kulturalnego zależy od nas samych! nie podpisuj się pod cudzą pracą oszczędnie dozuj grafikę pamiętaj, że treść jest ważniejsza od formy! wulgaryzmy świadczą dobitnie o poziomie piszącego

63 Formy prezentacji treści Projekt witryny będącej źródłem konkretnych informacji (oparty głównie na informacji tekstowej) Projekt jako źródło artystycznych doznań autora, wyraz swobody działań twórczych (tworzony głównie w oparciu o obrazy graficzne) Większość witryn łączy (w różnych proporcjach) te dwie cechy

64 Projektowanie wstępne Strona główna i nawigacja: projekt powinien mieć konstrukcję pozwalającą na łatwe dodawanie nowych elementów, zmianę ich kolejności itp. Spis treści: powinien umożliwiać wprowadzanie zmian Najważniejsze informacje umieszcza się na górze strony, by były widoczne w całości, bez konieczności przewijania

65 Projektowanie wstępne Używamy krótkich zdań, wyróżniając ważne zwroty i słowa Odwracamy logikę tekstu wnioski umieszczamy na początku (czytanie na ekranie sprawia większą trudność niż czytanie na papierze, stąd tendencja użytkowników do prześlizgiwania się wzrokiem po tekście w poszukiwaniu informacji)

66 Projektowanie wstępne Długie teksty należy dzielić na krótsze i umieszczać je w miarę możliwości na osobnych stronach

67 Skład tekstu Długi tekst należy podzielić na krótkie (ok. 10 wersów) akapity, wyróżniając je nagłówkami (tekst na ekranie czyta się wolniej) Stosujemy nie więcej niż 2 3 różne czcionki, definiując jednocześnie np. 2 wielkości (przy zastosowaniu większej ilości czcionek projekt wygląda niespójnie)

68 Skład tekstu Odnośniki tekstowe (linki)- pozostawiamy ich typowy wygląd (kolor ciemnoniebieski, a po przeczytaniu - fioletowy) Unikamy wyróżniania poprzez podkreślenie innych części tekstu niż linki Unikamy tworzenia odnośników z całych zdań

69 Czcionki Unikamy czcionek szeryfowych

70 Czcionki Unikamy czcionek dekoracyjnych i kursyw (italic)

71 Unikamy wyśrodkowywania tekstu oraz wyrównywania do prawej strony Wyrównanie tekstu

72 Kolory tła zbliżone do koloru tekstu lub nadmiernie z nim kontrastujące zmniejszają czytelność tekstu Tekst i tło

73 Ciemny tekst na białym tle jest bardziej czytelny niż biały tekst na ciemnym tle Tekst i tło

74 Witryny WWW Witryna to zbiór składający się z jednej lub kilku stron WWW powiązanych ze sobą w sposób, który odzwierciedla istotę zawartych w niej informacji i tworzy spójną całość Struktury witryn:

75 Struktura hierarchiczna posiada wiele poziomów strona główna zawiera ogólny przegląd opisywanych treści oraz połączenia do stron, które znajdują się na niższych poziomach hierarchii

76 Struktura liniowa przejście od strony do strony odbywa się w sposób liniowy (krok po kroku)

77 Struktura liniowa z alternatywą posiada możliwość odejścia od głównej ścieżki dokumentów

78 Struktura mieszana (liniowo hierarchiczna)

79 Struktura sieciowa brak ogólnej struktury dokumentów połączenia między stronami za pomocą hiperłączy

80 nauczalność wydajność zapamiętywanie błędy satysfakcja Web Usability Jest wyznacznikiem dla stron WWW w jakim kierunku mają się rozwijać, by zostały zauważone i docenione. Jest miarą jakości witryny w odniesieniu do możliwości użytkownika w poruszaniu się po niej.

81 Web Usability Slogan reklamowy Znacznik TITLE Informacje z dokładnym opisem Punkty startowe Wyszukiwarka wewnętrzna

82 Web Usability Przykładowe treści lub próbki Tworzenie linków Wykorzystywanie strony głównej do promocji najważniejszych produktów Unikanie zbyt wielu kolorów, reklam Unikanie zbędnej grafiki

83 Web Usability - prościej Celowość tworzenia danej witryny Sprawność działania witryny Zrozumiałość witryny (zarówno treści jak i zasad funkcjonowania i nawigacji)

84 Web Usability - błędy Korzystanie z technologii Flash (konieczność pobierania i instalowania pluginów) Animacje odtwarzane w cyklu ciągłym (dekoncentrują użytkownika i rozpraszają jego uwagę)

85 Web Usability - błędy Ograniczenie autonomii użytkownika poprzez: zmianę sposobu funkcjonowania przycisków (np. Back). przekierowania do miejsc innych, niż jest to zamiarem użytkownika. stosowanie wyskakujących okienek. stosowanie okien pełnoekranowych (pozbawienie użytkownika paska nawigacji, paska adresowego, listy Ulubionych itp.

86 Web Usability - błędy Zbyt długi czas ładowania Reklamy w witrynach internetowych Źle rozplanowana nawigacja brak przycisku powrót do strony głównej strona główna nie zawiera wszystkich istotnych dla użytkownika linków Używanie zwrotów w rodzaju kliknij tutaj do przekierowania użytkownika np. do innej strony

87 Metody zapewnienia użyteczności modelowanie na poziomie wciskania klawiszy procesualny model człowieka wywiad grupa fokusowa ocena heurystyczna wzorce projektowania ankieta ewaluacja diagnostyczna subiektywna ocena zdalna ocena metody hybrydowe (np. 8 +3)

88 Metody badania użyteczności Ewaluacja diagnostyczna, zwana również testami wykonania z udziałem użytkowników, jest najbardziej rozbudowaną, najkosztowniejszą, ale i przy tym najbardziej efektywną metodą wykorzystywaną w UCD (User Centred Design projektowanie skupione na użytkowniku).

89 Eyetracking Metody badania użyteczności

90 Metody badania użyteczności Actiontracking Keytracking Mousetracking Clicktracking zdalna ocena

91 Elementy języka HTML

92 Właściwości języków znakowania opis dokumentu w pliku tekstowym przenoszalność i kompatybilność poprzez wykorzystanie jedynie znaków ASCII oddzielenie struktury dokumentu od jego wyglądu (podział dokument-widok) opis struktury strony a nie wyglądu konkretnych jej elementów - odwrotnie niż w edytorach graficznych typu WYSIWYG (ang. What You See Is What You Get) praca w środowisku wieloplatformowym (różne komputery, systemy operacyjne i przeglądarki) hierarchiczna struktura znaczników

93 HTML HTML (ang. HyperText Markup Language) hipertekstowy język znaczników, obecnie szeroko wykorzystywany do tworzenia stron internetowych.

94 Historia języka HTML 1989 HTML opracowana przez Tima Berners-Lee zawiera kilkanaście znaczników wraz z odsyłaczami 1995 HTML podstawowy zestaw znaczników, obsługiwany przez wszystkie przeglądarki; 1996 HTML wprowadzono przede wszystkim obsługę: tabel, apletów oraz otaczanie obrazów tekstem. Można było określać kolor i grafikę tła. Pojawiły się formularze HTML 4.0 wprowadzono dynamiczny HTML i arkusze stylów;

95 HTML pozwala opisać strukturę informacji zawartych wewnątrz strony internetowej, umożliwia określenie wyglądu dokumentu w przeglądarce internetowej, w składni HTML wykorzystuje się pary znaczników umieszczone w nawiasach ostrokątnych, np. <title> i </title> lub <h1> i </h1> czy <script> i </script>, nie jest zaliczany do języków programowania, niezależny od systemu operacyjnego i wykorzystywanego sprzętu komputerowego.

96 Droga Przeglądarko! List do przeglądarki Pokaż, proszę, zdjęcie mojej salamandry w lewym górnym narożniku na zielonym tle. Wytłuść pod zdjęciem jej nazwę Ernest the Salamander. Po prawej stronie podaj wagę i wymiary Ernesta. Zamieść również opis w języku angielskim wraz z adresem ! This is Ernest the Salamander, my pet and close friend. Ernest and I have been friends for quite some time. If you have a salamander, send me, please, at...

97 List do przeglądarki w kodzie HTML <html> <head> <title>ernest the Salamander</title> </head> <body bgcolor= green > <table> <tr> <td> <p> <img src= Zdjęcie.jpg > <br> <h2>ernest the Salamander</h2> </p> </td>

98 List do przeglądarki w kodzie HTML <td> <p> <h3>ernest s Vitals</h3> <ul> <li>height in</li> <li>weight 40 gr</li> <li>sliminess 6.5</li> </ul> </p> </td> </tr> </table> <p> There is Ernest the Salamander, my pet and... at <a </p> </body> </html>

99 List w przeglądarce Ernest the Salamander Ernest s Vitals Height in Weight 40 gr Sliminess 6.5 This is Ernest the Salamander, my pet and close friend. Ernest and I have been friends for quite some time. If you have a salamander, send me, please, at

100 HTML w HTML-u zdefiniowane są trzy znaczniki, które opisują ogólną strukturę strony oraz dostarczają podstawowych informacji nagłówkowych: <HTML> <HEAD> <! informacje nagłówkowe > </HEAD> <BODY> <! treść strony > </BODY> </HTML>

101 Edytory HTML W najprostszym przypadku dokument HTML, czyli stronę internetową, można pisać wprost w edytorze tekstu używając odpowiednich komend. Specjalizowane edytory (polskie!) to Pajączek, Tiger, ezhtml, WebPage Xpress. Użycie polskich edytorów uwalnia nas od zabawy w formatowanie sposobu wyświetlania polskich znaków!

102 Komentarz Opis znaczników w HMTLu <! treść komentarza > służy do zamieszczenia w kodzie źródłowym komentarza jest ignorowany przez przeglądarkę

103 Nagłówek <HEAD> <HEAD> <TITLE> Moja własna strona </TITLE> <META http-equiv="content-type" content= "text/html; charset=iso "> dla innego standardu: <META http-equiv="content-type" content= "text/html; charset=windows-1250"> </HEAD>

104 Nagłówek <HEAD> <HEAD> <TITLE> Moja własna strona </TITLE> <META http-equiv="content-type" content= "text/html; charset=iso "> <META NAME="Description" CONTENT="Na tej stronie piszę o sobie" > <META NAME="Keywords" CONTENT="piłka nożna, koszykówka, heavy metal > <META NAME="Language" CONTENT="pl" > </HEAD>

105 Automatyczne odświeżanie strony <HEAD> <TITLE> Moja kamera sieciowa </TITLE> <META http-equiv="content-type" content= "text/html; charset=iso "> <META http-equiv="refresh" content="60">... </HEAD> Strona będzie odświeżać się co 60 sekund

106 Przekierowanie na nową stronę <HEAD> <TITLE> Moja stara strona </TITLE> <META http-equiv="content-type" content= "text/html; charset=iso "> <META http-equiv= Refresh" content= 10; URL=http://moja.nowa.strona">... </HEAD> Za 10 sekund nastąpi przekierowanie do nowej strony

107 <link> Opis znaczników - <HEAD> definiuje związek pomiędzy dwoma dokumentami atrybuty: href adres URL rel relacja między dokumentami type definiuje MIME type, np. text/css text/javascript image/gif <head> <link rel="stylesheet" type="text/css" href="theme.css"> </head>

108 <BODY> <BODY> Tu mogę wpisywać tekst, który po prostu ukaże się na mojej stronie. Muszę pamiętać o tym, że komputer sam będzie dzielił tekst, a zatem takie coś nic mi nie da! </BODY>

109 Akapity i podział (łamanie) wiersza <BODY> <P> Tu mogę wpisywać tekst, który po prostu ukaże się na mojej stronie.</p> <P> Muszę pamiętać o tym, by zaznaczać podział tekstu na akapity, a jeśli chcę przejść do nowej linijki, to robię to tak: <BR> i już nowa linijka! </P> </BODY>

110 Wyrównanie tekstu <BODY> <P ALIGN=LEFT> Tekst wyrównany do lewej.</p> <P ALIGN=RIGHT> Wyrównanie do prawej.</p> <P ALIGN=CENTER> Centrowanie.</P> <P ALIGN=JUSTIFY> Justowanie (wyrównanie do obu marginesów).</p> </BODY>

111 Linia pozioma <BODY> <P> Trochę tekstu przed linią.</p> <HR SIZE=10 WIDTH=300> <P> Ten tekst wyświetli się już po poziomej linii o szerokości 300 pikseli.</p> <HR WIDTH=50%> <P> Poprzednia linia miała szerokość równą połowie strony. </P> </BODY>

112 Tytuły tagi <H1> do <H6> <BODY> <H1> Rozdział 1.</H1> <H2> Podrozdział 1.1 </H2> <P> Tu będzie treść podrozdziału 1.1.</P> <H2> Podrozdział 1.2 </H2>... </BODY>

113 Atrybuty czcionki <P> <B> Tekst pogrubiony (Bold)</B> <I> Tekst pochylony, kursywa (Italic)</I> <U> Tekst podkreślony (Underline)</U> <BR> Tekst chemiczny : <BR> H<SUB>3</SUB>O<SUP>+</SUP> </P>

114 Wielkość czcionki Wielkością czcionki możemy sterować w skali od 1 do 7, albo też użyć odpowiednich tagów <SMALL> i <BIG>: <FONT SIZE= 1 > Drobniutki tekst</font> <FONT SIZE= 7 > Ogromny tekst</font> <FONT SIZE= +2 > Czcionka powiększona o dwa stopnie względem czcionki bazowej</font> <SMALL> Tekst zmniejszony </SMALL> <BIG> Tekst powiększony </BIG>

115 Kolor czcionki Kolor czcionki możemy wybrać spośród wartości predefiniowanych albo też podać składowe RGB: <FONT COLOR= green >Zielony tekst</font> <FONT COLOR= white >Biały tekst</font> <FONT COLOR= #FF0000 > Kolor... jaki? (czerwony) </FONT> Ale czy nasze napisy będzie widać na tle strony?

116 Tło strony Jako tło możemy podać wartość predefiniowaną, składowe RGB albo nazwę obrazka. Żądany atrybut jest parametrem tagu <BODY>. Można też ustawić domyślny kolor czcionki: <BODY BGCOLOR= green > lub <BODY BGCOLOR= # > albo <BODY BACKGROUND= images/tło.gif > czy też <BODY BGCOLOR= navy TEXT= white >

117 Predefiniowane kolory black silver gray white maroon red purple fuchsia green lime olive yellow navy blue teal aqua

118 Lista nieuporządkowana atrybuty: type: disc, square, circle zawiera pozycje tworzone za pomocą elementu li element li w specyfikacji 3.2 był elementem liniowym od wersji 4.01 li jest elementem blokowym <UL> <LI> Punkt pierwszy</li> <LI> Punkt kolejny</li> </UL>

119 Lista numerowana (uporządkowana) atrybuty type: A, a, I, i, 1 start <OL> <LI> Punkt pierwszy (z numerem)</li> <LI> Punkt drugi (z numerem)</li> </OL>

120 Siła hipertekstu: odnośniki Wstawienie odnośnika na stronie to użycie tagu <A>: <A HREF= > Kliknij tu by odwiedzić strony PWSZ Suwałki </A> <A HREF= Napisz list do Baby Jagi </A> <A HREF= #objaśnienie > Kliknij jeśli coś jest niejasne </A> po kliknięciu komputer przeniesie nas do takiego miejsca: <A NAME= objaśnienie > I wszystko jasne </A>

121 Siła hipertekstu: odnośniki c.d. Można tworzyć odnośniki do obrazków, umożliwiać ściąganie plików, a w wysyłanym mailu np. przygotować temat: <A HREF=../obrazy/plik.jpg > Kliknij tu aby zobaczyć obrazek </A> <A HREF= u-wolnić Jasia > Petycja do Baby Jagi </A> <A HREF= ftp://mój.serwer/katalog/plik.exe > Kliknij tu aby ściągnąć plik.exe </A> <A HREF= str2.html >Przejście na str.2 </A>

122 Obrazy i grafika Aby wstawić w tekst obrazek posługujemy się komendą: <IMG SRC= obrazki/obrazek.gif > Obrazek wyśrodkowany w wierszu: <CENTER> <IMG SRC= plik.gif > </CENTER> Sterujemy wielkością obrazka: <IMG SRC= obrazek.gif WIDTH=300 HEIGHT=200> Jeśli nie chcemy otaczać obrazka tekstem, wstawiamy go w wydzielony akapit: <P> <IMG SRC= plik.jpg > </P>

123 Obrazy i grafika c.d. Za otaczanie obrazka tekstem odpowiada atrybut ALIGN: <IMG SRC= obrazki/obrazek.gif ALIGN=top> Możliwe wartości tego atrybutu: ALIGN=top ALIGN=bottom ALIGN=middle ALIGN=left ALIGN=right Polecenie to działa również na znaną nam już linię poziomą: <HR WIDTH=50% ALIGN=left>

124 Tabele Wiersze tworzymy tagiem <TR>, a komórki tagiem <TD>: <TABLE BORDER=10 WIDTH=80% ALIGN=top> <TR> <TD> a11 </TD> <TD> a12 </TD> </TR> <TR> <TD> a21 </TD> <TD> a22 </TD> </TR> <TR> <TD> a31 </TD> <TD> a32 </TD> </TR> </TABLE>

125 Grupowanie elementów Grupowanie elementów <div>: umożliwia utworzenie obszaru składającego się z wielu elementów blokowych pozwala na formatowanie grupy elementów automatycznie umieszcza znaki końca linii przed i po bloku div <div style="color:#ff0000;"> <h4>this is a header in a div section</h4> <p>this is a paragraph in a div section</p> </div>

126 Grupowanie elementów liniowych Grupowanie elementów liniowych <span>: umożliwia grupowanie elementów w celu ich sformatowania nie umieszcza znaków końca linii <p>this is a paragraph <span style="color:#0000ff;">this is a paragraph</span> This is a paragraph</p> <p> <span style="color:#00dd45;"> This is another paragraph </span> </p>

127 Przykładowe znaki specjalne (funt szterling) &pound - (euro) &euro - (znak praw autorskich) &copy - (zastrzeżony znak towarowy)&reg - (ułamek zwykły) &frac14 - ¼ (index górny) &sup3 - ³ (znak akapitu) &para - (kropka) &bull - (promil) &permil -

128 Macromedia Flash <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase="http://download.macromedia.com/pub/shoc kwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300" id="movie" align=""> <param name="movie" value="movie.swf"> <embed src="movie.swf" quality="high" width="400" height="300" name="movie" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflas hplayer"> </object>

129 Kaskadowe arkusze stylów CSS

130 Czym jest CSS CSS to kaskadowe arkusze stylów (Cascading Style Sheets) Style definiują w jaki sposób wyświetlać (formatować) elementy HTML Style są przechowywane w tzw. arkuszach stylów (CSS files) Style są uporządkowane kaskadowo Style zostały dodane do wersji HTML 4.0

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony

Bardziej szczegółowo

World Wide Web? rkijanka

World Wide Web? rkijanka World Wide Web? rkijanka World Wide Web? globalny, interaktywny, dynamiczny, wieloplatformowy, rozproszony, graficzny, hipertekstowy - system informacyjny, działający na bazie Internetu. 1.Sieć WWW jest

Bardziej szczegółowo

Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Scenariusz lekcji informatyki klasa II gimnazjum Temat : Strona WWW pierwsze

Bardziej szczegółowo

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy

Bardziej szczegółowo

Programowanie WEB PODSTAWY HTML

Programowanie WEB PODSTAWY HTML Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony

Bardziej szczegółowo

2 Podstawy tworzenia stron internetowych

2 Podstawy tworzenia stron internetowych 2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument

Bardziej szczegółowo

STRONY INTERNETOWE mgr inż. Adrian Zapała

STRONY INTERNETOWE mgr inż. Adrian Zapała 1 STRONY INTERNETOWE mgr inż. Adrian Zapała STRONY INTERNETOWE Rodzaje stron internetowych statyczne (statyczny HTML + CSS) dynamiczne (PHP, ASP, technologie Flash) 2 JĘZYKI STRON WWW HTML (ang. HyperText

Bardziej szczegółowo

2. Projektowanie stron WWW podstawowe informacje

2. Projektowanie stron WWW podstawowe informacje 1. Uczeń: Uczeń: 2. Projektowanie stron WWW podstawowe informacje a. 1. Cele lekcji i. a) Wiadomości zna podstawowe zasady tworzenia stron internetowych, rozróżnia tryb tekstowy tworzenia stron www od

Bardziej szczegółowo

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów Aplikacje internetowe KL. III Rok szkolny: 013/01 Nr programu: 31[01]/T,SP/MENIS/00.06.1 Okres kształcenia: łącznie ok. 170 godz. lekcyjne Moduł Bok wprowadzający 1. Zapoznanie z programem nauczania i

Bardziej szczegółowo

Edukacja na odległość

Edukacja na odległość Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej

Bardziej szczegółowo

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385.

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385. Źródła CSS: http://www.csszengarden.com/ XHTML: http://www.xhtml.org/ XML: http://www.w3.org/xml/ PHP: http://www.php.net/ JavaScript: http://devedgetemp.mozilla.org/library/manuals/2000/javas cript/1.5/reference/

Bardziej szczegółowo

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie

Bardziej szczegółowo

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce

Bardziej szczegółowo

za pomocą: definiujemy:

za pomocą: definiujemy: HTML CSS za pomocą: języka HTML arkusza CSS definiujemy: szkielet strony wygląd strony Struktura dokumentu html - znaczniki Znaczniki wyznaczają rodzaj zawartości. element strony

Bardziej szczegółowo

Podstawowe znaczniki języka HTML.

Podstawowe znaczniki języka HTML. Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe

Bardziej szczegółowo

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np.

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR> Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej

Bardziej szczegółowo

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar)

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar) Tworzenie witryn internetowych PHP/Java (mgr inż. Marek Downar) Hypertext Xanadu Project (Ted Nelson) propozycja prezentacji dokumentów pozwalającej czytelnikowi dokonywać wyboru Otwarte, płynne oraz ewoluujące

Bardziej szczegółowo

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008 Wprowadzenie do HTML, CSS, JavaScript, PHP Kurs 18.11 2008 22 12. 2008 Narzędzia do tworzenia i utrzymania dokumentów web owych Edytory HTML Server WWW i baz danych Przeglądarka internetowa kompilator

Bardziej szczegółowo

WITRYNY I APLIKACJE INTERNETOWE

WITRYNY I APLIKACJE INTERNETOWE WITRYNY I APLIKACJE INTERNETOWE TECHNIKUM INFORMATYCZNE wg programu 351203 KLASA II 3 godz. tygodniowo 90 godziny Liczba godzin w cyklu kształcenia 180 rok szkolny 2013/2014 Sylwia Płonka 2. W 1980 fizyk

Bardziej szczegółowo

O stronach www, html itp..

O stronach www, html itp.. O stronach www, html itp.. Prosty wstęp do podstawowych technik spotykanych w internecie 09.01.2015 M. Rad Plan wykładu Html Przykład Strona www Xhtml Css Php Js HTML HTML - (ang. HyperText Markup Language)

Bardziej szczegółowo

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie

Bardziej szczegółowo

Hyper Text Markup Language

Hyper Text Markup Language Podstawy projektowania dokumentów WWW Język znaczników HTML Hyper Text Markup Language Język słuŝący do zapisu dokumentów WWW. Opisuje wygląd dokumentu i definiuje łączniki hipertekstowe, pozwalające na

Bardziej szczegółowo

Języki programowania wysokiego poziomu WWW

Języki programowania wysokiego poziomu WWW Języki programowania wysokiego poziomu WWW Zawartość Protokół HTTP Języki HTML i XHTML Struktura dokumentu html: DTD i rodzaje html; xhtml Nagłówek html - kodowanie znaków, język Ciało html Sposób formatowania

Bardziej szczegółowo

I. Formatowanie tekstu i wygląd strony

I. Formatowanie tekstu i wygląd strony I. Formatowanie tekstu i wygląd strony Akapit: ... aby wyrównać tekst do lewego marginesu aby wyrównać tekst do prawego marginesu:

Bardziej szczegółowo

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy Informatyka - podstawowe tematy WSzPWN - Język HTML, podstawy str. 1 ĆWICZENIA Z JĘZYKA HTML Struktura dokumentu, znaczniki, tabele, hiperłacza Być może trudno w to uwierzyć, jednak strony WWW są tekstem

Bardziej szczegółowo

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css. Kaskadowe arkusze stylów CSS Geneza - oddzielenie struktury dokumentu HTML od reguł prezentacji - poszerzenie samego HTML Korzyści - przejrzystość dokumentów - łatwe zarządzanie stylem (wyglądem) serwisu

Bardziej szczegółowo

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Style CSS Wstęp Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Podstawową zaletą i zadaniem stylów jest oddzielenie

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 6

Tworzenie Stron Internetowych. odcinek 6 Tworzenie Stron Internetowych odcinek 6 CSS kaskadowe arkusze stylów CSS (Cascading Style Sheets), czyli Kaskadowe Arkusze Stylów "stylów" "arkusze" Reguły opisujące wygląd dokumentu opisanego za pomocą

Bardziej szczegółowo

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej. Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 90 minut, przedmiot: TI Temat lekcji: Tworzenie strony internetowej

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 5

Tworzenie Stron Internetowych. odcinek 5 Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja

Bardziej szczegółowo

Tomasz Boiński: 1. Pozycjonowanie stron i zastosowanie mod_rewrite

Tomasz Boiński: 1. Pozycjonowanie stron i zastosowanie mod_rewrite Tomasz Boiński: 1 Pozycjonowanie stron i zastosowanie mod_rewrite Pozycjonowanie stron Promocja strony odbywa się poprzez umiejscowienie jej jak najwyżej w wynikach wyszukiwania Wyszukiwarki indeksują

Bardziej szczegółowo

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony:

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony: Struktura języka HTML ZNACZNIKI Oto bardzo prosta strona WWW wyświetlona w przeglądarce: Rysunek 1: Przykładowa strona wyświetlona w przeglądarce A tak wygląda kod źródłowy takiej strony: Rysunek 2: Kod

Bardziej szczegółowo

Tworzenie stron internetowych w oparciu o język HTML

Tworzenie stron internetowych w oparciu o język HTML Ćwiczenie 1 Temat: Tworzenie stron internetowych w oparciu o język HTML Cel ćwiczenia: Celem ćwiczenia jest zapoznanie studenta z technologią tworzenia stron internetowych z wykorzystaniem języka HTML.

Bardziej szczegółowo

Moduł IV Internet Tworzenie stron www

Moduł IV Internet Tworzenie stron www Ze strony internetowej www.kaze.zut.edu.pl z folderu BUDOWA JACHTÓW pobierz i zapisz je do własnego folderu następujące pliki: znak_drogowy.png, morze.jpg, logo_ecdl.gif, logobj.png ZADANIE 1 Podstawy

Bardziej szczegółowo

Specyfikacja techniczna dot. mailingów HTML

Specyfikacja techniczna dot. mailingów HTML Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej

Bardziej szczegółowo

URL: http://www.ecdl.pl

URL: http://www.ecdl.pl Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo

Bardziej szczegółowo

Kaskadowe arkusze stylów (CSS)

Kaskadowe arkusze stylów (CSS) Kaskadowe arkusze stylów (CSS) CSS (Cascading Style Sheets) jest to język opisujący sposób, w jaki przeglądarki mają wyświetlać zawartość odpowiednich elementów HTML. Kaskadowe arkusze stylów służą do

Bardziej szczegółowo

[

]
Materiały dydaktyczne 1/5

<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5 PODSTAWOWE INFORMACJE HTML (HyperText Mark-up Language) język programowanie, który pozwala na publikowanie treści w sieci WWW. Nie jest to klasyczny język liniowy (w HTML mamy dostęp w każdym miejscu do

Bardziej szczegółowo

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1. Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1

Bardziej szczegółowo

HTML podstawowe polecenia

HTML podstawowe polecenia HTML podstawowe polecenia Szkielet dokumentu:

Bardziej szczegółowo

Wykład 3 / Wykład 4. Na podstawie CCNA Exploration Moduł 3 streszczenie Dr inż. Robert Banasiak

Wykład 3 / Wykład 4. Na podstawie CCNA Exploration Moduł 3 streszczenie Dr inż. Robert Banasiak Wykład 3 / Wykład 4 Na podstawie CCNA Exploration Moduł 3 streszczenie Dr inż. Robert Banasiak 1 Wprowadzenie do Modułu 3 CCNA-E Funkcje trzech wyższych warstw modelu OSI W jaki sposób ludzie wykorzystują

Bardziej szczegółowo

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów. JĘZYK - HTML Hipertekst - możliwośd przechodzenia między różnymi fragmentami tego samego lub różnych dokumentów, które zostały ze sobą powiązane. Jest systemem odnośników (tzw. Skrótów), działających na

Bardziej szczegółowo

Wprowadzenie do języka HTML

Wprowadzenie do języka HTML Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system

Bardziej szczegółowo

Ćwiczenie 2 Tekst podstawowe znaczniki.

Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 poświęcone jest formatowaniu tekstu za pomocą znaczników. AŜeby uzyskać poŝądany wygląd tekstu musimy posłuŝyć się określonymi znacznikami. Ćwiczenie

Bardziej szczegółowo

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,

Bardziej szczegółowo

Systemy internetowe. Wykład 5 Architektura WWW. West Pomeranian University of Technology, Szczecin; Faculty of Computer Science

Systemy internetowe. Wykład 5 Architektura WWW. West Pomeranian University of Technology, Szczecin; Faculty of Computer Science Systemy internetowe Wykład 5 Architektura WWW Architektura WWW Serwer to program, który: Obsługuje repozytorium dokumentów Udostępnia dokumenty klientom Komunikacja: protokół HTTP Warstwa klienta HTTP

Bardziej szczegółowo

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Zad.1 Zapoznaj się z poniŝszymi artykułami dotyczącymi projektowania stron WWW:. http://galeria.muzykaduszy.pl/zasady.php

Bardziej szczegółowo

CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów).

CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów). Co to jest CSS? CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów). Co mogę zrobić z CSS? CSS jest językiem stylu określającego układ graficzny dokumentów HTML. Na przykład, CSS

Bardziej szczegółowo

Specyfikacja mailingu GG Network

Specyfikacja mailingu GG Network Specyfikacja mailingu GG Network Styczeń 2012 2 Mailing założenia ogólne Do wysłanego mailingu konieczne jest dostarczenie: kreacji typu HTML (do 30 kb); tematu mailingu; nadawcy mailingu; danych reklamodawcy

Bardziej szczegółowo

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional). Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu

Bardziej szczegółowo

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika.

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika. Lekcja 1: Znaczniki Charakterystyczną cechą kodu HTML są tzw. znaczniki (tagi), które służą do formatowania wprowadzanych na stronę internetową treści, informując przeglądarkę jak powinna wyświetlić teksty

Bardziej szczegółowo

Programowanie internetowe

Programowanie internetowe Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML

Bardziej szczegółowo

I. Informacje ogólne. Jednym z takich systemów jest Mambo.

I. Informacje ogólne. Jednym z takich systemów jest Mambo. MAMBO (CMS) I. Informacje ogólne CMS, Content Management System ("system zarządzania treścią") jest to jedna lub zestaw aplikacji internetowych pozwalających na łatwe utworzenie oraz późniejszą aktualizację

Bardziej szczegółowo

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,

Bardziej szczegółowo

Odsyłacze. Style nagłówkowe

Odsyłacze. Style nagłówkowe Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami

Bardziej szczegółowo

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa

Bardziej szczegółowo

Wprowadzenie do programowania www

Wprowadzenie do programowania www Wprowadzenie do programowania www Niezbędne elementy klient kontra programista Internet Przeglądarka Wyszukiwarka Szybki Internet Hosting Domena Program graficzny (projekt) Klient FTP Edytor HTML CMS Przeglądarki

Bardziej szczegółowo

Wordpress: http://wordpress.org. Joomla! http://www.joomla.org/ Drupal. http://drupal.org

Wordpress: http://wordpress.org. Joomla! http://www.joomla.org/ Drupal. http://drupal.org System zarządzania treścią (Content Management System, CMS) jest to aplikacja internetowa lub ich zestaw, pozwalająca na łatwe utworzenie serwisu WWW oraz jego późniejszą aktualizację i rozbudowę. Prezentacja

Bardziej szczegółowo

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Politechnika Gdańska Wydział Elektrotechniki i Automatyki Katedra Inżynierii Systemów Sterowania SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Temat: Prosty serwis internetowy oparty o zestaw powiązanych

Bardziej szczegółowo

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript. Instrukcja laboratoryjna do ćwiczenia: 1. Cel ćwiczenia Strona internetowa w systemach unix-owych Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania

Bardziej szczegółowo

I. Dlaczego standardy kodowania mailingów są istotne?

I. Dlaczego standardy kodowania mailingów są istotne? 1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego

Bardziej szczegółowo

PageRank i HITS. Mikołajczyk Grzegorz

PageRank i HITS. Mikołajczyk Grzegorz PageRank i HITS Mikołajczyk Grzegorz PageRank Metoda nadawania indeksowanym stronom internetowym określonej wartości liczbowej, oznaczającej jej jakość. Algorytm PageRank jest wykorzystywany przez popularną

Bardziej szczegółowo

Podstawy tworzenia stron internetowych

Podstawy tworzenia stron internetowych Podstawy tworzenia stron internetowych HTML Wstęp Do edycji stron HTML (Hyper Text Markup Language) można wykorzystać dowolny edytor tekstowy (np. Notatnik) umożliwiający edycję zwykłych plików tekstowych.

Bardziej szczegółowo

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar)

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar) Tworzenie witryn internetowych PHP/Java (mgr inż. Marek Downar) Rodzaje zawartości Zawartość statyczna Treść statyczna (np. nagłówek, stopka) Layout, pliki multimedialne, obrazki, elementy typograficzne,

Bardziej szczegółowo

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ Systemy baz danych 1. 2 Wstęp do baz danych 2. 2 Relacyjny model baz danych. 3. 2 Normalizacja baz danych. 4. 2 Cechy

Bardziej szczegółowo

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium HTML + CSS Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej składającej się z zestawu stron w języku HTML. Ćwiczenia można wykonać na dowolnym komputerze,

Bardziej szczegółowo

Akademia Techniczno-Humanistyczna w Bielsku-Białej

Akademia Techniczno-Humanistyczna w Bielsku-Białej Akademia Techniczno-Humanistyczna w Bielsku-Białej Wydział Budowy Maszyn i Informatyki Laboratorium z sieci komputerowych Ćwiczenie numer: 8 Temat ćwiczenia: Tworzenie stron WWW (HTML, skrypty CSS). 1.

Bardziej szczegółowo

p { color: yellow; font-weight:bold; }

p { color: yellow; font-weight:bold; } Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 13: CSS Wstęp Cascading Style Sheets (Kaskadowe Arkusze Styli, w skrócie CSS) jest językiem, który opisuje sposób w jaki będzie wyświetlana

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 5

Tworzenie stron internetowych w kodzie HTML Cz 5 Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia

Bardziej szczegółowo

Hosting WWW Bezpieczeństwo hostingu WWW. Dr Michał Tanaś (http://www.amu.edu.pl/~mtanas)

Hosting WWW Bezpieczeństwo hostingu WWW. Dr Michał Tanaś (http://www.amu.edu.pl/~mtanas) Hosting WWW Bezpieczeństwo hostingu WWW Dr Michał Tanaś (http://www.amu.edu.pl/~mtanas) Zakres tematyczny 1. Wstęp 2. Protokoły komunikacji 3. Serwer WWW Apache 4. Aplikacje server-side PHP 5. Firewall

Bardziej szczegółowo

HTML jak zrobić prostą stronę www

HTML jak zrobić prostą stronę www HTML jak zrobić prostą stronę www Z tej prezentacji dowiemy się: - co to jest HTML - jak znając podstawy HTML'a zrobić prostą stronę Co to jest HTML? HTML = HyperText Markup Language, czyli język znaczników

Bardziej szczegółowo

Strony WWW - podstawy języka HTML

Strony WWW - podstawy języka HTML Strony WWW - podstawy języka HTML Jacek Krzaczkowski 2004 r. HTML (Hyper Text Markup Language) jest językiem opisu dokumentu używanym do tworzenia stron WWW. Znaczniki języka HTML informują przeglądarkę

Bardziej szczegółowo

przygotował: mgr Szymon Szewczyk PODSTAWY

przygotował: mgr Szymon Szewczyk PODSTAWY S t r o n a 1 PODSTAWY Każdy dokument musi być w całości zawarty między znacznikami - i (większość znaczników musi być odwołana ). Dokument HTML a składa się z dwóch części: - głowy

Bardziej szczegółowo

Podstawy JavaScript ćwiczenia

Podstawy JavaScript ćwiczenia Podstawy JavaScript ćwiczenia Kontekst:

Bardziej szczegółowo

Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)

Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW) Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW) Określa pojęcia dotyczące prezentacji. Projektuje i wykonuje prezentację multimedialną

Bardziej szczegółowo

Sylabus Moduł 2: Przetwarzanie tekstów

Sylabus Moduł 2: Przetwarzanie tekstów Sylabus Moduł 2: Przetwarzanie tekstów Niniejsze opracowanie przeznaczone jest dla osób zamierzających zdać egzamin ECDL (European Computer Driving Licence) na poziomie podstawowym. Publikacja zawiera

Bardziej szczegółowo

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i

Bardziej szczegółowo

e r T i H M r e n L T n

e r T i H M r e n L T n s e r T t w o i H M r e o T n w z n L Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny

Bardziej szczegółowo

156.17.4.13. Adres IP

156.17.4.13. Adres IP Adres IP 156.17.4.13. Adres komputera w sieci Internet. Każdy komputer przyłączony do sieci ma inny adres IP. Adres ten jest liczbą, która w postaci binarnej zajmuje 4 bajty, czyli 32 bity. W postaci dziesiętnej

Bardziej szczegółowo

Ćwiczenie 4 - Tabele

Ćwiczenie 4 - Tabele Ćwiczenie 4 - Tabele W ćwiczeniu tym zajmujemy się tabelami. Tabele moŝna wykorzystywać do róŝnych celów. W tabelach moŝna prezentować dane i je wyliczać, moŝna ustalić określony układ treści i stworzyć

Bardziej szczegółowo

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML

Bardziej szczegółowo

HTML kurs podstawowy. nagłówek, linia pozioma, obraz, img, ramka, div, tabela, tabel, lista

HTML kurs podstawowy. nagłówek, linia pozioma, obraz, img, ramka, div, tabela, tabel, lista HTML kurs podstawowy Wykład: język znaczników, atrybuty, XML, XHTML, rodzaje znaczników, wybór edytora, struktura dokumentu, head, title, body, kodowanie, utf-8, iso-8859-2, meta, link, akapit, font, color,

Bardziej szczegółowo

CMS- kontakty (mapa)

CMS- kontakty (mapa) CMS- kontakty (mapa) Rozpatrzy inny rodzaj kontaktu mapa sytuacyjna. W naszej kategorii kontaktów dodamy teraz multimedialną mapę dojazdową. W tym celu potrzebny nam będzie moduł HTML 1.0. Będziemy mogli

Bardziej szczegółowo

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30 MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.

Bardziej szczegółowo

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo

Bardziej szczegółowo

System komputerowy. Sprzęt. System komputerowy. Oprogramowanie

System komputerowy. Sprzęt. System komputerowy. Oprogramowanie System komputerowy System komputerowy (ang. computer system) to układ współdziałaniadwóch składowych: sprzętu komputerowegooraz oprogramowania, działających coraz częściej również w ramach sieci komputerowej.

Bardziej szczegółowo

Spis treści. Warto zapamiętać...2. Podstawy...3

Spis treści. Warto zapamiętać...2. Podstawy...3 Spis treści Warto zapamiętać...2 Podstawy...3 Moduły:...12 Aktualności...12 Fotogaleria i galeria wideo...13 Download...15 Przekierowanie...16 Formularz...17 Katalog produktów...18 Komponenty...18 Pokaz

Bardziej szczegółowo

Technologie internetowe

Technologie internetowe Protokół HTTP Paweł Rajba pawel@ii.uni.wroc.pl http://www.kursy24.eu/ Spis treści Protokół HTTP Adresy zasobów Jak korzystać z telnet? Metody protokołu HTTP Kody odpowiedzi Pola nagłówka HTTP - 2 - Adresy

Bardziej szczegółowo

Plan wykładu. Wprowadzenie Działanie strony internetowej. Tworzenie stron internetowych. Projektowanie witryny

Plan wykładu. Wprowadzenie Działanie strony internetowej. Tworzenie stron internetowych. Projektowanie witryny Plan wykładu Wprowadzenie Działanie strony internetowej statycznej dynamicznej Tworzenie stron internetowych technologie i narzędzia Projektowanie witryny wskazówki Podsumowanie informatyka + 2 Przykłady

Bardziej szczegółowo

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI SPIS TREŚCI 1.Dwie metody przekazu danych do serwera 2 2.Metoda GET przykład 3 3.Metoda POST przykład 4 4.Kiedy GET a kiedy POST 5 5.Szablony po co je stosować 7 6.Realizacja szablonu własną funkcją 8

Bardziej szczegółowo

Tomasz Grześ. Systemy zarządzania treścią

Tomasz Grześ. Systemy zarządzania treścią Tomasz Grześ Systemy zarządzania treścią Co to jest CMS? CMS (ang. Content Management System System Zarządzania Treścią) CMS definicje TREŚĆ Dowolny rodzaj informacji cyfrowej. Może to być np. tekst, obraz,

Bardziej szczegółowo

TECHNOLOGIA INFORMACYJNA

TECHNOLOGIA INFORMACYJNA KATEDRASYSTEMÓWOBLICZENIOWYCH TECHNOLOGIA INFORMACYJNA 1. Podstawy Zajęcia opierają się na wykorzystaniu dostępnych zasobów sprzętowych (serwery) oraz rozwiązań programowych (platforma uczelniana, systemy

Bardziej szczegółowo

rk HTML 4 a 5 różnice

rk HTML 4 a 5 różnice rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się

Bardziej szczegółowo

Proste kody html do szybkiego stosowania.

Proste kody html do szybkiego stosowania. Proste kody html do szybkiego stosowania. Często, w trakcie pracy z blogiem czy portalem zachodzi potrzeba umieszczenia grafiki, linku zaszytego w grafice czy innych podobnych. Szczególnie w widgetach

Bardziej szczegółowo

Wyszukiwarki stosują różne metody oceny stron i algorytmy oceniające za indeksowane strony różnią się w poszczególnych wyszukiwarkach, ale można

Wyszukiwarki stosują różne metody oceny stron i algorytmy oceniające za indeksowane strony różnią się w poszczególnych wyszukiwarkach, ale można Wyszukiwarki stosują różne metody oceny stron i algorytmy oceniające za indeksowane strony różnią się w poszczególnych wyszukiwarkach, ale można jednak wyróżnić 3 główne elementy, które brane są pod uwagę:

Bardziej szczegółowo

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik Zaawansowana Pracownia Komputerowa - Ćwiczenia Krzysztof Miernik HTML - Podstawowe Informacje HTML to hipertekstowy język znaczników (ang. HyperText Markup Language) służacy do tworzenia stron internetowych

Bardziej szczegółowo

Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem

Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem HTML (ang. Hyper Text Markup Language) jest to język znaczników używany do tworzenia stron internetowych. Obecnie stosowane są dwie wersje tego języka: HTML 4.01, która obowiązuje już od dawna, oraz HTML5,

Bardziej szczegółowo

Witryny i aplikacje internetowe. mgr inż. Remigiusz Pokrzywiński

Witryny i aplikacje internetowe. mgr inż. Remigiusz Pokrzywiński Witryny i aplikacje internetowe mgr inż. Remigiusz Pokrzywiński Podstawowe pojęcia dotyczące stron internetowych Strona internetowa, strona WWW (ang. web page) dokument HTML udostępniony w Internecie przez

Bardziej szczegółowo