STRONY INTERNETOWE KOMUNIKACJA NOWOCZESNA MARCIN GOLEC.

Prezentacja na temat: "STRONY INTERNETOWE KOMUNIKACJA NOWOCZESNA MARCIN GOLEC."— Zapis prezentacji:

1 STRONY INTERNETOWE KOMUNIKACJA NOWOCZESNA MARCIN GOLEC

2 STRONA WWW | CO TO JEST? 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. Strony Internetowe wykorzystywane w celu prowadzenia działalności gospodarczej mają duże znaczenie dla wizerunku firmy, co może mieć wpływ na wynik ekonomiczny działalności rynkowej, a ewentualne błędy na stronie internetowej mogą negatywnie oddziaływać na potencjalnych klientów. Strony internetowe można opracowywać we własnym zakresie z wykorzystaniem odpowiednich edytorów, NP. NVU, CO WYMAGA JEDNAK ZAZNAJOMIENIA SIĘ Z HTML I CSS.

3 STRONA | GDZIE POWSTAJE?

4 STRONA | TECHNIKA KIEDYŚDZIŚ

5 STRONA WWW | POJĘCIA Kaskadowe arkusze stylów (ang. Cascading style sheets, w skrócie CSS) to język służący do opisu formy prezentacji (wyświetlania) stron WWW. CSS został opracowany przez organizację W3C w 1996 r. Pierwszy szkic CSS zaproponowano w 1994 r. CSS został stworzony w celu odseparowania struktury dokumentu od formy jego prezentacji. SQL (ang. Structured query language) – strukturalny język zapytań używany do tworzenia, modyfikowania baz danych oraz do umieszczania i pobierania danych z baz danych. System zarządzania treścią (ang. Content management system, CMS) – oprogramowanie pozwalające na łatwe utworzenie serwisu WWW oraz jego późniejszą aktualizację i rozbudowę przez redakcyjny personel nietechniczny. Kształtowanie treści i sposobu ich prezentacji w serwisie internetowym zarządzanym przez CMS odbywa się za pomocą prostych w obsłudze interfejsów użytkownika, zazwyczaj w postaci stron WWW zawierających rozbudowane formularze i moduły.

6 STRONA WWW | POJĘCIA Szablon WWW (templatka) - element strony internetowej zawarty w głównej mierze w warstwie prezentacji, często projektowany pod określony systemem zarządzania treścią. Gotowe szablony WWW oprócz zorganizowanej grafiki zawierają w sobie interfejs nawigacyjny oraz funkcjonalności przewidziane pod wypełnienie treścią. W obiektowej kompozycji strony WWW opartej na nowoczesnych systemach zarządzania treścią, w prosty sposób można zmienić szablon strony internetowej bez ingerencji w treść i funkcjonalności. Największa na świecie baza gotowych szablonów WWW to TemplateMonster

7 STRONA | JAK POWSTAJE CMS? CSS SQL CMS

8 WEB DESING | CO TO JEST? Web design (pol. Projektowanie stron internetowych) – czynność polegająca na rozplanowaniu, zaprojektowaniu i wdrożeniu stron internetowych. Wymaga przemyślenia także takich elementów strony jak nawigacja, interaktywność, użyteczność, architektura informacji oraz współdziałanie elementów audio, tekstu, obrazków, hiperlinków oraz filmów. Połączenie dobrego projektu z dobrze opracowaną hierarchią treści, zwiększa skuteczność strony jako kanału komunikacyjnego i źródła wymiany danych. Podnosi to możliwości kontaktu pomiędzy dostawcą i odbiorcą treści.

9 WEB DESING | W PRAKTYCE

10 WEB DESING | DLACZEGO MI SIĘ PODOBA PRACA GRUPOWA: wybierz dowolną stronę internetową przeanalizuj ją pod kątem zawartości wybierz te elementy, które twoim zdaniem są atrakcyjne zastanów się dlaczego je wybrałeś? zwróć uwagę na następujące elementy: układ strony grafika rozmieszczenie menu teksty – sposób publikacji pozostałe elementy strony

11 STRONA | UKŁAD ELEMENTÓW

12 STRONA | PRZED PRDUKCJĄ Dobry plan pracy to podstawa udanej realizacji internetowej. Ma to bezpośrednie przełożenie na późniejsze losy strony.

13 STRONA | DLA KOGO? Kluczowe jest określenie dla kogo realizujemy stronę. Inna zawartość będzie charakteryzować stronę dla nauczycieli inna dla uczniów. Po analizie „targetu” strony, należy określić, które elementy serwisu należy profilować pod kątem odbiorcy (np. grafiki, wielkość czcionki, układ strony). Zawsze myślimy najpierw o użytkowniku końcowym – a nie o swoich oczekiwaniach co do wyglądu i zawartości strony

14 STRONA | O CZYM PISAĆ? Internetowy pamiętnik Strona organizacji Strona tematyczna Forum dyskusyjne Miejsce wymiany doświadczeń Miejsce promocji osoby, towaru, firmy, usługi, pomysłu Miejsce komunikacji mniej oficjalnej

15 STRONY | KONKRETNIE osobiste przemyślenia, opinie, komentarze rysunki, zdjęcia, nagrania dźwiękowe system archiwizacji wpisów system kategorii (targów) możliwość komentowania wpisów zestaw linków do blogów polecanych przez autora (blogroll)

16 STRONA | JAK ZACZĄĆ Wybór odpowiedniej platformy blogowej: Blogspot Bloog.pl Blog/Wordpress 1&1 i podobne Rejestracja i potwierdzenie maila Ustalenie nazwy (adresu bloga) Ustalenie wyglądu i zawartości bloga Repozytorium plików (szablony, moduły, układ, wtyczki)

17 STRONA | JAK ZACZĄĆ Ustalenie zawartości i układu pozycji menu Start O mnie Aktualności Projekty Galerie Kontakt Tworzenie kontentu merytorycznego bloga Promocja bloga (serwisy społecznościowe, tagowanie, blogroll)

18 STRONY | BEZPŁATNE SYSTEMY Blogger – www.blogger.comwww.blogger.com eBLOG – www.eblog.plwww.eblog.pl BLOX – www.blox.plwww.blox.pl Bloog.pl - www.bloog.plwww.bloog.pl Blog.pl/worpress – www.wordpress.comwww.wordpress.com Blog Onet – www.blog.onet.plwww.blog.onet.pl 1&1 – strona.1and1.pl

19 STRONA | PRZEGLĄD ROZWIĄZAŃ Bloog.pl Blogger.com Wordpress

20 SYSTEMY | RÓŻNICE Bloog plBlogger.comWordpress + Prosta obsługa Intuicyjne menu Przyzwoity system blogroll - Natarczywe reklamy Niewielkie możliwości personalizacji + Prosta obsługa Duże możliwości personalizacji Sporo gadżetów i wodotrysków Bardzo intuicyjna obsługa - Trudna rozbudowa Brak kaskadowego menu + Ogromny potencjał rozbudowy Bardzo duża liczba szablonów i gotowych rozwiązań Możliwość personalizacji każdego elementu - Trudniejsza obsługa – mniej intuicyjna

21 STRONA | DLACZEGO SYSTEMY BLOGOWE Szybki start - założenie konta to chwila Niskie koszty poza pracą własną – większość rozwiązań blogowych jest bezpłatna w zakresie podstawowym Zbliżenie się do odbiorców i interakcja – wynika bezpośrednio z założeń instrumentów WEB 2.0 – blogi i media społecznościowe. Oba nośniki „nie trawią” oficjalnego podejścia do poruszanych tematów i preferują formy ciekawe i nieszablonowe – idealne do promocji działań „latarniczych”. Prostota obsługi Możliwość pracy grupowej

22 STRONA | I CO DALEJ? PROMOCJA: JAK? GDZIE? DLACZEGO?

23 STRONA | BUDUJEMY PRACA WŁASNA LATARNIKÓW WARSZTAT