Ćwiczenie 5 Multimedia
|
|
- Laura Nowicka
- 8 lat temu
- Przeglądów:
Transkrypt
1 Ćwiczenie 5 Multimedia W ćwiczeniu tym zajmujemy się multimediami i osadzaniem ich na stronach WWW. Poprzez multimedia rozumiemy pliki graficzne, muzyczne, video i inne ozdobniki umieszczone na stronie. Zalecałbym jednak ostroŝność przy uŝywaniu tych elementów poniewaŝ mogą znacznie powiększyć objętość strony, a tym samym wydłuŝyć jej wczytywanie. Ponadto nie wszyscy uŝywają tych samych przeglądarek i wszystkich wtyczek, więc mogą mieć problemy z odtwarzaniem tych plików. Koniecznie naleŝy umieszczać alternatywny tekst, który wyświetli się w tym przypadku zamiast multimediów. Warto teŝ się zastanowić czy przeładowywać strony niepotrzebnymi dodatkami, nie zawsze ładnie wyglądającymi, a prawie zawsze przeszkadzającymi. DuŜo lepszym wyjściem jest odnośnik do pliku z podaną jego objętością. Spakowane pliki do zadań do pobrania ze strony w pliku pliki_cw5.zip Na początku zajmiemy się plikami graficznymi. Do umieszczania na stronie grafiki słuŝy znacznik: <img />. MoŜna go uŝywać z takimi atrybutami: <img src="ścieŝka dostępu do obrazka" alt="tekst alternatywny" width="x" height="y" align="sposób" hspace="m" vspace="n" />. Atrybuty src i alt są wymagane. Wymiary teŝ warto podać, poniewaŝ przeglądarka zarezerwuje odpowiednie miejsce na stronie, nawet gdy obrazek się nie wyświetli. Atrybuty align, hspace, vspace są zdeprecjonowane, ale tu z nich skorzystamy... ścieŝka dostępu do obrazka: 1. względna ścieŝka dostępu do pliku graficznego 2. naleŝy wpisać drogę uwzględniając wszystkie foldery 3. wchodząc do folderu wpisujemy jego nazwę/ 4. wychodząc z folderu wpisujemy../ 5. na końcu podajemy nazwę pliku z rozszerzeniem tekst alternatywny: x: 1. tekst zastępczy, kiedy nie wyświetla się obrazek 1. szerokość obrazka podana w pikselach 2. lub w procentach - koniecznie ze znakiem: % 3. naleŝy podawać rzeczywiste rozmiary 4. nie powiększać grafiki zwiększając jej rozmiary
2 y: 1. wysokość obrazka podana w pikselach 2. lub w procentach - koniecznie ze znakiem: % 3. naleŝy podawać rzeczywiste rozmiary 4. nie powiększać grafiki zwiększając jej rozmiary sposób: m: n: 1. "left" - obrazek ustawiony po lewej stronie względem otaczającego go tekstu 2. "right" - obrazek po prawej stronie względem tekstu 3. "top" - tekst ustawiony na górze obrazka 4. "middle" - tekst ustawiony na średniej wysokości względem obrazka 5. "bottom" - tekst ustawiony na dole obrazka (domyślnie) 1. pozioma odległość od obrazka w pikselach 1. pionowa odległość od obrazka w pikselach Wszystkie obrazki najlepiej powinny być zapisane w jednym z trzech formatów: gif, jpg, png. Formatu bmp naleŝy unikać, poniewaŝ jest słabo skompresowany.
3 Zadania do wykonania z grafikami. Krok 1. Wstawić mały obrazek (120x100), bez atrybutów. Krok 2. Wstawić mały obrazek (120x100) z wymuszonymi większymi rozmiarami (300x200). Krok 3. Wstawić średni obrazek (300x200).
4 Krok 4. Wstawić duŝy obrazek z rozmiarami 100%x100%. Krok 5. Wstawić akapit tekstu i obrazek po prawej stronie.
5 Krok 6. Wstawić akapit tekstu i obrazek po lewej stronie. Krok 7. Wstawić obrazek z tekstem przy obrazku pośrodku. Krok 8. Wstawić obrazek z tekstem przy obrazku u dołu.
6 Krok 9. Wstawić obrazek z tekstem oddalonym od obrazka i pośrodku. Krok 10. Wstawić obrazek z tekstem oddalonym od obrazka i u dołu obrazka.
7 Kolejna grupa dodatków na stronę to ruchome bannery. MoŜna je uzyskać za pomocą znacznika <marquee>...</marquee>. Znacznik ten nie wchodzi w skład specyfikacji HTML 4.01, ale jest obsługiwany przez przeglądarki: Internet Explorer, Opera, Mozilla Firefox. Znacznik ten posiada kilka atrybutów: <marquee behavior="typ" direction="kierunek" bgcolor="kolor" width="x" height="y" hspace="m" vspace="n" loop="p" scrollamount="s" scrolldelay="ms">...</marquee>. typ: 1. "scroll" - tekst przesuwa się od prawej do lewej (domyślnie) 2. "alternate" - tekst przesuwa się od prawej do lewej, a następnie "odbija się" i powraca 3. "slide" - tekst przesunie się od prawej do lewej tylko raz, a później się zatrzyma i pozostanie nieruchomy kierunek: kolor: 1. "left" - tekst będzie przesuwał się w lewo (domyślnie) 2. "right" - tekst będzie przesuwał się w prawo 3. "up" - przesuwanie w górę 4. "down" - przesuwanie w dół 1. kolor tła w bannerze 2. aby uzyskać dokładny kolor i odcień to wartość szesnastkową 3. #rrggbb - czyli nasycenie czerwienią (r), zielenią (g) i niebieskim (b) koloru 4. w systemie szesnastkowym jest szesnaście podstawowych cyfr: 5. 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f 6. przykładowe kolory: nazwa #rrggbb kolor black # silver #c0c0c0 gray # white #ffffff
8 maroon # red #ff0000 purple # fuchsia #ff00ff green # lime #00ff00 olive # yellow #ffff00 navy # blue #0000ff teal # aqua #00ffff x: 1. szerokość bannera na ekranie w pikselach 2. lub w procentach - koniecznie ze znakiem: % y: 1. wysokość bannera na ekranie w pikselach 2. lub w procentach - koniecznie ze znakiem: % m: 1. odległość bannera w poziomie od tekstu w pikselach n: 1. odległość bannera w pionie od tekstu w pikselach
9 p: 1. ilość powtórzeń s: ms: 1. szybkość przesuwania się bannera w pikselach 2. wartość podaje o ile pikseli banner ma przeskakiwać 1. szybkość przesuwania się bannera w milisekundach 2. jeŝeli poniŝej 60ms to naleŝy dodać atrybut truespeed="truespeed" Zadania do wykonania z bannerami: Krok 11. Wstawić banner bez atrybutów. Krok 12. Wstawić banner z dowolnym atrybutem behavior.
10 Krok 13. Wstawić banner z dowolnym atrybutem direction. Krok 14. Wstawić banner z atrybutem bgcolor. Krok 15. Wstawić banner z atrybutami width i height. Krok 16. Wstawić banner z atrybutami width, height i bgcolor.
11 Krok 17. Wstawić tekst i banner z atrybutem hspace. Krok 18. Wstawić tekst i banner z atrybutem vspace. Krok 19. Wstawić banner powtórzony kilka razy.
12 Krok 20. Wstawić następny banner z prędkością w pikselach (scrollmount= 20 ) zrzut ekranu wyŝej Krok 21. Wstawić następny banner z prędkością w milisekundach (scrolldelay= 250 ) zrzut ekranu wyŝej Kolejne dodatki na stronę to pliki audio i video. Do osadzania ich na stronie WWW słuŝy znacznik <embed />. Znacznik ten nie wchodzi w skład specyfikacji HTML 4.01, ale jest obsługiwany przez przeglądarki: Internet Explorer, Opera, Mozilla Firefox. Znacznik ten posiada kilka atrybutów: <embed src="ścieŝka dostępu do pliku" width="x" height="y" autostart="typ" hidden="wartość" showcontrols="opcja" loop="stan" /> ścieŝka dostępu do pliku: x: y: typ: 1. względna ścieŝka dostępu do pliku multimedialnego 2. naleŝy wpisać drogę uwzględniając wszystkie foldery 3. wchodząc do folderu wpisujemy jego nazwę/ 4. wychodząc z folderu wpisujemy../ 5. na końcu podajemy nazwę pliku z rozszerzeniem 1. szerokość wyświetlanego obrazu podana w pikselach 1. wysokość wyświetlanego obrazu podana w pikselach 1. "true" - plik zostanie automatycznie odtworzony, zaraz po wczytaniu strony 2. "false" - plik nie zostanie odtworzony po wczytaniu (trzeba go uruchomić "ręcznie" - poprzez wyświetlony panel kontrolny) wartość: 1. "true" - obraz zostanie ukryty 2. "false" - obraz będzie wyświetlony na ekranie
13 opcja: stan: 1. "0" - panel kontrolny zostanie ukryty 2. "1" - panel kontrolny będzie wyświetlony na ekranie 1. "true" - powtarzanie w nieskończoność 2. "false" - brak powtarzania NaleŜy pamiętać, Ŝe pliki multimedialne mają zwykle duŝe rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed />. W takim przypadku w pierwszej kolejności wczyta się tekst. Pliki multimedialne mogą być zapisane w następujących formatach - pliki audio: mid, mp3, ra, wav; pliki video: avi, mov, mpeg, asf. Aby umoŝliwić dotarcie do plików multimedialnych w przeglądarkach, które nie obsługują polecenia <embed />, wskazane jest umieszczenie na stronie znaczników: <noembed>...</noembed> na przykład z taką treścią: <noembed> Niestety Twoja przeglądarka nie odtwarza plików multimedialnych, ale <a href="ścieŝka dostępu do pliku">tutaj</a> moŝesz zobaczyć ten plik! </noembed> NaleŜy jedynie podać właściwą ścieŝkę do pliku.
14 Zadania do wykonania z plikami audio i video. Krok 22. Wstawić pliki audio: mid, mp3, wav z róŝnymi rozmiarami panelu.
15 Krok 23. Wstawić plik audio: wma dwa razy - drugi z ukrytym panelem kontrolnym, powtarzaniem w nieskończoność i autostart: true
16 Krok 24. Wstawić pliki video: avi z róŝnymi rozmiarami obrazu, autostart: false
17 Krok 25. Wstawić plik video: wmv dwa razy - drugi z ukrytym panelem kontrolnym, powtarzaniem w nieskończoność i autostart: true.
18 Krok 26. Na koniec naleŝy wykonać odsyłacz do dokumentu pdf, który otworzy się w przeglądarce, (pod warunkiem, Ŝe w systemie jest program do odczytu pdf-ów). Przy odsyłaczach do plików mających większą objętość (np. większą niŝ 100 KB), dobrze jest podać ich rozmiar. W ten sposób uŝytkownik będzie mógł zdecydować, czy chce uruchomić taki odnośnik.
19 Polecenia multimedialne sprawiają wiele kłopotów. Na przykład: <embed /> ma tę zaletę, Ŝe skojarzony z nim plik, będzie odtwarzany bezpośrednio na stronie. Niestety jest to równieŝ jego wadą. Pliki multimedialne mają zwykle duŝe rozmiary, dlatego wczytywanie takiej strony moŝe trwać potwornie długo. Poza tym polecenie <embed /> nie zawsze działa poprawnie, szczególnie jeśli chodzi o jego atrybuty dodatkowe Zainteresowanym podaję uniwersalny skrypt do zagnieŝdŝania plików multimedialnych, dzięki któremu plik będzie widoczny w róŝnych przeglądarkach: <object id="mediaplayer1" width="szerokość" height="wysokość" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase=" standby="loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <param name="filename" value="ścieŝka dostępu do pliku multimedialnego" /> <param name="animationatstart" value="true" /> <param name="transparentatstart" value="true" /> <param name="autostart" value="false" /> <param name="showcontrols" value="true" /> <param name="volume" value="0" /> <embed type="application/x-mplayer2" pluginspage=" src="ścieŝka dostępu do pliku multimedialnego" name="mediaplayer1" width="szerokość" height="wysokość" autostart="false"> <a href="ścieŝka dostępu do pliku multimedialnego"> Otwórz plik</a></embed></object> NaleŜy jedynie zmodyfikować wyróŝnione poprzez wcięcie linijki: podać lokalizację pliku multimedialnego oraz szerokość i wysokość obrazu w pikselach. MoŜna teŝ w linijkach: <param name="autostart" value="false" /> i autostart="false"> false zmienić na true, co spowoduje automatyczne odtworzenie pliku zaraz po wczytaniu strony. Oceniany będzie plik multimedia.html z umieszczonymi w nim po kolei, zgodnie z instrukcjami, wszystkimi grafikami, bannerami, plikami audio i video oraz pdf-em.
Osadzenie pliku dźwiękowego na stronie www
Osadzenie pliku dźwiękowego na stronie www gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację
Bardziej szczegółowoĆ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ółowoFormaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia
Grafika i multimedia na stronie Formaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia Grafika na stronie HTML niezbędny
Bardziej szczegółowo[ HTML ] Tabele. 1. Tabela, wiersze i kolumny
[ HTML ] Tabele 1. Tabela, wiersze i kolumny Opis tabeli znajdowad się powinien wewnątrz znaczników . W ich ramach umieszczone są definicje rzędów, komórek w rzędach oraz dane w komórkach.
Bardziej szczegółowoJustyna 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ółowoCel 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ółowoZa pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:
1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera
Bardziej szczegółowo6. KOLOR, TŁO I ŚCIEśKI DOSTĘPU
6. KOLOR, TŁO I ŚCIEśKI DOSTĘPU Zanim przejdziemy do praktyki, zajmijmy się nazywaniem kolorów. Są cztery znane mi sposoby wyraŝania kolorów w języku CSS. Pierwszym z nich i jednocześnie najtrudniejszym
Bardziej szczegółowoĆwiczenie 6 Ramki. Spakowane pliki do zadań do pobrania ze strony w pliku pliki_cw6.zip
Ćwiczenie 6 Ramki W ćwiczeniu 6 zajmujemy się ramkami. Jest to technika budowania witryny w oparciu o specjalne okienka, do których wczytywane są strony. Sposób ten jest jednak uznany w HTML 4.0 i XHTML
Bardziej szczegółowoHTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl
HTML 1 Gimnazjum nr 1 w Barcinie UWAGA: UTWÓRZ FOLDER HTML, a w nim HTML-1 dla pierwszego ćwiczenia. Imię_ nazwisko_html-1.html z dysku J: w folderze HTML 1. Tło strony - Jednolity kolor:
Bardziej szczegółowoĆwiczenie 3 - Odsyłacze
Ćwiczenie 3 - Odsyłacze Ćwiczenie to poświęcone jest odsyłaczom czyli powiązaniu plików wewnętrznych i zewnętrznych na róŝne sposoby. Linki, które natychmiast przenoszą w określone miejsce to istota stron
Bardziej szczegółowoTworzenie 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ółowoTworzenie stron internetowych w kodzie HTML Cz 7
Tworzenie stron internetowych w kodzie HTML Cz 7 7. Ramki 7.1. Wstęp Przykład: Oto przykładowy wygląd strony startowej ramek: PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
Bardziej szczegółowozmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
Bardziej szczegółowoEdukacja 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ółowoprzygotował: 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ółowoStudia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW.
Ćwiczenie 3 Interaktywność na stronach WWW Dr inż. Robert Banasiak 1 Plan ćwiczeń W trakcie niniejszych ćwiczeń zapoznacie się Państwo z przykładowymi, wybranymi możliwościami wzbogacania stron WWW w elementy
Bardziej szczegółowoPokaz slajdów na stronie internetowej
Pokaz slajdów na stronie internetowej... 1 Podpisy pod zdjęciami... 3 Publikacja pokazu slajdów w Internecie... 4 Generator strony Uczelni... 4 Funkcje dla zaawansowanych użytkowników... 5 Zmiana kolorów
Bardziej szczegółowoHTML - podstawowe znaczniki
HTML - podstawowe znaczniki Strukturę dokumentu HTML możemy przedstawić następująco: Tytuł strony W niej zagnieżdżać będziemy pozostałe znaczniki.
Bardziej szczegółowoĆwiczenie 9 - CSS i wstawianie CSS
Ćwiczenie 9 - CSS i wstawianie CSS Wprowadzenie: Od tego ćwiczenia zajmować się będziemy CSS czyli Kaskadowymi Arkuszami Stylów (Cascading Style Sheets). CSS stanowią uzupełnienie dla HTML-a. HTML odpowiada
Bardziej szczegółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowoMultimedia. Plan wykładu/ów. Wstęp do HTML a. zastosowanie HTML a do tworzenia multimediów. podstawy HTML a Flash style JavaScript warstwy Java
Multimedia Wstęp do HTML a mgr inż. Piotr Odya piotrod@sound.eti.pg.gda.pl Plan wykładu/ów zastosowanie HTML a do tworzenia multimediów podstawy HTML a Flash style JavaScript warstwy Java 1 Trochę teorii
Bardziej szczegółowoĆwiczenie 8 Kolory i znaki specjalne
Ćwiczenie 8 Kolory i znaki specjalne W ćwiczeniu 8 zajmować się będziemy kolorami i znakami specjalnymi. Barwę moŝna utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony
Bardziej szczegółowoOdsył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ółowoOPIS FORM REKLAMOWYCH
OPIS FORM REKLAMOWYCH : KATARZYNA PIĄTEK 600-25-33-25 REKLAMA@DDWLOCLAWEK.PL OPIS ZAWARTOŚCI 1. BILLBOARD 2. BILLBOARD PODSTRONA 3. BILLBOARD ROZWIJANY 4. BILLBOARD PŁYWAJĄCY 5. PODWÓJNY BILLBOARD 6. BANNER
Bardziej szczegółowoPowtórzenie materiału: CSS3 Spis treści
Powtórzenie materiału: CSS3 Spis treści Kolory...2 Jednostki...3 Czcionka...3 Elementy blokowe...3 Cienie...5 Gradient...5 Zgodność z przeglądarkami...6 Kolory Wartości kolorów w CSS podawać można na 4
Bardziej szczegółowoABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML
Bardziej szczegółowoJęzyki programowania wysokiego poziomu. HTML cz.2.
Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)
Bardziej szczegółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowoFormaty plików. graficznych, dźwiękowych, wideo
Formaty plików graficznych, dźwiękowych, wideo Spis treści: Wstęp: Co to jest format? Rodzaje formatów graficznych Właściwości formatów graficznych Porównanie formatów między sobą Formaty plików dźwiękowych
Bardziej szczegółowoJak zmniejszać rozmiar fotografii cyfrowych dr Lech Pietrzak
dr Lech Pietrzak Poradnik dla studentów. Zmniejszanie fotografii 1 Jak zmniejszać rozmiar fotografii cyfrowych dr Lech Pietrzak Aby plik z pracą zaliczeniową nie był zbyt duŝy, naleŝy zmniejszyć wielkość
Bardziej szczegółowoĆwiczenie 1 Deklarowanie metainformacji.
Zadania do wykonania: Ćwiczenie 1 Deklarowanie metainformacji. Ćwiczenie 1 poświęcone jest wypełnieniu części dokumentu HTML. Umieszczamy w niej wszystkie informacje dodatkowe interpretowane przez
Bardziej szczegółowoCo to jest html? I.Struktura strony:
Co to jest html? Jak tworzyć strony internetowe? Jest ich przecież w Internecie tysiące, a może nawet miliony. Jednak jedne strony bardziej nam się podobają, inne mniej. Z czego to wynika? Atrakcyjność
Bardziej szczegółowoFormy reklamowe. Specyfikacja techniczna
Formy reklamowe Specyfikacja techniczna Spis treści SPIS TREŚCI...1 OGÓLNE ZASADY DOTYCZĄCE KREACJI REKLAMOWYCH WYKONANYCH W TECHNOLOGII MACROMEDIA FLASH....3 1. BILLBOARD...4 1.1 BILLBOARD STATYCZNY...4
Bardziej szczegółowoOkna dialogowe ustawień konfiguracyjnych
Zadania z luką 1. Utwórz folder dla nowego ćwiczenia i uruchom moduł JCloze. 2. Kliknij w ikonę by zapisać plik ćwiczenia. Nadaj mu nazwę (najlepiej bez polskich znaków) i zapisz w folderze ćwiczenia.
Bardziej szczegółowoWprowadzenie 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ółowoPodstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt
Podstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt W artykule znajdują się odpowiedzi na najczęściej zadawane pytania związane z plikiem licencja.txt : 1. Jak zapisać plik licencja.txt
Bardziej szczegółowoPodstawowe 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ółowoHTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego.
HTML HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. Dokument HTML to plik tekstowy, z ewentualnymi załącznikami, w którym znajduje się tekstowa treść przeplatana z rozkazami
Bardziej szczegółowoPekaoBIZNES 24 Instrukcja obsługi dla Klienta
Mistrzowska Bankowość Korporacyjna uuuuuuuuuumistrzowska Bankowość Korporacyjna PekaoBIZNES 24 Instrukcja obsługi dla Klienta Konfiguracja przeglądarek do pracy z systemem bankowości internetowej ver.
Bardziej szczegółowoRozdział 4. Multimedia
Rozdział 4. Multimedia Ćwiczenia zawarte w tym rozdziale pozwolą na wykorzystanie ogromnych moŝliwości multimedialnych systemu Windows XP. Większość narzędzi multimedialnych w Windows XP pochodzi z systemu
Bardziej szczegółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Bardziej szczegółowoTło CSS 3. Gabriela Panuś
Tło CSS 3 Gabriela Panuś body { background-color: kolor; TŁO - CSS } TŁO OBRAZKOWE background-image: url(tlo.jpg); /* podajemy ścieżkę do tła */ body { } background: #6495ed url(image/obrazek.png); Właściwości
Bardziej szczegółowoTabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
Bardziej szczegółowoCo to jest dźwięk. Dźwięk to wyrażenie słuchowe wywołane przez falę akustyczną. Ludzki narząd wyłapuje dźwięki z częstotliwością 16 do 20 Hz
Dźwięk Co to jest dźwięk Dźwięk to wyrażenie słuchowe wywołane przez falę akustyczną. Ludzki narząd wyłapuje dźwięki z częstotliwością 16 do 20 Hz Próbkowanie Cyfrowy zapis dźwięku opiera się na procedurze
Bardziej szczegółowoSpis treści. spis treści wygenerowany automatycznie
Spis treści Rozdział 2.Wymagania edytorskie 2 2.1. Wymagania ogólne 2 2.2. Tytuły rozdziałów i podrozdziałów 2 2.3. Rysunki, tabele i wzory 3 2.3.1. Rysunki 3 2.3.2. Tabele 4 2.3.3. Wzory 4 2.4. Odsyłacze
Bardziej szczegółowoZawartość specyfikacji:
Zawartość specyfikacji: Wielkość, waga i kodowanie Umieszczanie obrazków w kreacji Elementy niedopuszczalne Nazewnictwo plików Stopka mailingu Nie spełniam wymagań pracodawcy Waga, wielkość i kodowanie
Bardziej szczegółowoDodatkowe pakiety i polecenia L A TEXowe
Dodatkowe pakiety i polecenia L A TEXowe 3 grudnia 2007 1 Ustawienia strony Do zmian ustawień strony warto użyć pakietu geometry, tj. w preambule wpisujemy: \usepackage[]{geometry} Dostępne opcje pakietu
Bardziej szczegółowoSpecyfikacja techniczna www.wprost24.pl
Specyfikacja techniczna www.wprost24.pl 1. Baner 468x60 Graficzny element reklamowy w postaci poziomego paska na górze strony. Zawiera statyczną lub animowaną grafikę i stanowi odnośnik do strony reklamodawcy.
Bardziej szczegółowoModuł 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ółowoRozdział 2. Konfiguracja środowiska pracy uŝytkownika
Rozdział 2. Konfiguracja środowiska pracy uŝytkownika Ćwiczenia zawarte w tym rozdziale pozwolą na dostosowanie pulpitu i menu Start do indywidualnych potrzeb uŝytkownika. Środowisko graficzne systemu
Bardziej szczegółowoHTML. 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ółowoREKLAMA INTERNETOWA WYMAGANIA TECHNICZNE
WYMAGANIA TECHNICZNE y form reklamowych dostępnych w serwisach www.gazetaolsztynska.pl i wm.pl SPIS TREŚCI 3 SPIS TREŚCI Zasady ogólne...................................str. 4 1. Baner tradycyjny................................str.
Bardziej szczegółowoĆwiczenie 10 - Selektory
Ćwiczenie 10 - Selektory Wprowadzenie: W tym ćwiczeniu uwaga skupiona będzie na selektorach, czyli tych elementach w kodzie źródłowym dokumentu HTML, którym będą przypisywane atrybuty formatowania, zmieniające
Bardziej szczegółowoKonstrukcja stylu nie należy do zbyt skomplikowanych i wygląda tak jak na poniższym przykładzie.
Tematy: Budowa stylu Osadzanie stylów na stronie Jednostki miar stosowane w CSS Nazewnictwo kolorów używane w CSS Do tego, aby rozpocząć przygodę z kaskadowymi arkuszami stylów oraz świadomie z nich korzystać,
Bardziej szczegółowoSpecyfikacja techniczna form reklamy oferowanych przez serwis e-sieci.pl
Specyfikacja techniczna form reklamy oferowanych przez serwis e-sieci.pl Specyfikacja techniczna reklam graficznych: Niniejsza specyfikacja określa sposób przygotowania kreacji dla systemu reklamowego
Bardziej szczegółowoPrzy 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ółowoPodstawy tworzenie prezentacji multimedialnej w programie. MS Power Point
SCENARIUSZ ZAJĘĆ Osoba prowadząca: Temat zajęć: mgr Piotr Okłót Podstawy tworzenie prezentacji multimedialnej w programie Ilość godzin: 2 x 45 min Cel ogólny zajęć: MS Power Point Sprawna komunikacja z
Bardziej szczegółowoTutorial. HTML Rozdział: Ramki
Autor: Mateusz Wojtyna Opis ogólny Tutorial HTML Rozdział: Ramki Ramki są bardzo pomocnym narzędziem przy tworzeniu strony internetowej jeżeli na przykład chcemy stworzyć sobie menu wszystkich podstron
Bardziej szczegółowoKrótki przegląd własności języka CSS
Krótki przegląd własności języka CSS Stosując arkusze stylów CSS, w sposób wyraźny oddziela się formatowanie dokumentu XHTML od jego warstwy znaczeniowej umieszczonej w sekcji . Niżej zestawiono
Bardziej szczegółowoJak dodać własny szablon ramki w programie dibudka i dilustro
Aby dodać własną ramkę otwórz moduł administracyjny dibudkaadmin.exe, wejdź do zakładki Ramki, tła, id i następnie Edycja. 1. Kliknij przycisk Dodaj ramkę 2. Określ wymiary nowej ramki Jeżeli dodajesz
Bardziej szczegółowoĆw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.
Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów. Znaczniki HTML (tagi) postać ogólna: zawartość
Bardziej szczegółowoOdtwarzacz Media Player 6w1
Odtwarzacz Media Player 6w1 47119 Instrukcja obsługi Opis produktu: - Samodzielne zasilanie i wyjście AV, umoŝliwia bezpośrednie wyświetlanie zdjęć zapisanych w formacie JPEG, MPEG 1 oraz odtwarzanie muzyki
Bardziej szczegółowoWidż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ółowoSTRONY 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ółowoMultimedia w HTML5. Statyczne witryny internetowe 2TI/TOR. Marek Kwiatkowski
Multimedia w HTML5 Statyczne witryny internetowe 2TI/TOR Marek Kwiatkowski Cele lekcji: Poznanie zasady umieszczania plików multimedialnych w HTML5 Zrozumienie istoty stosowania nowych znaczników w HTML5
Bardziej szczegółowoRozdział 1: Wprowadzenie
Rozdział 1: Wprowadzenie 1.1 Zawartość opakowania Odbierając urządzenie TVGo A03, proszę się upewnić, że następujące pozycje znajdują się w opakowaniu USB TV Super Mini. TVGo A03 Płyta CD ze sterownikiem
Bardziej szczegółowoPlatforma szkoleniowa krok po kroku
Platforma szkoleniowa krok po kroku Jeśli masz problemy z uruchomieniem Platformy szkoleniowej warto sprawdzić poprawność poniższych konfiguracji: Minimalne wymagania sprzętowe SPRZĘT Procesor min. 233
Bardziej szczegółowoCzęsto używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów.
Tabele Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów. Ramy tabeli Ramy tabeli tworzone są za pomocą polecenia: Cała zawartość
Bardziej szczegółowoProste 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ółowoInstrukcja użytkowania platformy ONLINE. Akademii Doskonalenia Zawodowego NATUROPATA ADZ Naturopata
Instrukcja użytkowania platformy ONLINE Akademii Doskonalenia Zawodowego NATUROPATA 2016 ADZ Naturopata SPIS TREŚCI Rozdział 1. Wymagania techniczne.... 4 1. System operacyjny.... 4 2. Przeglądarka internetowa....
Bardziej szczegółowoWSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO
WSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO Niezwykle uŝyteczną cechą programu Word jest łatwość, z jaką przy jego pomocy moŝna tekst wzbogacać róŝnymi obiektami graficznymi, np. zdjęciami, rysunkami czy
Bardziej szczegółowoI Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu
I Tworzenie prezentacji za pomocą szablonu w programie Power-Point 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu 2. Po wybraniu szablonu ukaŝe się nam ekran jak poniŝej 3. Następnie
Bardziej szczegółowoJę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ółowo8. Projektowanie stron www cz.2 (Informacje o stronie sekcja <head>, formatowanie strony sekcja <body>)
8. Projektowanie stron www cz.2 (Informacje o stronie sekcja , formatowanie strony sekcja ) 8.1 Konfiguracja i uzupełnianie informacji o stronie sekcja ... 2 Informacja o języku, w jakim
Bardziej szczegółowoWstęp 5 Rozdział 1. Instalacja systemu 13. Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25. Rozdział 4.
Wstęp 5 Rozdział 1. Instalacja systemu 13 Uruchamianie Ubuntu 14 Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25 Uruchamianie aplikacji 25 Skróty do programów 28 Preferowane aplikacje
Bardziej szczegółowoOdsyłacze (inaczej: hiperłącza, łącza hipertekstowe, odnośniki, linki) Najbardziej charakterystycznym elementem dokumentów w światowej sieci World
Temat: Odsyłacze. Odsyłacze (inaczej: hiperłącza, łącza hipertekstowe, odnośniki, linki) Najbardziej charakterystycznym elementem dokumentów w światowej sieci World Wide Web. Odsyłacze Umożliwiają za pomocą
Bardziej szczegółowoInternetowy moduł prezentacji ofert pracy do wykorzystania na stronie WWW lub panelu elektronicznym. Wstęp
Internetowy moduł prezentacji ofert pracy do wykorzystania na stronie WWW lub panelu elektronicznym. Wstęp Prezentujemy Państwu propozycję modułu aplikacji internetowej słuŝącej do prezentacji ofert pracy
Bardziej szczegółowoX.4.a. Potrafisz tworzyć projekt multimedialny za pomocą kreatora
X.4.a. Potrafisz tworzyć projekt multimedialny za pomocą kreatora Do tej pory, w tworzonych prezentacjach, wykorzystywaliśmy efekty przejścia, animacje obiektów, wstawialiśmy do prezentacji film, dodawaliśmy
Bardziej szczegółowoZnaczniki fizyczne i logiczne czcionki
Znaczniki fizyczne i logiczne czcionki Znaczniki fizyczne - atrybuty Znaczniki fizyczne działają w podobny sposób jak atrybuty czcionek w edytorze tekstów. Czcionka pogrubiona To jest czcionka
Bardziej szczegółowo1. Przypisy, indeks i spisy.
1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy
Bardziej szczegółowoSPECYFIKACJA TECHNICZNA
SPECYFIKACJA TECHNICZNA SPECYFIKACJA TECHNICZNA ZAŁOŻENIA OGÓLNE 1. Wymagane jest przesłanie kompletu materiałów, nie później niż 3 dni robocze przed datą planowanej emisji. 2. Dla form w technologii streaming
Bardziej szczegółowoDokumentacja WebMaster ver 1.0
1 Wstęp Dokumentacja WebMaster ver 1.0 Dokumentacja ta przeznaczona jest dla webmasterów, grafików, programistów. Przedstawia ona strukturę aplikacji SOTEeSKLEP, opisuje działanie oraz wyjaśnia m.in. jak
Bardziej szczegółowoLaboratorium z Grafiki InŜynierskiej CAD. Rozpoczęcie pracy z AutoCAD-em. Uruchomienie programu
Laboratorium z Grafiki InŜynierskiej CAD W przygotowaniu ćwiczeń wykorzystano m.in. następujące materiały: 1. Program AutoCAD 2010. 2. Graf J.: AutoCAD 14PL Ćwiczenia. Mikom 1998. 3. Kłosowski P., Grabowska
Bardziej szczegółowoGrafika w aplikacjach lp. Jak zmienić kolor tła?
Grafika w aplikacjach lp W tym rozdziale znajdziesz informacje jak osadzić w tworzonym programie zdjęcia, rysunki, wykresy i inne elementy graficzne. W środowisku lp autor ma dostęp do następujących obiektów
Bardziej szczegółowo30/01/2008. Instrukcja obsługi RoofCon Viewer
Instrukcja obsługi RoofCon Viewer 1 Spis treści Spis treści... Fel! Bokmärket är inte definierat. Instalacja... 3 Wybór obiektów... Fel! Bokmärket är inte definierat. PrzybliŜanie... Fel! Bokmärket är
Bardziej szczegółowoPorównanie rozmiarów plików nieskompresowanych rysunków z uwzględnieniem różnych wymiarów i liczby kolorów obrazów. Wymiary (cm)
A. OBRAZY I MULTIMEDIA 1. METODY OKREŚLANIA KOLORÓW [R.33] Najczęściej używanymi właściwościami służącymi do określania kolorów elementów są: color oraz background-color. Działanie tych właściwości jest
Bardziej szczegółowoMultimedia i interfejsy. Ćwiczenie 5 HTML5
Multimedia i interfejsy Ćwiczenie 5 HTML5 Celem ćwiczenia jest poznanie nowych elementów wprowadzonych w HTML 5, do których należą m.in. video oraz canvas. Poniższy opis przedstawia sposób użycia tych
Bardziej szczegółowoKraków, ver
Kraków, ver. 2016.001 Spis treści I. Tworzenie nowego slajdu... 3 1. Dodanie Widgetu... 5 2. Dodanie daty i godziny... 5 3. Dodanie mediów... 5 4. Dodawania pola tekstowego... 5 5. Układy graficzne...
Bardziej szczegółowoJak wyłączyć pliki cookie w przeglądarce internetowej?
Spis treści Wyłączanie plików cookie w przeglądarce Google Chrome... 2 Wyłączanie plików cookie w przeglądarce Microsoft Internet Explorer... 5 Wyłączanie plików cookie w przeglądarce Mozilla Firefox...
Bardziej szczegółowoPodstawy pozycjonowania CSS
Podstawy pozycjonowania CSS Żeby pokazać w jaki sposób przeglądarka rozkłada elementy na stronie posłużę się prostym przykładowym fragmentem kodu html. div id="before"
Bardziej szczegółowoNagrywamy podcasty program Audacity
Pobieranie i instalacja Program Audacity jest darmowym zaawansowanym i wielościeżkowym edytorem plików dźwiękowych rozpowszechnianym na licencji GNU GPL. Jest w wersjach dla systemów typu Unix/Linux, Microsoft
Bardziej szczegółowoW oknie na środku, moŝna wybrać język, który będzie językiem domyślnym dla TC. Wybierzmy zatem język polski:
1. Do czego słuŝy Total Commander? Total Commander jest dwu-panelowym menedŝerem plików, z powodzeniem zastępującym windowsowego Eksploratora. Dzięki niemu, operacje na plikach i folderach, takiej jak
Bardziej szczegółowoPodstawy systemu operacyjnego Windows 7 i bezpieczne korzystanie z sieci Internet
Projekt OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE Podstawy systemu operacyjnego Windows 7 i bezpieczne korzystanie z sieci Internet Zadania do wykonania Ćwiczenie 1. Zarządzanie
Bardziej szczegółowoReklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna
Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna Formy reklamowe: 1. Billboard UP 1100zł netto Graficzny prostokąt reklamowy umieszczony centralnie w górnej części portalu,
Bardziej szczegółowo9. TABELE KURS HTML.
9. TABELE Tabele są czymś niezwykle waŝnym dla strony HTML. ChociaŜ początkujący omijają je szerokim łukiem, lepiej się je nauczyć. Ta lekcja będzie większym połączeniem oby dwóch języków kursu niŝ jakiekolwiek
Bardziej szczegółowoJak tworzyć pliki *.pdf z dowolnego programu (np. Word, Exel, PowerPoint itp.).
Jak tworzyć pliki *.pdf z dowolnego programu (np. Word, Exel, PowerPoint itp.). 1. Ściągnij program PDFCreator 0.8.0 oraz plik ze spolszczeniem(jeśli potrzebujesz) programu ze strony www.multikop.pl >>
Bardziej szczegółowoWSCAD. Wykład 5 Szafy sterownicze
WSCAD Wykład 5 Szafy sterownicze MenedŜer szaf sterowniczych MenedŜer szaf sterowniczych w wersji Professional oferuje pomoc przy tworzeniu zabudowy szafy sterowniczej. Pokazuje wszystkie uŝyte w schematach
Bardziej szczegółowoPodstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
Bardziej szczegółowoInstrukcja obsługi programu PVR Manager v 2.2.
Instrukcja obsługi programu PVR Manager v 2.2. Program słuŝy do obsługi dysku twardego w tunerze Interstar 9000 PVR. UmoŜliwia: a) odtwarzanie nagranych audycji b) edycje audycji (zmiana nazwy, wycięcie
Bardziej szczegółowo