Wprowadzenie do programowania www

Transkrypt

1 Wprowadzenie do programowania www

2 Niezbędne elementy klient kontra programista Internet Przeglądarka Wyszukiwarka Szybki Internet Hosting Domena Program graficzny (projekt) Klient FTP Edytor HTML CMS Przeglądarki min 3 Wyszukiwarka

3 INTERNET

4 Internet (skrótowiec od ang. inter-network, dosłownie "między-sieć") ogólno wiatowa sieć komputerowa, okre lana również jako sieć sieci. W znaczeniu informatycznym Internet to przestrzeń adresów IP przydzielonych hostom i serwerom połączonym za pomocą urządzeń sieciowych, takich jak karty sieciowe, modemy i koncentratory, komunikujących się za pomocą protokołu internetowego z wykorzystaniem infrastruktury telekomunikacyjnej. Internet nie jest własno cią żadnej firmy Powstał w celu wymiany informacji

5 Sposoby wymiany informacji w sieci WWW (ang. World Wide Web), która pozwala na przeglądanie danych z dokumentów zawierających: tekst, grafikę, dźwięk lub nagrania wideo. Poczta elektroniczna ( ) to najstarsza z usług sieci Internetu. FTP (ang. File Transfer Protocol) daje nam możliwo ć pobierania i wysyłania plików. USENET (ang. USEr NETwork) sieć użytkowników. To globalna struktura grup dyskusyjnych użytkowników Internetu zainteresowanych konkretnym tematem. IRC (ang. Internet Relsy Chat) internetowe rozmowy online. Wyszukiwarki

6 Krótka historia 1969r. Departament Obrony USś rozpoczął projekt badawczy mający stworzyć sieć komunikacyjną dla wojska. Połączono kilka uniwersytetów stanowych, rozpoczynając rozwój Internetu. 1991r. - naukowcy z CERN-u opracowali standard WWW zniesiono zakaz używania Internetu do celów komercyjnych 20 grudnia - Polska zostaje przyłączona do Internetu do listopada na wiecie powstaje 26 serwerów TP S.ś.

7 Krótka historia 1993r. - powstaje pierwsza przeglądarka WWW umożliwiająca oglądanie graficznych stron - Mosaic (dostępna dla PC i śpple Macintosh) 1994r. - kwiecień - powstaje portal Yahoo! 1995r. - Powstaje pierwszy polski portal: Wirtualna Polska 23 sierpnia 1995 prezentacja nowej przeglądarki internetowej - Internet Explorer. 3 wrze nia 1995 rusza ebay. 1996r. - firma Polbox od listopada oferuje pierwsze w Polsce darmowe konta , a następnie WWW Powstaje portal Onet.pl, oficjalna premiera PHP, powstaje JavaScript, domena Google.com zostaje zarejestrowana.

8 Krótka historia 2000r Powstaje Gadu Gadu 2001r Powstaje Wikipediad 2004r Skype pierwszy program sterowany głosem Powstaje Mozilla Firefox 2005 YouTube Google Chrome

9 Internet zasada działania

10 Przeglądarki

11 Przeglądarki Przeglądarka internetowa lub przeglądarka WWW (ang. web browser) program komputerowy służący do pobierania i wy wietlania stron internetowych udostępnianych przez serwery WWW, a także odtwarzania plików multimedialnych, często przy użyciu dodatkowych rozszerzeń, zwanych wtyczkami. Chrome Firefox MSIE Opera WebKit Mobile Chrome Mobile Safari IEMobile OperaMini Maxthon

12 Przeglądarki udział w rynku Udział w rynku najpopularniejszych przeglądarek % 60.00% 50.00% 40.00% 30.00% 20.00% 10.00% 0.00% January 2012 December2012 January2013 December2013 September 2014 Chrome 35.30% 46.90% 48.40% 55.80% 59% 0 Internet Explorer 20.10% 14.70% 14.30% 9.00% 9.90% 0 Firefox 37.20% 31.10% 30.20% 26.80% 24.00% 0 Safari 4.30% 4.20% 4.20% 3.80% 3.60% 0 Opera 2.40% 2.10% 1.90% 1.90% 1.60% 0

13 Przeglądarki udział w rynku cd. Globalny udział przeglądarek [ZAKRES [ZAKRES KOMÓREK]; KOMÓREK] [ZAKRES [PROCENTOWE] [WśRTO Ć]; KOMÓREK]; [WśRTO Ć]; [ZAKRES KOMÓREK]; [WśRTO Ć]; [ZAKRES KOMÓREK]; [WśRTO Ć];

14 Polska kontra wiat [ZAKRES KOMÓREK]; [PROCENTOWE] [ZAKRES [ZAKRES KOMÓREK]; KOMÓREK] [WśRTO Ć]; [WśRTO Ć]; [ZAKRES KOMÓREK]; [ZAKRES [PROCENTOWKOMÓREK] E] [WśRTO Ć]; [ZAKRES KOMÓREK]; [WśRTO Ć]; [ZAKRES KOMÓREK]; [WśRTO Ć]; [ZAKRES KOMÓREK]; [WśRTO Ć]; [ZAKRES KOMÓREK]; [WśRTO Ć]; WIśT POLSKA [ZAKRES KOMÓREK]; [WśRTO Ć];

15 Świat Polska Chrome MSIE Firefox Safari Opera Inne 59% 31,40% 9,9% 14,34% 24% 33,86% 3,6% 0,98% 1,6% 5,88% 2,0% 13,57%

16 WWW

17 Strona czy witryna Strona WWW pojedynczy plik tekstowy zawierający odpowiednie polecenia języka HTML WITRYNA zbiór stron WWW, zwykle związanych ze sobą tematycznie, połączonych odsyłaczami. PORTAL rozbudowane witryny różnotematyczne połączone i powiązane ze sobą w obrębie jednej domeny.

18 Adres URL. URL adres, pod którym dostępna jest konkretna strona internetowa Protokół Nazwa strony cieżka bezwzględna /2014/listopad/pliki/test.html Nazwa hosta Nazwa domeny cieżka do katalogu Dokument

19 Architektura podstawowe pojęcia Domena nazwa komputera, powiązana z jego adresem IP Adres IP numer komputera, sieci unikatowy w skali całej DNS (ang. Domain Name System) system nazw domen Dopasowanie tekstowych nazw domen do odpowiadających im adresow IP

20 Rodzaje stron Strony statyczne - zasada działania

21 Rodzaje stron Strony dynamiczne - zasada działania tworzona jest przez serwer w momencie, kiedy użytkownik zażąda jej wy wietlenia Interakcja z użytkownikiem Baza danych Przykłady?

22 22 Strony statyczne a strony dynamiczne Strony statyczne Wady - nie można szybko zmienić tre ci - interakcja z użytkownikiem bardzo ograniczona Zalety - łatwo je utworzyć (kod HTML) Strony dynamiczne - trudniej je utworzyć (języki skryptowe są trudniejsze do opanowania niż HTML) - wymagają bazy danych na serwerze - łatwo i szybko można zmienić tre ć - umożliwiają interakcję z użytkownikiem

23 WWW WWW posiada własny protokół HTTP (HyperText Transfer Protocal) zawsze w pasku przeglądarki aders domenowy strony zaczyna się od Elementem wiążącym jest hipertekst dzi operuje się nazwą hiperłącze. Każda strona www jest zwykłym plikiem tekstowym zawierającym polecenia języka HTML (HyperText Markup Language). Strony tworzy się poprzez umieszczenie w dokumencie tekstów obudowanych znacznikami HTML (tags), pozwalającymi nadać znakom żądaną postać (np. rozmiar, kolor, wyrównanie tekstu).

24 Edytory Służą do edycji tre ci stron napisanych w html, css + dodatkowo mogą pomagać w pisaniu php, JavaScript itp. Podpowiadają, sprawdzają poprawno ć, tworzą podgląd i jeszcze więcej. Generalnie mamy do czynienia z dwoma różnymi typami edytorów: tradycyjne(tekstowe) i WYSIWYG (co widzisz to dostajesz)

25 WYSIWYG Nie musisz znać html a, css Cały kod strony generuje się automatycznie Wygodny (czas wcale nie) interfejs graficzny (przeciąganie komponentów) Nie masz pełnej kontroli nad tre cią Duża nadprodukcja kodu Częste błędy podczas wy wietlania Problemy w sytuacji gdy stronę trzeba poprawić za pomocą edytora tekstowego

26 Budowa Projekt + html + css = Twoja pierwsza strona www.

27 Tak wyglądała pierwsza strona ww

28 Koniec Dziękuję za uwagę.