Poprzednia wersja HTML, HTML 4.01, pochodzi z Sieć od tego czasu zmieniła się znacznie.
|
|
|
- Beata Nowak
- 9 lat temu
- Przeglądów:
Transkrypt
1 Co to jest HTML5? HTML5 będzie nowym standardem dla HTML. Poprzednia wersja HTML, HTML 4.01, pochodzi z Sieć od tego czasu zmieniła się znacznie. HTML5 jest ciągle w stadium tworzenia i konkretyzacji. Jednakże główne przeglądarki zapewniają rozpoznanie wielu z nowych elementów znajdujących się w specyfikacji HTML5 i APIs. Jak rozpocząć pracę z HTML5? HTML5 jest efektem kooperacji pomiędzy World Wide Web Consortium (W3C) i Web Hypertext Application Technology Working Group (WHATWG). WHATWG pracował nad formularzami I aplikacjami, podczas gdy W3C pracował nad XHTML 2.0. W roku 2006, obie te organizacje zdecydowały sie współpracować, czego efektem jest nowa wersja f HTML. Na początku ustalono pewne reguły, według których opracowano nową wersje, czyli HTML5: Nowe właściwości powinny bazować na HTML, CSS, DOM, i JavaScript Zredukowanie potrzeby stosowania zewnętrznych wtyczek (jak np.flash) Lepsza obsługa błędów Więcej znaczników w celu zastąpienia potrzeby pisania skryptów HTML5 powinien być niezależny od sprzętu Proces opracowywania tego języka powinien być transparentny dla społeczności informatycznej. Deklaracja typu HTML5 <!DOCTYPE> W HTML5 istnieje tylko jedna deklaracja typu <!doctype> I jest ona bardzo prosta: <!DOCTYPE html> Minimalny HTML5 Dokument Poniżej pokazano prosty dokument HTML5, z minimalną ilością wymaganych znaczników: <!DOCTYPE html> <html> <head> <title>tytuł dokumentu</title> 1
2 </head> <body> Zawartość dokumentu... </body> </html> HTML5 Nowe możliwości A oto niektóre z bardziej interesujących nowych właściwości w HTML5: Element <canvas> dla rysowania na 2D Elementy <video> and <audio> dla odtwarzania plików audio i video Obsługa pamięci lokalnych Nowe element charakteryzujące zawartość dokumentów jak: <article>, <footer>, <header>, <nav>, <section> Nowe kontrolki formularzy takie jak: calendar, date, time, , url, search Obsługa HTML5 przez przeglądarki internetowe HTML5 nie jest jeszcze oficjalnym standardem i żadna z przeglądarek nie obsługuje w pełni HTML5. Ale wszystkie główne przeglądarki internetowe (Safari, Chrome, Firefox, Opera, Internet Explorer) dodają nowe właściwości HTML5 do swoich najnowszych wersji. Nowe elementy w HTML5 Internet bardzo sie zmienił od kiedy HTML 4.01 stało sie standardem w Dzisiaj pewne elementy w HTML 4.01 są stare, nigdy nie były używane lub używane w sposób różny niż ten do czego zostały stworzone. Te elementy zostały usunięte bądź przepisane w HTML5. Dla lepszego wykorzystania Internetu w dzisiejszej dobie, HTML5 zawiera nowe element poprawiające strukturę dokumentu, lepiej obsługujące formularze, grafikę i lepiej obsługujące pliki audio i video. 2
3 Nowe elementy semantyki/elementy strukturalne HTML5 oferuje nowe elementy dla lepszego odwzorowania struktury dokumentów: Znacznik <article> <aside> <bdi> <command> <details> <summary> <figure> <figcaption> <footer> <header> <hgroup> <mark> <meter> <nav> <progress> <ruby> <rt> <rp> <section> <time> <wbr> Opis Definiuje artykuł Definiuje (oddziela) zawartość aside od zawartości strony Izoluje część tekstu, która może być sformatowana w innym kierunku niż tekst poza nim Definiuje przycisk komendy (polecenia), który użytkownik może wywołać Definiuje dodatkowe szczegóły, które użytkownik może chcieć pokazać lub ukryć Definiuje widoczny nagłówek (tytuł) dla elementu <details> Specyfikuje pewne wydzielone obiekty takie jak ilustracje, diagram, fotografie, kod program itp. Definiuje podpis pod elementem <figure> Definiuje stopkę dokumentu lub sekcji dokumentu Definiuje nagłówek dokumentu lub jego sekcji Grupuje zbiór elementów od <h1> do <h6> kiedy nagłówki są wielopoziomowe Definiuje zaznaczony i/lub wyróżniony tekst Definiuje skalarną miarę wewnątrz znanego zakresu Definiuje linki nawigacyjne Przedstawia postęp zadania Definiuje ruby annotation (dla East Asian typography) Definiuje objaśnienie/wymowę znaków (dla East Asian typography) Definiuje co pokazać w przeglądarce, która nie obsługuje ruby annotations Definiuje sekcję w dokumencie Definiuje a date/time Definiuje możliwą linię podziału Nowy element <canvas> Znacznik <canvas> Opis Używany do kreślenia grafik poprzez pisanie skryptów (przeważnie JavaScript) Nowe elementy formularzy Dla polepszenia funkcjonalności, HTML5 oferuje następujące nowe elementy: 3
4 Znacznik <datalist> <keygen> <output> Opis Określa (specyfikuje) listę predefiniowanych opcji dla wejściowych kontrolek Definiuje pole generujące klucz (dla formularzy) Definiuje wynik obliczeń Elementy usunięte Następujące elementy (znaczniki) HTML 4.01 zostały usunięte z HTML5: <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt> Video w Sieci Jak dotąd nie ma powszechnie akceptowanego standardu dla przedstawienia (pokazania) filmu lub video na stronach webowych. Dzisiaj, większość filmów i filmików video pokazywanych jest na stronach internetowych poprzez instalacje odpowiednich wtyczek (np. flash). Jednakże, różne przeglądarki mogą wymagać różnych wtyczek. HTML5 określa nowy element, który specyfikuje standardowy sposób umieszczania na stronach webowych plików filmowych: jest to element <video>. Browser Support Internet Explorer 9, Firefox, Opera, Chrome i Safari obsługują elementy <video>. 4
5 Uwaga: Internet Explorer 8 I wersje wcześniejsze nie obsługują elementów <video>. HTML5 Video Jak to działa? Aby pokazać plik video w HTML5, wszystko co potrzebujesz jest pokazane na poniższym przykładzie: Przykład <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> Twoja przeglądarka nie obsługuje znaczników video. </video> Atrybuty control dodają takie możliwości jak, play, pause, i volume. Jest dobrym zwyczajem zawsze włączać atrybuty width i height. Jeżeli wysokość I szerokość kontrolki/ek są ustalone, przestrzeń wymagana dla pliku video jest rezerwowana z chwilą ładowania strony. Natomiast gdy te atrybuty nie występują, przeglądarka nie ma informacji o rozmiarach pliku video na stronie i nie może zarezerwować odpowiedniej przestrzeni. Efekt bedzie taki, że układ strony może się zmieniać podczas ładowania strony (wtedy gdy ładowany jest plik video). Miedzy znaczniki <video> i </video> można wprowadzić odpowiedni tekst, informujący że przeglądarka nie obsługuje elementu <video>. Znacznik <video> pozwala rozpoznać wiele elementów źródłowych <source>. Znaczniki <source> mogą być powiązane (zlinkowane) do różnych plików video. Przeglądarka użyje pierwszy rozpoznany format. Formaty Video i obsługujące je przeglądarki Aktualnie mamy trzy formaty plików video obsługiwane przez popularne przeglądarki, korzystając ze znacznika <video> : MP4, WebM, i Ogg: Przeglądarka MP4 WebM Ogg Internet Explorer 9 TAK NIE NIE Firefox 4.0 NIE TAK TAK Google Chrome 6 TAK TAK TAK S Apple Safari 5 TAK NIE NIE Opera 10.6 NIE TAK TAK MP4 = MPEG 4 pliki z H264 codekiem video i AAC codekiem audio WebM = WebM pliki z VP8 codekiem video i Vorbis codekiem audio 5
6 Ogg = Ogg pliki z Theora codekiem video i Vorbis codekiem audio Znaczniki Video HTML5 Znacznik <video> <source> <track> Opis Definiuje video lub film Definiuje źródła plików medialnych dla elementów <video> i <audio> Definiuje ścieżki tekstowe w odtwarzaczach medialnych HTML5 <video> - sterowanie z użyciem DOM (Document Object Model) Element HTML5 <video> element posiada również metody, własności i zdarzenia. Istnieją metody dla uruchamiania (play), zatrzymywania i ładowania plików video. Istnieją także własności określające takie aspekty plików video (np. czas trwania, wolumin, szukanie), które można czytać lub. Istnieją również zdarzenia typu DOM, które mogą przypominać lub ustalać kiedy element <video> rozpoczyna się, jest zatrzymywany lub jest kończony. Poniższy przykład pokazuje w prosty sposób jak adresować element <video>, czytać i ustalać właściwości, i wywoływać metody. Przykład 1 Utwórz proste kontrolki (sterowania) dla play/pause + zmiana rozmiaru (resize) dla video: <!DOCTYPE html> <html> <body> <div style="text-align:center"> <button onclick="playpause()">play/pause</button> <button onclick="makebig()">big</button> <button onclick="makesmall()">small</button> <button onclick="makenormal()">normal</button> <br /> <video id="video1" width="420"> <source src="mov_bbb.mp4" type="video/mp4" /> <source src="mov_bbb.ogg" type="video/ogg" /> Your browser does not support HTML5 video. </video> </div> <script> 6
7 var myvideo=document.getelementbyid("video1"); function playpause() { if (myvideo.paused) myvideo.play(); else myvideo.pause(); } function makebig() { myvideo.width=560; } function makesmall() { myvideo.width=320; } function makenormal() { myvideo.width=420; } </script> <p>video courtesy of <a href=" target="_blank">big Buck Bunny</a>.</p> </body> </html> 7
8 Powyższy przykład wywołuje dwie metody: play() and pause(). Używa on również dwóch właściwości: paused and width. HTML5 <video> - Metody, właściwości, zdarzenia Poniższa tabela wymienia metody, właściwości i zdarzenia dla plików video, które są ogsługiwane przez większość przeglądarek: Metoda Właściwośćs Zdarzenies play() currentsrc play pause() currenttime pause load() videowidth progress canplaytype videoheight error duration timeupdate ended ended error abort paused empty muted emptied seeking waiting volume loadedmetadata height width Uwaga: Spośród wymienionych właściwości, tylko videowidth i videoheight są dostępne bezpośrednio. Inne będą dostępne po załadowaniu meta danych dla plików typu video. Audio w Sieci Jak dotąd nie ma powszechnie akceptowalnego standard dla odgrywania plików audio na stronach internetowych. Obecnie większość plików audio jest odgrywana poprzez wtyczki (np. flash). Różne przeglądarki mogą wymagać różnych wtyczek, co stwarza poważny problem. HTML5 definiuje nowy element (znacznik), który określa standardowy sposób na umieszczenie plików audio na stronach internetowych: element <audio>. Przeglądarki obsługujące znaczniki <audio> Internet Explorer 9, Firefox, Opera, Chrome, i Safari obsługują element <audio>. 8
9 Uwaga: Internet Explorer 8 i wersje wcześniejsze nie obsługują elementu <audio>. HTML5 Audio Jak to działa? Aby odgrywać pliki audio w HTML5, potrzeba jedynie: Przykład 2 <audio controls="controls"> <source src="horse.ogg" type="audio/ogg" /> <source src="horse.mp3" type="audio/mpeg" /> Twoja przeglądarka nie obsługuje znaczników <audio>. </audio> Atrybuty takie jak play, pause i volume są dodawane poprzez atrybuty. Można również umieścić stosowny tekst między znaczniki <audio> i </audio> aby poinformować, że dana przeglądarka nie obsługuje elementu <audio>. Znacznik <audio> pozwala rozpoznać wiele elementów źródłowych <source>. Znaczniki <source> mogą być powiązane (zlinkowane) do różnych plików audio. Przeglądarka użyje pierwszy rozpoznany format.. Formaty Audio obsługiwane przez przeglądarki Aktualnie istnieją trzy formaty plików audio, które są obsługiwane przez przeglądarki korzystając ze znacznika <audio>: MP3, Wav, i Ogg: Przeglądarka MP3 Wav Ogg Internet Explorer 9 TAK NIE NIE Firefox 4.0 NIE TAK TAK Google Chrome 6 TAK TAK TAK Apple Safari 5 TAK TAK NIE Opera 10.6 NIE TAK TAK 9
10 HTML5 Znaczniki Audio Znacznik <audio> <source> Opis Definiuje zawartość pliku typu audio Definiuje źródła pochodzenia plików audio i video dla elementów <video> i <audio> HTML5 Canvas (tło - kanwa) HTML5 <canvas> Znacznik Znacznik <canvas> Opis Element <canvas> jest używany w celu kreślenia grafik (na bieżąco on the fly) na stronach internetowych poprzez pisanie skryptów (przeważnie JavaScript) Element <canvas> jest używany w celu kreślenia grafik (na bieżąco on the fly) na stronach internetowych. Zadania: narysuj czerwony prostokąt, cieniowany prostokąt, wielokolorowy prostokąt I inne wielokolorowe teksty na kanwach (canvas): Co to jest Canvas? Element <canvas> w HTML5 jest używany do wykreślania (na bieżąco) grafik poprzez wykorzystanie skryptów (przeważnie JavaScript). 10
11 Element <canvas> jest tylko pojemnikiem dla grafik. Aby wykreślić grafikę należy napisać stosowny skrypt. Kanwy maja szereg metod dla wykreślania linii, wielokątów, okręgów, znaków i dla dodawania obrazków. Przeglądarki obsługujące elementy <canvas> Internet Explorer 9, Firefox, Opera, Chrome, i Safari obsługują elementy <canvas>. Uwaga: Internet Explorer 8 I wersje wcześniejsze nie obsługują elementów <canvas>. Tworzenie kanw (canvas) Kanwa w HTML5 jest prostokątnym polem na stronie internetowej i jest ona definiowana przez element <canvas>. Uwaga: Domyślnie element <canvas> nie ma granic ani zawartości. Znacznik ten może wyglądać jak niżej: <canvas id="mycanvas" width="200" height="100"></canvas> Uwaga: Zawsze należy określić atrybut id kanwy (identyfikujący i dostępowany w skrypcie), jak również atrybuty width i height definiujące rozmiary kanw. Uwaga: Na stronie HTML może być wiele elementów <canvas>. Aby dodać obramowania (border) należy użyć atrybutu stylu: Przykład 3 <canvas id="mycanvas" width="200" height="100" style="border:1px solid #000000;"></canvas> Kreślenie w kanwie z użyciem JavaScript Cała działalność kreślarska na/w kanwach musi być wykonana przy użyciu skryptów (JavaScript): Przykład 4 11
12 <script type="text/javascript"> ctx.fillstyle="#ff0000"; ctx.fillrect(0,0,150,75); </script> Objaśnienia do przykładu: Najpierw należy znaleźć element <canvas>: Następnie należy wywołać metodę getcontext() (jako argument tej metody należy wpisać łańcuch "2d"): W ten sposób w HTML5 tworzony jest obiekt (przy pomocy metody getcontext("2d")), obiekt z wieloma właściwościami metodami umożliwiającymi wykreślanie linii, wieloboków, okręgów, tekstu, obrazów i wielu innych. Następne dwie linie kodu kreślą czerwono wypełniony prostokąt : ctx.fillstyle="#ff0000"; ctx.fillrect(0,0,150,75); Własność fillstyle może być kolorem z CSS, kolorem gradientowym, lub jakimś wzorem. Domyślnym wypełnieniem fillstyle jest # (czarny). Metoda fillrect(x,y,width,height) wykreśla prostokąt z uprzednio określonym wypełnieniem. Współrzędne kanw (Canvas) Kanwa (canvas) jest dwuwymiarową siatką. Górny lewy róg kanwy ma współrzędne (0,0) Dlatego też metoda fillrect() ma parametry (0,0,150,75). To znaczy, że rozpoczyna ona kreślenie od lewego górnego rogu (0,0) i kreśli prostokąt o wymiarach 150x75 pikseli. Canvas - Linie Do wykreślenia na kanwie linii prostej używa się dwóch metod: 12
13 moveto(x,y) definiuje punk startowy linii lineto(x,y) definiuje punkt końcowy linii Aby wykreślić cokolwiek (tutaj linię prostą) musimy użyć metod ink tusz, atrament jak np. stroke(). Przykład 5 Określ punkty początkowy (0,0) i końcowy (200,100), a następnie użyj metody stroke() w celu wykreślenia linii prostej: <!DOCTYPE html> <html> <body> <canvas id="mycanvas" width="200" height="100" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script> ctx.moveto(0,0); ctx.lineto(200,100); ctx.stroke(); </script> </body> </html> JavaScript: ctx.moveto(0,0); ctx.lineto(200,100); ctx.stroke(); Aby wykreślić okrąg na kanwie, należy użyć poniższej metody: arc(x,y,r,start,stop) oraz użyć jednej z metod ink jak stroke() lub fill(). 13
14 Przykład 6 Utwórz okrąg używając metody(): <!DOCTYPE html> <html> <body> <canvas id="mycanvas" width="200" height="100" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script> ctx.beginpath(); ctx.arc(95,50,40,0,2*math.pi); ctx.stroke(); </script> </body> </html> JavaScript: ctx.beginpath(); ctx.arc(95,50,40,0,2*math.pi); ctx.stroke(); Canvas - Tekst Najważniejszymi własnościami i metodami używanymi do wykreślania teksu na kanwach są: font definiuje własności czcionki dla tekstu filltext(text,x,y) - kreśli pełny tekst na kanwie stroketext(text,x,y) kreśli tekst na kanwie/ach. 14
15 Użycie metody filltext(): Przykład 7 Napisz tekst o wysokości 30px high, (pełny), używając czcionki "Arial": <!DOCTYPE html> <html> <body> <canvas id="mycanvas" width="200" height="100" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script> ctx.font="30px Arial"; ctx.stroketext("hello World",10,50); </script> </body> </html> JavaScript: ctx.font="30px Arial"; ctx.filltext("hello World",10,50); Używając metody stroketext(): Przykład 8 Napisz tekst o wysokości 30px (nie wypełniony) na kanwie, używając czcionki "Arial": 15
16 <!DOCTYPE html> <html> <body> <canvas id="mycanvas" width="200" height="100" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script> ctx.font="30px Arial"; ctx.stroketext("hello World",10,50); </script> </body> </html> JavaScript: ctx.font="30px Arial"; ctx.stroketext("hello World",10,50); Canvas Płynne przejście koloru Płynnego przejścia kolorów można użyć aby wypełnić prostokąty, okręgi, linie i teksty. Istnieją dwa typy płynnych przejść (gradients): createlineargradient(x,y,x1,y1) tworzy liniowe przejście createradialgradient(x,y,r,x1,y1,r1) tworzy promieniste przejścia. Mając obiekt, dla którego tworzymy przejście koloru, musimy dodać dwa lub więcej punktów przejścia (color stops). Metoda addcolorstop() określa przejścia kolorów I ich pozycje wzdłuż przejścia. Pozycje przejścia mogą być w dowolnym punkcie między 0 do 1. 16
17 Aby użyć płynnego przejścia, należy wstawić właściwość fillstyle lub strokestyle do gradientu i następnie wykreślić odpowiedni kształt, linię, prostokąt, czy też okrąg. Użycie metody createlineargradient(): Example Utwórz liniowe przejście dla prostokąta: <!DOCTYPE html> <html> <body> <canvas id="mycanvas" width="200" height="100" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script> // Create gradient var grd=ctx.createlineargradient(0,0,200,0); grd.addcolorstop(0,"red"); grd.addcolorstop(1,"white"); // Fill with gradient ctx.fillstyle=grd; ctx.fillrect(10,10,150,80); </script> </body> </html> JavaScript: // Create gradient var grd=ctx.createlineargradient(0,0,200,0); 17
18 grd.addcolorstop(0,"red"); grd.addcolorstop(1,"white"); // Fill with gradient ctx.fillstyle=grd; ctx.fillrect(10,10,150,80); Użycie createradialgradient(): Przykład 9 Utwórz promieniste przejście. Wypełnij prostokąt tym gradientem: <!DOCTYPE html> <html> <body> <canvas id="mycanvas" width="200" height="100" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script> // Create gradient var grd=ctx.createradialgradient(75,50,5,90,60,100); grd.addcolorstop(0,"red"); grd.addcolorstop(1,"white"); // Fill with gradient ctx.fillstyle=grd; ctx.fillrect(10,10,150,80); </script> </body> </html> JavaScript: 18
19 // Create gradient var grd=ctx.createradialgradient(75,50,5,90,60,100); grd.addcolorstop(0,"red"); grd.addcolorstop(1,"white"); // Fill with gradient ctx.fillstyle=grd; ctx.fillrect(10,10,150,80); Using createradialgradient(): Canvas - Obrazy Aby wprowadzić obraz na kanwie należy użyć następującej metody: drawimage(image,x,y) Obraz do wstawienia: Przykład 10 Wstaw obraz na kanwę: <!DOCTYPE html> <html> <body> <p>image to use:</p> 19
20 <img id="scream" src="the_scream.jpg" alt="the Scream" width="220" height="277" /> <p>canvas:</p> <canvas id="mycanvas" width="250" height="300" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script> var img=document.getelementbyid("scream"); ctx.drawimage(img,10,10); </script> </body> </html> JavaScript: var img=document.getelementbyid("scream"); ctx.drawimage(img,10,10); 20
HTML 5 język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest
język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest rozwinięciem języka HTML 4 i jego XML-owej odmiany (XHTMl 1), opracowywane w ramach prac grupy roboczej WHATWG (Web Hypertext
Multimedia 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
Zajęcia nr 15 JavaScript wprowadzenie do JavaScript
Zajęcia nr 15 JavaScript wprowadzenie do JavaScript Prowadzący: Andrzej Gąsienica-Samek, strona kółka www.atinea.pl/kolko Wprowadzenie do jsfiddle.net Uruchom Chrome i wejdź na stronę http://jsfiddle.net.
Audio i Video w HTML5
Audio i Video w HTML5 http://www.asdala.de/netz/html/video.html Kiedyś
Rys.2.1. Drzewo modelu DOM [1]
![Rys.2.1. Drzewo modelu DOM [1]](/thumbs/39/18108975.jpg "Rys.2.1. Drzewo modelu DOM [1]")
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA 2.1. DOM model
WIZUALIZACJA INFORMACJI TEKSTOWEJ WSTĘP DO HTML 5 CANVAS
WIZUALIZACJA INFORMACJI TEKSTOWEJ WSTĘP DO HTML 5 CANVAS Autor prezentacji: Michał Kołkowski Promotor: prof dr. hb. Włodzisław Duch SPIS TREŚCI 1. Ogólnie o Canvasie 2. Utworzenie szablonu do pracy z Canvas
HTML5 Nowe znaczniki header nav article section aside footer
Specyfikacja HTML5 wprowadza nowe znaczniki pozwalające w łatwy i intuicyjny sposób budować szkielet strony, który przez zmniejszenie ilości kodu jest czytelniejszy i łatwiejszy w utrzymaniu, pozwala poza
2 Podstawy tworzenia stron internetowych
2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument
Test z przedmiotu. Witryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Tylko jedna odpowiedź jest poprawna!!! Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 013/01 Nr programu: 31[01]/T,SP/MENIS/00.06.1 Okres kształcenia: łącznie ok. 170 godz. lekcyjne Moduł Bok wprowadzający 1. Zapoznanie z programem nauczania i
I. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych
rk Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych pojęć, prawdopodobnie zastanawiasz się, kiedy zaczniesz
Defilada - przykład wykorzystujący animowane modele Copperlicht. Andrzej P.Urbański Politechnika Poznańska
Defilada - przykład wykorzystujący animowane modele Copperlicht Andrzej P.Urbański Politechnika Poznańska Czego potrzebujemy? Animowane postacie potrafiące wykonywać różne ruchy cząstkowe np.: chodzić,
Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0
Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0 UWAGA 1: Przed dokonaniem jakichkolwiek zmian, zalecamy skopiować wcześniej kod html modułu do pliku na lokalnym dysku. W przypadku problemów ułatwi
Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy
Multimedia 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
Aplikacje internetowe
Aplikacje internetowe HTML 5 Wprowadzenie Autor Roman Simiński Kontakt roman.siminski@us.edu.pl www.siminskionline.pl Niniejsze opracowanie zawiera skrót treści wykładu, lektura tych materiałów nie zastąpi
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop. 2017 Spis treści O autorach 11 Wprowadzenie 13 CZĘŚĆ I ROZPOCZĘCIE PRACY Lekcja 1. Co oznacza publikowanie treści w sieci
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ę
<ul> <ul> </ul> </ul>
Tworzenie list z CSS namiot materac latarka mapa koc namiot materac latarka mapa koc Lista (wykaz) umożliwia tworzenia uszeregowanych grup informacji
I. Dlaczego standardy kodowania mailingów są istotne?
1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego
1. 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
która metoda jest najlepsza
która metoda jest najlepsza dr inż. Marek Żabka Instytut Matematyki Wydział Matematyki Stosowanej Politechnika Śląska 20 września 2012r Nowa metoda tworzenia grafiki na stronie internetowej: element,,canvas
Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37
Spis treści Wstęp 13 CZĘŚĆ I JĘZYK SIECI 17 Rozdział 1 Wprowadzenie do HTML5 19 Tworzenie przy pomocy znaczników: przegląd 20.Wprowadzanie nowych elementów HTML5 21 Korzystanie z kontynuowanych znaczników
za pomocą: definiujemy:
HTML CSS za pomocą: języka HTML arkusza CSS definiujemy: szkielet strony wygląd strony Struktura dokumentu html - znaczniki Znaczniki wyznaczają rodzaj zawartości. element strony
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 4 HTML 5 i CSS 3.0 Agenda Co nowego w HTML 5? Nowe elementy HTML 5 Nowe elementy w formularzach HTML
Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP
Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP Niniejszy tutorial jest wyłączną własnością Doroty Ciesielskiej Zapraszam na moją stronę http://www.direktorek03.wm studio.pl oraz
Specyfikacja reklamy tekstowej i bannerowej na portalu GoldenLine.pl
Specyfikacja reklamy tekstowej i bannerowej na portalu GoldenLine.pl Spis treści Ogólne informacje... 3 Kreacje HTML5... 4 1. Formy reklamowe... 5 1.1. Link tekstowy... 5 1.2. Link tekstowy plus... 5 1.3.
Techniki wstawiania tabel
Tabele w Wordzie Tabela w Wordzie to uporządkowany układ komórek w postaci wierszy i kolumn, w które może być wpisywany tekst lub grafika. Każda komórka może być formatowana oddzielnie. Możemy wyrównywać
Prezentacje multimedialne w Powerpoint
Prezentacje multimedialne w Powerpoint Ćwiczenie 1. Tworzenie prezentacji multimedialnej. POMOC DO ĆWICZENIA Dostęp do pomocy w programie: menu Pomoc Microsoft Office PowerPoint Pomoc. Aby ustawić tło
Wprowadzenie. 1. Terminal WebRTC. LABORATORIUM 5: WebRTC komunikacja między terminalami.
LABORATORIUM 5: WebRTC komunikacja między terminalami. Wprowadzenie Technika WebRTC (złożenie angielskiego słowa Web oraz akronimu RTC, pochodzącego od angielskiego Real-Time Communications, komunikacja
Widż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
Udostępnianie obrazu z kamer Sanyo HD na stronach WWW PORADNIK
PORADNIK Udostępnianie obrazu z kamer Sanyo HD na stronach WWW 1. Informacje wstępne Istnieje kilka sposobów wyświetlenia płynnego obrazu w formacie H.264 z kamer Sanyo z serii HD na dostępnych publicznie
Specyfikacja techniczna dot. mailingów HTML
Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej
CSS. Kaskadowe Arkusze Stylów
CSS Kaskadowe Arkusze Stylów CSS CSS = Cascading Style Sheets Style określają sposób wyświetlania zawartości elementów HTML Arkusz stylów jest zbiorem takich reguł Pojawiły się w HTML 4.0 by rozwiązać
narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.
Elementy programu Paint Aby otworzyć program Paint, należy kliknąć przycisk Start i Paint., Wszystkie programy, Akcesoria Po uruchomieniu programu Paint jest wyświetlane okno, które jest w większej części
Systemy internetowe HTML + CSS - dodatki
Systemy internetowe HTML + CSS - dodatki West Pomeranian University of Technology, Szczecin; Faculty of Computer Science HTML 5 Sekcja to tematyczna grupa treści (dane kontaktowe, materiały dydaktyczne,
HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.
Dokumenty HTML5 Każda przeglądarka dostępna na rynku obsługuje HTML5 w różnym stopniu. Możesz sprawdzić swoją testerem dostępnym pod adresem (http://html5test.com). HTML5 wprowadza cały zestaw zupełnie
I. Menu oparte o listę
I. Menu oparte o listę We wcześniejszych przykładach założyliśmy, że menu posiada tylko jeden poziom nawigacji. Czasem jednak jeden poziom nie wystarczy za pomocą list elementów oraz kaskadowych arkuszy
Okna 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.
DOM (Document Object Model)
DOM (Document Object Model) Czym jest DOM? Platforma, która pozwala skryptom na dynamiczny dostęp do zawartości strony i jej aktualizację. Elementy można dodawać, zmieniać lub usuwać. Specyfikacje Poziomy
Wykład 03 JavaScript. Michał Drabik
Wykład 03 JavaScript Michał Drabik Język programowania wykorzystywany na stronach internetowych głównie w celu umożliwienia interakcji z użytkownikiem. Kod JavaScript może być umieszczany w kodzie XHTML
Wprowadzenie 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
Zajęcia 4 - Wprowadzenie do Javascript
Zajęcia 4 - Wprowadzenie do Javascript Co to jest Javascript Javascript jest językiem skryptowym pozwalającym na dołączanie dodatkowej funkcjonalności do stron WWW. Jest ona najczęściej związana z modyfikacją
Zasady tworzenia podstron
Zasady tworzenia podstron Jeśli tworzysz rozbudowaną witrynę internetową z wieloma podstronami, za chwilę dowiesz się, jak dodawać nowe podstrony w kreatorze Click Web, czym kierować się przy projektowaniu
Adobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.
Spis treści: 1 Podstawy pracy z aplikacją... 2 1.1 Układ strony... 2 strona 1 z 7 1 Podstawy pracy z aplikacją InDesign jest następcą starzejącego się PageMakera. Pod wieloma względami jest do niego bardzo
Funkcje i instrukcje języka JavaScript
Funkcje i instrukcje języka JavaScript 1. Cele lekcji a) Wiadomości Uczeń : zna operatory i typy danych języka JavaScript, zna konstrukcję definicji funkcji, zna pętlę If i For, Do i While oraz podaje
PyX jest pakietem Pythona do grafiki wektorowej. Pozawala zatem tworzyd pliki EPS oraz PDF.
PyX jest pakietem Pythona do grafiki wektorowej. Pozawala zatem tworzyd pliki EPS oraz PDF. Aby go zainstalowad należy rozpakowad pakiet o nazwie PyX-0.10 do odpowiedniego katalogu. Będzie on dostępny
Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
OpenLaszlo. OpenLaszlo
OpenLaszlo Spis Treści 1 OpenLaszlo Co to jest? Historia Idea Architektura Jako Flash lub DHTML Jako servlet lub SOLO Jak to działa? Język LZX Struktura programu Skrypty Obiekty i klasy Atrybuty i metody
Programowanie CGI. Jolanta Bachan 2008-06-05 Informatyka
Jolanta Bachan Informatyka Sprawy organizacyjne Zaliczenie otrzymają osoby, które do 9. czerwca do godziny 0:00, czyli do 8. czerwca do godziny 24:00 prześlą mi: adres do strony internetowej z wbudowanym
Podstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
Podstawy JavaScript ćwiczenia Kontekst: Laboratorium 7 Blog: dodawanie i edycja wpisów
Laboratorium 7 Blog: dodawanie i edycja wpisów Dodawanie nowych wpisów Tworzenie formularza Za obsługę formularzy odpowiada klasa Zend_Form. Dla każdego formularza w projekcie tworzymy klasę dziedziczącą
Kurs ECDL Moduł 3. Nagłówek i stopka Microsoft Office Word 2003. Autor: Piotr Dębowski. piotr.debowski@konto.pl
Kurs ECDL Moduł 3 Nagłówek i stopka Microsoft Office Word 2003 Autor: Piotr Dębowski piotr.debowski@konto.pl Wolno: Creative Commons License Deed Uznanie autorstwa - Użycie niekomercyjne - Na tych samych
Rys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]
![Rys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]](/thumbs/39/19385278.jpg "Rys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]")
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA JavaScript tak
HTML. Tim Berners-Lee
HTML5 - początek HTML 1991 pojawia się pierwsza publicznie dostępna publikacja HTML Tags. 1993 - publikacja pierwszej propozycji specyfikacji języka"hypertext Markup Language (HTML)" Internet-Draft. 1995
Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo
Tabele. 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
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Powtó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
INSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie... 2. II. Tworzenie nowej karty pracy... 3. a. Obiekty... 4. b. Nauka pisania...
INSTRUKCJA UŻYTKOWNIKA Spis treści I. Wprowadzenie... 2 II. Tworzenie nowej karty pracy... 3 a. Obiekty... 4 b. Nauka pisania... 5 c. Piktogramy komunikacyjne... 5 d. Warstwy... 5 e. Zapis... 6 III. Galeria...
I. Formatowanie tekstu i wygląd strony
I. Formatowanie tekstu i wygląd strony Akapit: ... aby wyrównać tekst do lewego marginesu aby wyrównać tekst do prawego marginesu:
Adobe InDesign lab. 3 Jacek Wiślicki,
Spis treści 1. Zaawansowane techniki pracy...2 1.1. Tekst z wypełnieniem...2 1.2. Stosowanie przeźroczystości i oblewania tekstem...5 strona 1 z 8 1. Zaawansowane techniki pracy 1 W poprzednich instrukcjach
Backend Administratora
Backend Administratora mgr Tomasz Xięski, Instytut Informatyki, Uniwersytet Śląski Katowice, 2011 W tym celu korzystając z konsoli wydajemy polecenie: symfony generate:app backend Wówczas zostanie stworzona
Przewodnik... Tworzenie Landing Page
Przewodnik... Tworzenie Landing Page Spis treści Kreator strony landing page Stwórz stronę Zarządzaj stronami 2 Kreator strony landing page Kreator pozwala stworzyć własną stronę internetową z unikalnym
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ
APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ PLAN PREZENTACJI Wprowadzenie do HTML Struktura dokumentu HTML Komentarze Znaczniki Nagłówki (tytuły) Akapit Znacznik końca wiersza Linia pozioma
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium HTML + CSS Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej składającej się z zestawu stron w języku HTML. Ćwiczenia można wykonać na dowolnym komputerze,
ADMINISTRACJA STRONĄ EMPIRE MUSIC
ADMINISTRACJA STRONĄ EMPIRE MUSIC I.Nawigacja / Poruszanie się pomiędzy działami. Po zalogowaniu na panel należy wybrać do którego działu chcemy wprowadzić zmiany. Lista z działami znajduję po prawej stronie
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Prezentacja multimedialna MS PowerPoint 2010 (podstawy)
Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 2. Wstawianie obiektów do slajdu Do slajdów w naszej prezentacji możemy wstawić różne obiekty (obraz, dźwięk, multimedia, elementy ozdobne),
ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0
ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie
Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II
Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II Lp. 1. Data 05.05. Tematyka zajęć z zaznaczeniem zajęcia teoretyczne/zajęcia praktyczne modułu 7: Przeglądanie stron
Bazy danych i strony WWW
Bazy danych i strony WWW Obsługa baz danych poprzez strony WWW Niezbędne narzędzia: serwer baz danych np. MySQL serwer stron WWW np. Apache przeglądarka stron WWW interpretująca język HTML język skryptowy
Ćwiczenie 22 Dynamiczne wczytywanie tekstu z pliku.txt
Dynamiczne wczytywanie tekstu z pliku.txt Wykonamy dwa zadania z wczytywaniem zewnętrznych plików tekstowych. W pierwszym zadaniu wczytamy jeden plik tekstowy. W drugim podejściu za pomocą przycisków będziemy
Układy witryn internetowych
1. CEL ĆWICZENIA Celem ćwiczenia jest zapoznanie się z możliwościami kaskadowych arkuszy stylów CSS w zakresie kontrolowania położenia elementów na stronie. 2. MATERIAŁ NAUCZANIA W normalnym układzie opartym
WORDPRESS INSTRUKCJA OBSŁUGI
WORDPRESS INSTRUKCJA OBSŁUGI Zapraszamy do zapoznania się z Instrukcją obsługi panelu CMS Wordpress, która w krótkim czasie i bez większego kłopotu pozwoli na edycję treści i zawartości strony, w tym:
Programowanie obiektowe
Laboratorium z przedmiotu Programowanie obiektowe - zestaw 07 Cel zajęć. Celem zajęć jest zapoznanie z praktycznymi aspektami tworzenia aplikacji okienkowych w C#. Wprowadzenie teoretyczne. Rozważana w
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
CMS - INFORMACJE. *** Mirosław Kuduk E mail: tel. kom DODATKOWE FUNKCJE - PANEL ADMINISTRATORA
CMS - INFORMACJE *** Mirosław Kuduk E mail: mkuduk@interia.pl tel. kom. 663-755-428 DODATKOWE FUNKCJE - PANEL ADMINISTRATORA Panel Dodatkowe funkcje Autoryzacja Publikacje Nowa publikacja, edycja Pokazy
Pierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
PROBLEMY TECHNICZNE. Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS
PROBLEMY TECHNICZNE Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS Jeżeli stwierdziłeś występowanie błędów lub problemów podczas pracy z programem DYSONANS możesz skorzystać
Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015
Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015 INFORMACJE OGÓLNE 1. Wnioski o dofinansowanie projektu w ramach konkursu nr 1/1.1.1/2015
7. Dynamiczne generowanie grafiki
7. Dynamiczne generowanie grafiki 7.1. Biblioteka GD Dynamiczne generowanie kodu HTML to podstawowe zastosowanie języka PHP. Często jednak to nie wystarczy i mieszanka: dynamiczny HTML plus statyczna grafika,
Pokaz 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
AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ
Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa
E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści
E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki
Serwis PTF Dodanie informacji bieżącej w podserwisie oddziału
Serwis PTF Dodanie informacji bieżącej w podserwisie oddziału Spis treści 1 Logowanie do panelu redagowania treści 1 2 Uwagi dotyczące panelu administratora 1 3 Dodanie nowej informacji bieżącej 2 4 Redagowanie
Tworzenie infografik za pomocą narzędzia Canva
Tworzenie infografik za pomocą narzędzia Canva Spis treści Wstęp... 1 Układy... 3 Zmiana tekstu... 4 Obrazki... 5 Elementy... 6 Zdjęcia - Gratis... 6 Siatki... 8 Ramki... 10 Kształty... 12 Linie... 12
Po zrealizowaniu materiału student będzie w stanie korzystać z usługi RSS oferowanej na stronach www utworzyć kanał RSS na stronie www
Po zrealizowaniu materiału student będzie w stanie korzystać z usługi RSS oferowanej na stronach www utworzyć kanał RSS na stronie www 2 1 Specyfikacja RSS http://www.rss-specifications.com/rss-specifications.htm
Rozwiązanie ćwiczenia 8a
Rozwiązanie ćwiczenia 8a Aby utworzyć spis ilustracji: 1. Ustaw kursor za tekstem na ostatniej stronie dokumentu Polska_broszura.doc i kliknij przycisk Podział strony na karcie Wstawianie w grupie Strony
M o d e r n i z a c j a k s z t a ł c e n i a z a w o d o w e g o w M a ł o p o l s c e. Godziny szkolenia (od do) Ilość godzin. Liczba uczestników
Lp. 1. Data 05.05.2014 2 06.05.2014 3 12.05.2014 4.05.2014 5 19.05.2014 6 20.05.2014 7 22.05.2014 8 26.05.2014 9 02.06.2014 Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych)
Adobe InDesign lab. 3 Jacek Wiślicki, Paweł Kośla
Spis treści 1. Zaawansowane techniki pracy... 2 1.1. Tekst z wypełnieniem... 2 1.2. Stosowanie przeźroczystości i oblewania tekstem... 6 strona 1 z 9 1. Zaawansowane techniki pracy 1 W poprzednich instrukcjach
1. Aby na stronie ZS umieścić artykuł np. news, wymagania edukacyjne, konspekt trzeba założyć sobie konto, w tym celu naciskamy
1. Aby na stronie ZS umieścić artykuł np. news, wymagania edukacyjne, konspekt trzeba założyć sobie konto, w tym celu naciskamy Następnie wypełniamy pola oznaczone * (hasło musi mieć co najmniej 6 znaków
Wstawianie nowej strony
Wstawianie nowej strony W obszernych dokumentach będziemy spotykali się z potrzebą dzielenia dokumentu na części. Czynność tę wykorzystujemy np.. do rozpoczęcia pisania nowego rozdziału na kolejnej stronie.
Przekształcenie danych przestrzennych w interaktywne mapy dostępne na stronach www (WARSZTATY, poziom zaawansowany)
Wrocławski Instytut Zastosowań Informacji Przestrzennej i Sztucznej Inteligencji Przekształcenie danych przestrzennych w interaktywne mapy dostępne na stronach www (WARSZTATY, poziom zaawansowany) Szkolenia
Nowe zasady dotyczące cookies
Nowe zasady dotyczące cookies W ramach naszej witryny stosujemy pliki cookies w celu świadczenia Państwu usług na najwyższym poziomie, w tym w sposób dostosowany do indywidualnych potrzeb. Korzystanie
Edytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy Cz. 3. Rysunki w dokumencie Obiekt Fontwork Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład tytuł czy hasło promocyjne, możemy w