Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +

Podobne prezentacje


Prezentacja na temat: "Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +"— Zapis prezentacji:

1 Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +

2 TYTUŁ: Tworzenie własnego serwisu WWW do zastosowań Fizyki – „Optyka” AUTOR: Bożena Kalbarczyk informatyka + 2

3 Spis treści 1.Wybór programu 2.Tworzenie folderu strony 3.Organizacja folderu strony 4.Nazwy folderów i plików Tytuły strony i plików 5.Wspólne obramowanie 6.Tabele 7.Wstawianie tabel na stronę 8.Formatowanie tabeli 9.Wstawianie grafiki 10.Wstawianie tła 11.Motyw 12.Motyw 13.Gotowe cliparty i przyciski 14.Standardowa galeria zdjęć 15.Hiperłącza 16.Aktywne składniki 17.Komponenty zewnętrzne 18.ZEGARY 19.SKRYPT IMIENIN 20.DATA 21.LICZNIKI WEJŚĆ 22.Licznik i księga gości 23.KALENDARZE 24. Wstawianie filmów (WMV) 25.Wstawianie filmów (SWF) 26.Wstawianie filmu z YouTube 27.Wstawianie tła dźwiękowego 28.Publikowanie strony w Internecie 29.Wstawianie pokazu slajdów 30.Bibliografia

4 Wybór programu Spośród wielu możliwości na stworzenie własnej strony www, na uwagę szczególnie początkujących użytkowników zasługuje program Ms FrontPage. Microsoft FrontPage – nierozwijany pakiet firmy Microsoft, dostępny jako oddzielna aplikacja lub jako część pakietu Microsoft Office, także w polskiej wersji językowej. Jest to jedno z najczęściej używanych narzędzi webmasterskich na rynku, zwłaszcza w firmach i biurach, w środowisku Windows.

5 Tworzenie folderu strony Pierwszym krokiem w kierunku utworzenia pustej sieci WEB jest utworzenie folderu strony, który zapisujemy w Moje dokumenty, w katalogu Moje witryny. W folderze tym umieścimy później wszystkie elementy naszej strony internetowej, począwszy od plików htm, poprzez grafikę i obrazy, na multimediach skończywszy Zobacz jak to zrobić: semestr/001/frontpage/projekt/01_tworzenie_pust ej_strony/001_tworzenie_pustej_sieci_web_film.htm

6 Organizacja folderu strony Należy pamiętać o właściwej organizacji treści, którą chcemy umieścić na stronie. Jeśli umieścimy wszystkie pliki w jednym katalogu, po pewnym czasie zapanuje chaos i ciężko będzie odnaleźć cokolwiek. Należy więc pamiętać, aby w folderze głównym utworzyć kilka podkatalogów źle dobrze

7 Nie należy zapominać o zasadzie tytułowania folderów i plików. Nie mogą się tam znaleźć ani polskie znaki, ani puste odstępy (spacje). Jeśli chcemy nazwać plik np. bałwanek.jpg - musimy usunąć z niego polski znak i zapisać go jako balwanek.jpg. Jeśli zaś nazwa pliku lub folderu musi być dwu - bądź wieloczłonowa, każdy odstęp pomiędzy wyrazami należy zastąpić podkreślnikiem: _. Nazwa pliku np. układ słoneczny.jpg, będzie wyglądała następująco: uklad_skloneczny.jpg. Nazwy folderów i plików

8 Tytuły strony i plików Tytuł strony to napis, który wyświetla się na pasku tytułowym przeglądarki internetowej. Nie zatytułowanie jej sprawi, że nasza strona będzie miała nazwę Nowa strona 1.

9 Wspólne obramowanie Obramowanie wspólne to sposób na dobrą organizację strony, która będzie miała wiele podstron. Pozwala ono na wyodrębnienie miejsc, które na każdej nowej stroni będą pojawiały się w tym samym miejscu. Aby ustawić na stronie to obramowanie, powinna być ona pusta. Wybieramy polecenie Format i Obramowanie wspólne. Jak widać na obrazku powyżej obramowanie to może dotyczyć czterech obszarów. Ale może także dotyczyć dwóch (jak na obrazku poniżej) czy na przykład jednego obszaru.

10 Wspólne obramowanie Jeśli zaznaczymy opcję Wszystkie strony, wklejona w obramowaniu wspólnym grafika lub tekst pojawi się na każdej stronie w tym samym miejscu i w niezmienionej formie. Zmiana grafiki lub tekstu w tym obszarze, spowoduje taką samą zmianę na wszystkich stronach. Jak ustawić obramowanie wspólne zobacz na filmie I_semestr/001/frontpage/projekt/02_podzial_tabe le/001_obramowanie_wspolne_film.htm

11 Tabele Tabela pozwala rozplanować elementy na stronie i umożliwia umieszczenie ich tam, gdzie chcemy aby się znajdowały. Nie wymusza jednak identycznych elementów tak jak to się dzieje przy obramowaniu wspólnym. Jeśli chcemy, aby tabela lub inne elementy znajdowały się na każdej stronie w tym samym miejscu, wystarczy utworzyć stronę-szablon z odpowiadającymi nam ustawieniami (tabelą, tekstem, grafiką), a następnie tworzyć z niej kolejne strony.

12 Wstawianie tabel na stronę Tabelę wstawiamy na stronę poprzez polecenie na pasku poleceń Tabela, a następnie Wstaw i Tabela. Pokazuje się tabelka, którą widzimy poniżej. W sekcji Rozmiar ustawiamy ilość wierszy i kolumn naszej tabeli. Komórki tabeli można dzielić i scalać.

13 Formatowanie tabeli Wyrównanie domyślne ustawi naszą tabelę po lewej stronie. Możemy również ustawić tabelę z prawej strony lub do osi, co oznacza, że tabela będzie umiejscowiona po środku strony. Rozmiar obramowania Każda większa liczba od 1 pogrubi obramowanie tabeli. Wartość 0 sprawi, że tabela będzie całkowicie niewidoczna na stronie. Dopełnienie komórek tworzy w ramce odstęp pomiędzy linią obramowania a znajdującą się w niej zawartością.

14 Formatowanie tabeli Odstęp między komórkami tworzy się pomiędzy poszczególnymi komórkami tworząc przestrzeń pomiędzy tekstem a linią boczną komórki. Szerokość tabeli możemy określić na dwa sposoby: 1.Poprzez określenie procentowo jej szerokości na stronie 2.Możemy określić jej szerokość w pikselach. Aby dowiedzieć się więcej o tabelach zobacz film /II_semestr/001/frontpage/projekt/02_podzial_ tabele/002_tabele_film.htm

15 Wstawianie grafiki Używamy do tego polecenie Wstaw, a następnie Obraz oraz Z pliku.... Należy pamiętać aby obraz nie był zbyt duży. Po pierwsze będzie się długo wczytywać, a po drugie obciąży niepotrzebnie naszą stronę. Jeśli chcemy wkleić zdjęcie np. do galerii, które ma następnie pojawić się w pustym oknie i zajmować cały obszar okna, nie powinno być ono większe niż standardowa rozdzielczość ekranu monitora, czyli 1024 x 768 lub 1152 x 864. Jeżeli wklejamy na stronę zdjęcie, które ma się na niej pojawić obok innych elementów, powinno być one nie większe niż 50% obszaru strony ( 450 x 450 pixeli). Dużym błędem jest też wklejanie na stronę dużego zdjęcia i pomniejszanie go już na stronie.

16 Wstawianie tła Tło strony ustawiamy poprzez kliknięcie polecenia Format, a następnie Tło. Pojawia się tabelka, w której możemy ustawić nie tylko kolor tła, ale również tekstu i hiperłączy.

17 Wstawianie tła Jak ustawić te dane zobacz na filmie: ukcje/II_semestr/001/frontpage/projekt/ 03_grafika/002_tlo_film.htm

18 Motyw Motyw jest zestawem połączonych ze sobą elementów strony: tła, kolorystyki, grafiki i stylów czcionek Microsoft FrontPage zawiera wiele gotowych motywów. Motyw można zastosować do jednej lub wielu stron albo do całej witryny. Motyw uwzględnia wszystkie aspekty wyglądu strony: Kolory - w tym kolory tekstu podstawowego, nagłówków, hiperłączy, napisu na transparencie, etykiet na pasku łączy, obramowania tabel i tła strony. Grafiki - np. obrazy tła, transparenty, punktory, przyciski nawigacyjne oraz linie poziome. Można stosować grafiki standardowe lub aktywne. W zestawie grafik aktywnych na paskach łączy zamiast zwykłych przycisków znajdują się przyciski interakcyjne.

19 Motyw Jak to zrobić zobacz na filmie Style - czyli odmienne style i rozmiary czcionek tekstu podstawowego i nagłówków. Każdy motyw można dowolnie zmieniać i edytować, poprzez wybieranie schematów kolorów, dodawanie grafiki oraz wybór stylów czcionek. Istnieje również możliwość utworzenia własnego motywu, który może składać się z elementów dostępnych w MS FrontPage lub zewnętrznych, wybranych przez nas. je/II_semestr/001/frontpage/projekt/03_grafi ka/002_motyw_film.htm

20 Gotowe cliparty i przyciski Projektując stronę internetową nie należy zapominać, że sam MS Office proponuje szereg elementów i komponentów, które mogą uatrakcyjnić wygląd naszej witryny. W folderze Microsoft Office znajdują się tysiące obrazków, ruchomych gifów, teł, przycisków, linii i wiele innych grafik. Wystarczy po nie sięgnąć. Ich zaletą jest to, że są idealnie dopasowane do stron internetowych zarówno pod względem konstrukcji, jak i rozmiaru, który jest niewielki i nie powoduje obciążenia witryny.

21 Standardowa galeria zdjęć Tworzy się poprzez wklejenie na stronę zdjęcia w rzeczywistym rozmiarze, a następnie kliknięcie na nią prawym klawiszem myszy i wybranie opcji "Autominiatura". Można także użyć Składnika sieci WEB, który zawiera gotowe wzory galerii, które działają na tej samej zasadzie, a więc tworzą na stronie autominiatury dużych zdjęć.

22 Standardowa galeria zdjęć Jak wykonać taką galerię zobacz na filmie /II_semestr/001/frontpage/projekt/04_galeria/ 005_galerias_film.htm

23 Hiperłącza Hiperłącze to zamieszczone w dokumencie elektronicznym (tekstowym, graficznym, wideo, animacji, PDF, HTML) odwołanie do innego dokumentu lub innego miejsca w danym dokumencie. Odwołanie takie związane jest z fragmentem tekstu lub obrazem – uaktywnienie hiperłącza (kliknięcie lub nadejście odpowiedniego momentu) powoduje otwarcie dokumentu docelowego. Nowa strona może otworzyć się w tym samym lub w nowym oknie.

24 Hiperłącza Odnośników nie tworzy się na aktywnych komponentach, np. obiektach flash, pokazach slajdów i innych. Nie oznacza to jedna, że jest to niemożliwe. Jak utworzyć hiperłącze zobacz na filmie: kcje/II_semestr/001/frontpage/projekt/05_ hiperlacza/006_hiperlacza1_film.htm

25 Aktywne składniki Program MS Front Page pozwala na umieszczanie na stronie aktywnego menu. Sposobów na utworzenie takie menu jest kilka. Jednym z nich jest skorzystanie z Efektów języka DHTML, które znajdziemy w zakładce Format.

26 Aktywne składniki Jak utworzyć aktywne składniki zobacz na filmie: /II_semestr/001/frontpage/projekt/06_gotowe_ komponenty/001_aktywne_skladniki_film.htm

27 Komponenty zewnętrzne Komponenty i skrypty, które można umieścić na stronie internetowej to gotowe programy lub aplikacje, które za pomocą odpowiednich znaczników wkleja się do kodu strony. Elementy te są napisane w języku programowania. Najczęściej jest to HTML, JavaScript, PHP lub inne. Aplikacje takie można wkleić bezpośrednio na stronę lub umieścić na niej odnośnik, który pozwoli wyświetlać na naszej stronie skrypt, który funkcjonuje na innej stronie. Najczęściej poszukiwanymi komponentami są zegary, data, kalendarz, skrypt imienin, liczniki wejść

28 ZEGARY

29 SKRYPT IMIENIN

30 DATA document.write("Dziś jest " + podaj_date())

31 LICZNIKI WEJŚĆ

32 Licznik i księga gości ukcje/II_semestr/001/frontpage/projekt/0 8_publikowanie/licznik_ksiega_gosci_film.h tm

33 KALENDARZE

34 Wstawianie filmów ( WMV ) Film w formacie WMV można wstawić na stronę internetową, podobnie jak w formacie AVI oraz MOV i QT (Quick Time). Nie zaleca się wklejania na stronę internetową filmów w formacie WMV. Filmy takie zanim będą odtwarzane muszą się najpierw wczytać, a czasem trwa to dość długo, w zależności od rozmiaru pliku. Można wstawić taki film na stronę umieszczając w kodzie html, następujące znaczniki:

35 Wstawianie filmów (SWF) O wiele praktycznie jest umieszczać na stronie filmy w formacie SWF lub FLV. Film odtwarza się natychmiast. Należy wpisać następujący kod: W kodzie trzeba wpisać jedynie ścieżkę do filmu w naszym katalogu oraz wymiaru okna, w którym będzie się on odtwarzał. Jest to jeden ze sposobów, a efekt możemy zobaczyć mestr/001/frontpage/projekt/07_multimedia/filmik. htm

36 Wstawianie filmów (SWF) Innym sposobem, jest wklejenie następującego kodu. Efekt jest identyczny

37 Wstawianie filmu z YouTube Na naszej stronie możemy umieścić także film z innej strony. Taką opcję udostępnia np. serwis YouTube. Aby to zrobić należy odszukać w serwisie interesujący nas film, pobrać kod z ramki EMBED jak na obrazku poniżej i wkleić go w widoku html naszej strony.

38 Wstawianie tła dźwiękowego Z reguły odradza się umieszczania tła dźwiękowego na stronach internetowych. Internauci zgodnie twierdzą, że dźwięk przeszkadza w przeglądaniu stron. Koliduje on także z innymi mediami na stronie np. filmami. Aby umieścić na stronie tło dźwiękowe, czyli aby muzyka odtwarzała się bez żadnego panelu kontrolnego, należy do kodu kleić następujący znacznik: Można również użyć znacznika gdzie za pomocą znacznika ukryje się panel kontrolny, znacznik rozpocznie odtwarzanie dźwięku zaraz po wejściu na stronę, a znacznik określa ile razy powtórzyć dźwięk.

39 Publikowanie strony w Internecie Krok 1 W pasku poleceń wyszukaj ikonę odpowiedzialną na zainicjowanie publikowania. Krok 2 Wpisz w okno Miejsce docelowe publikowania adres FTP. Na serwerach Interia wpisuje się przydzielony adres ftp, ale nie zawsze się tak dzieje. Np. na portalu Onet Republika, serwer ftp jest ogólny, a dane szczegółowe podaje się dopiero przy kroku kolejnym. Wszelkie informacje na ten temat zostaną podane po założeniu konta WWW Krok 3 Wpisz nazwę użytkownika, która w tym przypadku jest składową adresu ftp - ms_front_page.w.interia.pl oraz hasło (takie samo jak hasło dostępu do konta). Krok 4 Opublikuj stronę.

40 Wstawianie pokazu slajdów Aby wstawić na stronę pokaz slajdów, na którym zdjęcia zmieniają się co jakiś czas, należy utworzyć taki pokaz w programie np. Sothink SWF Quicker, a następnie wkleić go na stronę w ten sam sposób jak film w formacie SWF. Sothink SWF Quicker

41 Bibliografia 1.http://www.uz.zgora.pl/~jjedrycz/mtii nstrukcje/II_semestr/001/frontpage/p rojekt/spis.htmhttp://www.uz.zgora.pl/~jjedrycz/mtii nstrukcje/II_semestr/001/frontpage/p rojekt/spis.htm 2.http://pl.wikipedia.org/wiki/Frontpagehttp://pl.wikipedia.org/wiki/Frontpage

42


Pobierz ppt "Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +"

Podobne prezentacje


Reklamy Google