Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka + Jak stworzyć stronę internetową? Mirosław Garnowski Krzysztof Grzanka informatyka + Plan zajęć 1. Strona internetowa 2. HTML 3. Edytory HTML 4. System zarządzania treścią 5. Hosting strony 6. Pozycjonowanie strony informatyka + Strona internetowa Strona internetowa lub strona WWW (Webside, World Wide Web), to dokument, który może być odczytywany przez przeglądarki internetowe. informatyka + HTML HTML - Hyper Text Markup Language zwany hipertekstem. Język skryptowy stosowany do tworzenia stron internetowych. Składnia języka standaryzowana jest przez W3C World Wide Web Consortium HTML Przykład kodu html <!doctype html> <html lang="pl" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Tytuł strony</title> </head> <body> <h1>Nagłówek </h1> <p> Sposoby kodowania polskich znaków charset=UTF-8 <br /> charset=win-1250 <br /> charset=iso-8859-2 <br /> </p> </body> </html> Edytory HTML informatyka + Edytory HTML Do tworzenia stron w HTML nie są potrzebne kompilatory. Plik można stworzyć w notatniku i zapisać z rozszerzeniem html. Pisanie polega na stosowaniu znaczników (poleceń), które przeplatają się z tekstem dokumentu. informatyka + Edytory HTML Tworzenie strony internetowej ułatwiają specjalne programy-edytory, np.: - Pajączek, - EdHTML, - SeaMonkey i inne. Dokument może być również zapisany jaki skrypt html nawet przez edytor tekstu, np. Word. informatyka + Pajączek Pajączek 5 NxG Profesjonalny program zawierający rozbudowany zestaw narzędzi do tworzenia stron internetowych Zawiera narzędzia z podpowiedziami i weryfikacji kodu oraz automatycznej publikacji. informatyka + EdHTML Darmowy edytor html Pozwala wykorzystać szablony i projekty. Zawiera odrębne okienka do edycji ważniejszych poleceń. Umożliwia graficzne układanie elementów. Wraz z edytorem otrzymujemy program do cięcia grafik i tworzenia albumów na stronach www. SeaMonkey Darmowy edytor html Pakiet SeaMonkey to wszystkie programy potrzebne do korzystania z Internetu w jednym zestawie. Przeglądarka, klient poczty i grup dyskusyjnych, edytor stron HTML oraz program do pogawędek sieciowych IRC. informatyka + System zarządzania treścią (ang. Content Management System, CMS) oprogramowanie pozwalające na łatwe utworzenie stron WWW oraz ich późniejszą aktualizację i rozbudowę. CMS oddziela treści (informacje na stronie) od wyglądu (prezentacji ich na stronie www). Wprowadzone nowe informacje zapisywane są w bazie danych. Dane te są wykorzystywane do tworzenia dynamicznych strona z wykorzystaniem szablonów stron. System zarządzania treścią Popularne CMS WordPress Typo3 Drupal Quick.Cms Joomla! Gdzie umieścić stronę WWW • Strona WWW nie musi być umieszczana w Internecie aby działała • Darmowy hosting (miejsce na serwerze) • Płatny hosting • Blog internetowy Podstawowe cechy hostingu • oferowanie aplikacji kreujących • oddanie do dyspozycji przestrzeni dyskowej na serwerze • określona maksymalna ilości danych do przesłania przez łącza internetowe • zapewniona prędkość przesyłu danych i dostępności do strony • zarezerwowana nazwa na domenie • hosting powinien zapewniać ochronę znajdujących się na serwerze kont przed różnego typu atakami Darmowy hosting Często posiada ograniczenia: • przestrzeni dyskowej • brak dostępu do baz danych • ograniczenie transferu danych • nie obsługuje języki skryptowe (np. PHP) • zawiera reklamy Pozycjonowanie strony • dodanie adresu URL do katalogu Google • publikowanie filmów w serwisie youtube • prowadzenie blogu • dostarczanie linków na stronach • komentowanie na forach • dobór słów kluczowych