"Promocja multimedialna strony web". autor: Piotr Ciechomski

Wielkość: px
Rozpocząć pokaz od strony:

Download ""Promocja multimedialna strony web". autor: Piotr Ciechomski"

Transkrypt

1 "Promocja multimedialna strony web". autor: Piotr Ciechomski

2 Konspekt zajęć "Promocja multimedialna strony web". 1. Wprowadzenie do zajęć, przedstawienie warunków zaliczenia. Zajęcia organizacyjne. 2. Wskazówki dot. tworzenia stron WWW. Wprowadzenie do HTML, podstawowe znaczniki, ramy strony HTML 3. Znaczniki ciąg dalszy, odsyłacze na stronie, formatowanie tekstu. 4. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 5. Tabele na stronie, struktura, zastosowanie tabeli na stronie, efekty na tabeli. 6. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 7. Multimedia na stronie WWW Obrazki, Filmy, Muzyka. 8. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 9. Tworzenie własnego layoutu i przygotowanie go do publikacji za pomocą Adobe Photoshop. 10. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 11. Wprowadzenie do kaskadowych arkuszów stylów (CSS). 12. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 13. Kaskadowe Arkusze Stylów, ciąg dalszy, wprowadzenie do bloków (DIV), dziedziczenia oraz klas. 14. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 15. Tworzenie oraz osadzenie na stronie menu opartych na listach. 16. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 17. Budowa rozwijanego menu za pomocą programu Sothink Menu Builder 18. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 19. Tworzenie oraz osadzanie na stronie menu w technologii Adobe Flash.

3 20. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 21. Kolokwium sprawdzające stan wiedzy. 22. Omówienie i poprawa kolowkium. 23. Budowa i osadzanie formularzy na stronie, 24. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 25. Publikacja własnej strony w internecie. 26. Ćwiczenia własne z pomocą wykładowcy nad tematem związanym na poprzednich zajęciach, przedstawienie pracy domowej. 27. Konsultacje, pytania odnośnie projektu. 28. Konsultacje, pytania odnośnie projektu. 29. Ocena projektów, wystawienie ocen końcowych. 30. Ocena projektów, wystawienie ocen końcowych.

4 Projekt końcowy "Promocja multimedialna strony web". Projekt polega na zrobieniu swojej wizytówki włączając w to elementy o których była mowa na zajęciach. Może być to wizytówka, lecz nie musi. Temat jest dowolny. Projekt zaliczeniowy MUSI zawierać minimum: co najmniej 5 podstron tematycznych menu oparte na listach lub w technologi flash stronę opartą na DIV wykorzystanie dziedziczenia oraz klas osobny CSS ze stylami strony przykladowa galeria wykorzystujaca LIGHTBOX Projekt powinien być spójny zarówno tematycznie jak i graficznie. Każda dodatkowa inwencja będzie dodatkowo punktowana co bezpośrednio przełoży się na oceny końcowe W razie jakichkolwiek pytań proszę o kontakt. Zasady zaliczenia "Promocja multimedialna strony web". Na zajęciach jest do zdobycia razem 100 punktów, kolejno: 25 pkt. z prac domowych ( 20 pkt. z projektu końcowego 55 pkt. z kolokwium Ocenę zaliczającą z zajęć można uzyskać otrzymując 51% całej ilości punktów, to jest 51 punktów. Nastepujące oceny można uzyskać: pkt pkt pkt pkt 5

5 Promocja multimedialna strony web Prolog. Wskazówki dotyczące tworzenia stron WWW. Na pewno każdy z Was zastanawia się od czego zacząć tworzenie swojej własnej strony internetowej. Odpowiedzią nie jest poznanie niewiadomo jakich technik, programów czy też języków skryptowych. Na początku polecam skupić się nad usability naszej strony. Nad tym aby zachęcić potencjalnego użytkownika do odwiedzenia naszej strony oraz aby nie zrazić go naszą źle zaprojektowaną stroną. Oto kilka rad I wskazówek nad którymi powinniśmy pomyśleć zanim zabierzemy się za kodowanie naszej pierwzej strony. Waga stron WWW: Strona powinna zajmować na serwerze jak najmniej miejsca. Zawsze powinno brać się pod uwagę tych użytkowników, którzy posiadają słabsze łącze internetowe. Strony powinny być rozsądnie zagospodarowane grafiką ponieważ długością otwierania zniechęci użytkownika i opuści on naszą stronę. Poruszanie się po stronie WWW: Poruszanie po naszej stronie WWW powinno być łatwe I intuicyjne. Oznacza to iż użytkownik nie może zabrnąć tam, skąd nie będzie powrotu. Na każdej stronie muszą znajdować się odnośniki do podstron. Najlepszym rozwiązaniem jest menu, takie same na każdej z podstron. Grafika na stronie WWW: Najlepszym rozwiązaniem na np. galerię na naszej stronie jest umieszczenie miniaturek które po kliknięciu odwołają się do zdjęcia poprawnej rozdzielczości. Także elementy w technologii flash powinny mieć swoje odpowiedniki w HTML w momencie gdy dany użytkownik nie ma zainstalowanego Flasha na swoim komputerze.

6 Tło i bannery na stronie WWW: Należy postarać się aby tło na naszej stronie było raczej spokojne niż pstrokate kolorowe. Błędem jest też iż niektóre strony posiadają tło, które zlewa się z tekstem, przez co nie jest sposób przeczytać np. ważnego numeru telefonu lub adresu, maila itp. Banery na stronie muszą być również stonowane, nie pstrokate, migające, ponieważ takie bannery tylko irytują użytkownika strony. Myślę że tych kilka WAŻNYCH wskazówek da pogląd na to jak należy zaprojektować naszą stronę oraz czego należy się wystrzegać przy tworzeniu własnych stron WWW.

7 Promocja multimedialna strony web Część pierwsza. Wprowadzenie do HTML. Stronę WWW można tworzyć w różnych edytorach, w najgorszym wypadku może być to nawet notatnik jednak ta metoda nie jest polecana bo notatnik nie ma wbudowanej funkcji sprawdzania składni co często skutkuje literówkami w kodzie wynikowym. Z powodzeniem za to można kodować naszą stronę za pomocą darmowych programików (polecam PSPAD). Na początku najlepiej jest utworzyć sobie nowy katalog gdzie trzymane będą wszystkie pliki związane z naszą stroną. Stronę główną, nazywaną również jako startową, należy nazwać index.html/index.htm. Następne strony można nazywać już dowolnie, z tym że lepiej nie używać w nazwie wielkich liter, znaków specjalnych (np. / \ : ; *), spacji, polskich liter (ą, ś, ć... itd). Najlepiej zacząć od wpisania ramy. Ramy dokumentu HTML. Każda strona WWW powinna posiadać takowe ramy. Legenda ramy: <html></html> - początek dokumentu html <head></head> - nagłówek dokumentu html, w nim trzymane są informacje o kodowaniu, informacje dla wyszukiwarek, tytuł itp... <title></title> - tytuł naszej strony wyświetlany w pasku górnym przegrądarki <body></body> cała treść strony, tzw. ciało strony Wpisywanie tekstu: Zwykły tekst wpisujemy bezpośrednio z klawiatury w sekcji <body>. Wszystkie wiersze będą wtedy automatycznie zawinięte, stąd przy wpisanym tekście: Ala ma kota...

8 otrzymamy: Ala ma kota... Znaczniki: Aby móc dowolnie edytować wpisany tekst musimy posłużyć się znacznikami. Znacznik to tekst umieszczony w nawiasach ostrych, np. <center>, który jest niewidoczny na stronie, a który jest odpowiedzialny między innymi za wstawianie tła na stronę, zmianę czcionki, itp.. Znaczniki wpisujemy zawsze na początku jak i na koniec tekstu. np: <center>tekst wyśrodkowany</center> lub: <center> Tekst wyśrodkowany </center> Każdy otwarty znacznik należy zamknąć, stosując znacznik analogiczny do otwierającego poprzedzając go znakiem slash /. Oczywiście istnieją niektóre wyjątki ale o nich później. Nie ma zasadniczej różnicy jakimi literami piszemy znaczniki, lecz ze względu na czytelność i przejrzystość kodu najlepiej pisać je małymi literami. Znacznik końca linii: <br /> Aby napis z przykładu powyżej napisać tak jak chcieliśmy, czyli jeden pod drugim, należy po każdym wyrazie wstwić znacznik końca linii, np: otrzymamy: Ala ma kota... Znaczniki końca linii można dowolnie mnożyć, wtedy uzyskamy tyle odstępów ile znaczników użyjemy, np: otrzymamy: Ala ma kota...

9 UWAGA! Należy również zauważyć, iż znacznik końca linni jest jednym z wyjątków i nie posiada swojego zakończenia! Tekst pogrubiony: Aby pogrubić wskazany tekst, należy skożystać ze znacznika <b></b>, np: Tekst pochylony: Aby zastosować kursywę na wskazanym tekście, należy skożystać ze znacznika <i></i>, np: Tekst podkreślony: Aby podkreślić wskazany tekst należy skożystać ze znacznika <u></u>, np: Wielkość czcionki: Aby zastosować daną wielkość czcionki należy zastosować znacznik: UWAGA! W miejsce x wpisujemy daną wielkość czcionki, np. 1,2,3. Kolor czcionki: Aby napisać tekst kolorem należy przy znaczniku <font> użyć atrybutu color, np: UWAGA! W miejsce kolor wpisujemy dany kolor w języku angielskim, np. black, white, yellow, red, itp Rodzaj czcionki: Aby napisać tekst daną czcionką należy przy znaczniku <font> użyć atrybutu face, np: UWAGA! W miejsce rodzaj czcionki wpisujemy krójczcionki jaką chcemy zastosować, np: Arial, Times New Roman, itp W przypadku niestandartowej czcionki której przeglądajacy stronę nie ma zainstalowanej w komputerze, wyświetli mu się czcionka standartowa, najczęściej Times New Roman. Nie jest wskazane używać czcionek niestandartowych których większość przeciętnych użytkowników nie ma zainstalowanych na swoich komputerach.

10 Właściwości znaczników: Znaczniki które wymienione były powyżej można dowolnie łączyć, np. należy pamiętać że przy łączeniu znaczników zamykamy je w kolejności odwrotnej niż je otwieraliśmy. Dodatkowo atrybuty przy jednym znaczniku można łączyć używając znaku spacji. Przy łączeniu kolejność wpisywania atrybutów jak i znaczników jest dowolna. Kolor tła: Aby zmienić kolor tła należy w znaczniku <body>, który należy do ramy strony (patrz pierwsza strona poradnika), dodać atrybut bgcolor, np: UWAGA! W miejsce kolor wpisujemy dany kolor w języku angielskim, np. black, white, yellow, red, itp lub w kodzie szesnastkowym po znaku hash, np. czarny to #00000, biały #FFFFF Własne obrazki na stronie WWW: Aby poprawnie wstawić obrazek należy pierw wstawić go fizycznie do katalogu, gdzie znajduje się dokument html. Nastepnie należy posłużyć się znacznikiem: a) gdzie w miejscu sciezki wpisujemy nazwe pliku, w przypadku gdy plik znajduje sie W TYM SAMYM miejscu co dokument html : b) gdzie w miejscu sciezki wpisujemy katalog a nastepnie nazwe pliku w przypadku gdy obrazek znajduje sie w podkatalogu. Znacznik alt służy do opisania obrazka w przypadku gdy uzytkownik nie zechce wyswietlac obrazkow na stronie WWW. Tudzież gdy obrazek przez przypadek nam się usunie. Na stronie WWW najczęściej stosujemy: GIF- jeśli grafika dotyczy, przycisków, tła, itp.. Zalety: zajmuje bardzo mało na serwerze Wady: Kiepska jakość. JPG jeżeli grafika dotyczy obrazków wstawianych na stronę. Zalety: Dobra jakość Wady: Potrafi zająć bardzo bużo miejsca na serwerze. PNG łaczy zalety GIF I JPG.

11 UWAGA! Nie stosujemy BMP ze względu na nikłą jakość kompresji, przez co strony wczytują się za długo! Odnośniki na stronie WWW: Odsyłacze służą do przemieszczania się pomiedzy wszystkimi stronami. Tak jak poszczególne rozdziały w książce tak strony WWW są podzielone na podstrony. Każda podstrona jest osobnym plikiem HTML, z tą samą ramą, różnić się może jedynie treścią. Kiedy chcemy umożliwić przechodzenie z jednej strony na drugą należy stosować odsyłacze, aby umożliwić to użytkownikowi. Składnia odsyłacza do podstrony wygląda następująco: Zasada wpisywania ścieżki do podstrony jest taka sama jak w przypadku obrazków. Zaś Jakiś tekst odpowiada za opis, gdzie przeniesiemy się po kliknięciu na dany odsyłacz. Ważne aby opis odsyłacza był na tyle czytelny dla użytkownika, aby ten wiedział gdzie się przemieszcza. Ważne jest także aby zawsze była możliwość powrotu z danej podstrony, aby nie wpędzić użytkownika w przysłowiowy kozi róg.

12 Promocja multimedialna strony web Część trzecia Znaczniki ciąg dalszy. Obrazek w tle: Gdy znudziło już nam się jednolite, kolorowe tło i chcemy zastąpić je przykładowym obrazkiem, używamy znacznika: w momencie gdy chcemy, aby tło było nieruchome, dodajemy znacznik bgproperities: Należy pamiętać jednak o kilku prostych zasadach. Po pierwsze, aby plik z obrazkiem nie zajmował dużo miejsca, ponieważ czas ładowania strony znacząco się wydłuży. Aby tło nie było zbyt pstrokate, ponieważ strona straci na czytelności, i wreszcie, aby napisy na tle były wyraźne i czytelne. Odsyłacze: Odsyłacz mailowy: Jeśli chcemy umieścić na swej stronie adres mailowy tak, aby po kliknieciu od razu można było pisać maila z poziomu klienta pocztowego (Outlook, Thunderbird), używamy znacznika: gdzie w opisie zamiast Napisz do mnie, Skrobnij proszę itp. lepiej napisać jest swój adres internetowy ponieważ użytkownik może mieć zablokowanego klienta pocztowego lib po prostu go nie mieć zainstalowanego. Kolorowe odsyłacze: Mozemy dowolnie kolorować odsyłacze, robimy to w ten sposób, iż przy znaczniku body dopisujemy argument kolejno: Link-kolor odsyłaczy które nie zostały jeszcze użyte Vlink-kolor odsyłaczy które zostały już użyte Alink-kolor odsyłaczy które są właśnie użwane przy kolorowaniu linków obowiązuje ta sama zasada co przy kolorowych czcionkach, kolory wpisujemy poprzez wpisanie nazwy angielskiej lub kodu szesnastkowego.

13 Odsyłacz obrazkowy: Aby zamiast tekstu w odsyłaczu umieścić dowolny obrazek, używamy znacznika: Wtedy, gdy tylko klikniemy na obrazek odsyłacz zostanie uruchomiony i zostaniemy przekierowani do danej podstrony. UWAGA! Aby usunąć obramowanie dla obrazka, przy znaczniku img wpisujemy: Ikona strony: Ostatnio coraz bardziej powszechna staje się mała ikonka tuż obok adresu WWW. Przygotowanie ikony to zrobienie jej w wymiarach 16x16 pixeli. Koniecznie musi być rozszerzenie *.ico. Następnie w nagłówku stosujemy znacznik: Koniecznie w polu adres, wpisujemy adres gdzie ikonka fizycznie sie znajduje. Akapit: EFEKTY TEKSTOWE: Akapit stosujemy używając znacznika: Gdy go zastosujemy, tekst automatycznie przejdzie nam do następnej linii i powstanie przerwa. Gdy stosujemy bezpośrednio po sobie teksty różnej treści, warto, aby taka przerwa była. Możemy do znacznika <p> dodać dodatkowo trzy atrybuty, i tak na przykład: Tekst po lewej stronie (domyślna wartość). Tekst w centralnej części strony. Tekst po prawej stronie.

14 Tytuł: Jeśli chcemy nadać tytuł, używamy wtedy znacznika: UWAGA! w miejsce x wstawiamy wartość. Im większa liczba, tym nasz tytuł będzie mniejszy. Znacznik tytułu może być stosowany wraz z atrybutem align. Tytuł po lewej stronie (domyślna wartość). Tytuł w centralnej części strony. Tytuł po prawej stronie. Wyróżnienie: Istnieją dwa rodzaje wyróżnienia w tekście: Zwykłe wyróżnienie Mocne wyróżnienie Indeks: Będzie nam potrzebny gdy chcemy np. wprowadzić jakieś bardziej złożone operacje matematyczne. Dzieli się na dwa indeksy, indeks górny oraz dolny: Indeks górny Indeks dolny

15 Lista wyliczeniowa: Używamy jej gdy chcemy wyliczyć lub wypisać elementy w osobnych wierszach. Znacznik wygląda następująco: do znacznika <ul> możliwy jest atrybut type określający rodzaj wypunktowania w liście. I tak kolejno: "disc" - (domyślny) - koło "circle" - okrąg "square" - wypełniony kwadrat Lista wyliczeniowa numerowana: W tym przypadku zmienia się tylko znacznik początkowy: w tym przypadku także możliwy jest znacznik type, w tym wypadku określa nam on kolejno: "1" (domyślny) - numeracja według liczb arabskich "I" - według dużych liczb rzymskich "i" - według małych liczb rzymskich "a" - według małych liter "A" - według dużych liter Obramowanie tekstu: Jeżeli chcemy wyróżnić jakiś tekst poprzez obramowanie, używamy znacznika:

16 dodatkowo, jeżeli obramowaniu chcemy nadać tytuł, używamy: na przykład:

17 Promocja multimedialna strony web Część trzecia Tabele. Tabele budujemy stosując trzy znaczniki: Podstawowa struktura tabeli: -znacznik początku i końca tabeli: - znacznik początku i końca wiersza - znacznik początku i końca komórki struktura całej tabelki wygląda zatem następująco: Wiersze i kolumny możemy dodawać dowolnie, powielając znaczniki <tr> i <td>. Wazne jest, żeby liczba wierszy w każdej kolumnie była taka sama. Aby wpisać dowolny znacznik lub znak w kolumne należy to zrobić pomiędzy znacznikami <td>...</td>. Kazdy inny zapis będzie nieprawidłowy.

18 Zastosowanie tabeli: Za pomocą tabel możemy w dowolny sposób dzielić stronę na elementy. Dzięki temu możemy w prosty sposób wydzielić miejsce np. na banner strony, spis tresci. Przykładowy kod dzielący stronę na trzy bloki: Obramowanie tabeli: Aby pogrubić obramowanie tabeli (pionowe i poziome linie), stosujemy znacznik: UWAGA! W miejsce n wpisujemy daną wartość w pikselach. Marginesy: Aby zastosowć margines w zawartości komórki używamy znacznika: UWAGA! W miejsce n wpisujemy daną wartość podaną w pikselach. Dzięki nadaniu własnych marginesów zawartość komórki wygląda bardziej estetycznie. Odstęp między komórkami: Gdy chcemy wprowadzić zdefiniowany przez nas odstęp między komórkami używamy następującego znacznika: przy czym w miejsce n wpisujemy daną wartość podaną w pikselach. Dzięki temu znacznikowi wprowadzamy odstęp między wszystkimi sąsiadującymi komórkami w tabeli.

19 Nagłówek w tabeli: Jeśli chcemy wyszczególnić komórkę nagłówkową, stosujemy wte dy znacznik: Komórka ta charakteryzuje się pogrubionym tekstem oraz jego wyśrodkowaniem. Tytuł tabeli: Jeżeli chcemy tabeli nadać tytuł, stosujemy wtedy znacznik : UWAGA! Przy czym zamiast center (pozycja środkowa), możemy wpisać dowolną inną pozycję tytułu. "top" - tytuł górny "bottom" - tytuł dolny "left" - ustawienie przy lewej krawędzi tabeli "right" - przy prawej krawędzi Wymiary tabeli i komórki: Wymiary tabeli mogą być podawane w dwóch wartościach, procentach oraz pikselach. Aby nadać tabeli lub poszczgólnej komórce daną wielkość, należy użyć następujących znaczników: w przypadku całej tabeli: lub:

20 w przypadku pojedyńczej komórki: lub: UWAGA! Wszędzie gdzie jest n%, wartość podajemy w procentach, a w innym wypadku wartość odnosi się do pikseli. W przypadku gdy tabela ma być taka sama bez względu na wielkość ekranu, wtedy posługujemy się wartością %. Jeżeli chcemy żeby tabela miała stały rozmiar, bez względu na wielkość ekranu, wtedy posługujemy się wartościami podanymi w pikselach. W przypadku gdy ustalimy wysokośc lub szerokośc dla pojedyńczej komórki, wtedy cała kolumna bedzie tej wielkośći. Kolor tła w tabeli: Aby nadać kolor tła w tabeli lub komórce stosujemy następujący znacznik: w tabeli: w wierszu: w komórce:

21 We wszystkich przypadkach zamiast kolor wpisujemy definicje koloru poznaną już na poprzednich zajęciach. Tło obrazkowe w tabeli: Aby w tle wyświetlił się obrazek stosujemy następujący znaczniik: w tabeli: w komórce: Uwaga! W polu scieżka wpisujemy ścieżkę dostępu do pliku graficznego. Kolor obramowania tabeli: Jeżeli chcemy nadać kolor obramowaniu w tabeli używamy atrybutu i tak jeśli chodzi o: bordercolor= kolor całą tabelę: jeden wiersz: jedną komórkę:

22 We wszystkich przypadkach zamiast kolor wpisujemy definicje koloru poznaną na poprzednich zajęciach. Łączenie komórek: Jeśli chcemy połączyć komórki np. w celu dzielenia strony na elementy (banner, stopka), używamy znacznika atrybutu colspan(łączenie poziome komórek) oraz rowspan (łączenie pionowe komórek). Kod wygląda następująco: colspan (poziome łączenie komórek): UWAGA! n oznacza liczbę komórek które chcemy połączyć. rowspan (pionowe łączenie komórek): UWAGA! n oznacza liczbę komórek które chcemy połączyć. Zagnieżdżanie tabel: Aby móc w pełni kontrolować budowanie strony w oparciu na tabelkach musimy opanować zagnieżdżanie tabel. Zagnieżdżanie polega na budowaniu tabel jedna w drugiej. Np:

23 Efektem może być strona której szablon widzimy poniżej.

24 Promocja multimedialna strony web Część piąta. Multimedia na stronie WWW. Pliki multimedialne jakie są obsługiwane przez dzisiejsze przeglądarki internetowe można podzielić na trzy grupy: Obrazy (np. *.gif, *.jpg, *.png) Pliki Dźwiękowe (np. *.mp3, *.wma, *.wav, *.mid) Pliki Video oraz animacje (np. *.rm, *.avi, *.mov, *.mpeg *.swf) Można również pliki video wstawiać z kanału zewnętrznego, np. YouTube lub GoogleVideo. Multimedia na naszą stronę WWW można wstawiać na wiele możliwych sposobów, należy jednak najpierw przemyśleć jaki sposób będzie najlepiej nadawał się do danego rodzaju plików. OBRAZKI Pliki obrazków najlepiej wstawiać wszystkim dobrze i znanym sposobem: Należy przy tym pamiętać aby pliki te miały już dopasowane wcześniej rozmiary ze względu na to aby potem się nie rozjeżdżały. Można wprawdzie skalować wgłębi HTML lecz stanowczo to odradzam ze względu na marną jakość tak skalowanego obrazka. MUZYKA Pliki muzyczne w formacie mp3 można wstawić bezpośrednio z kodu: Można również ustawić dany utwór jako podkład muzyczny naszej strony (wybrany utwór będzie odtwarzany podczas oglądania strony (tylko IE). Można również wstawić jako obiekt, lecz nie jest to polecane ze wzgledu na to że pierw musi się dany plik dźwiękowy w całości pobrać, nastepnie dopiero można go będzie odsłuchać. Co jest niestety karkołomne przy dużych plikach muzycznych. FILMY Jeśli chodzi o pliki video, sytuacja wygląda podobnie jak w przypadku plików dźwiękowych, można umieścić go jako zwykły załącznik do pobrania przez użytkownika a potem wyświetlenia:

25 OBJECT: Znacznik <object> w html 4.01 definiuje obiekty na stronie, w naszym przypadku będą to obiekty multimedialne, a jescze dokładniej, pliki wideo. Obiekty zaczynamy i kończymy znacznikiem <object>...</object> Dodatkowo, mamy możliwość stosowania różnych atrybutów do określania poszczególych wartości, oto najważniejsze z nich jeśli chodzi o wideo: Type określa typ pliku jaki osadzamy na stronie, np: video/x-ms-wmv wmv video application/x-shockwave-flash flash video/quicktime quicktime video application/vnd.rn-realmedia real media video W polu data musimy wpisać nazwę lokalizacji obiektu który chcemy wstawić, np: Parametry rozmiaru okna to width oraz height. Wartości podajemy w procentach lub pikselach, np: Do każdego obiektu można dopisywać dowolne parametry <param>, oto najważniejsze z nich: Name, atrybut zawiera nazwę aktualnie definiowanego parametru: Typ jaki umieszczamy oraz źródło gdzie się on znajduje Scieżka dostępu do pliku, źródło pliku(wymagane): Autostart określa czy plik ma się automatycznie włączać po wejściu na daną stronę. True (tak) lub False(nie): Showcontrols określa czy mają być widoczne przyciski nawigacyjne. True (tak) lub False(nie):

26 EMBED: Znacznik <object> jest różnie interpretowany w zależności od typu obiektu. Niestety najpopularniejsze przeglądarki używają różnego kodu do wczytywania tych samych obiektów co za tym idzie może się on poprawnie nie wyświetlić. Na szczęście jeśli znacznik <object> nie będzie poprawnie interpretowany wtedy kod który znajduje się pomiędzy tym znacznikiem zostanie wyświetlony. I tu może nam przyjść z pomocą starszy, ale nadal aktualny znacznik <EMBED /> który należy umieścić pomiędzy znacznikiem <object>...</object> Dodatkowo możemy stosować następujące atrybuty: Autostart określa czy przy wczytywaniu strony plik ma być automatycznie uruchamiany. Wartości dostępne to true (plik zostanie automatycznie odtworzony zaraz po wczytaniu strony) i false (plik nie zostanie automatycznie odtworzony I trzeba odtworzyć go ręcznie): Showcontrols ma za zadanie ukrywać I pokazywać panel kontrolny. Wartości dostępne to 0 (panel zostanie ukryty) i 1 (panel zostanie wyświetlony): Showdisplay ma za zadanie ukrywać I pokazywać pasek wyswietlania informacji. Wartości dostępne to 0 (panel zostanie ukryty) i 1 (panel zostanie wyświetlony): Loop odpowiada za liczbę powtórzeń. Wartości dostępne to true (plik zostanie odtworzony nieskończoną liczbę razy) i false (plik zostanie odtworzony tylko raz): Title nadaje nam nazwę jaką chcemy wyświetlić.

27 Lang określa w jakim języku jest film. Pluginspage odpowiada za adres wtyczki pozwalający odtworzyć wybrany rodzaj pliku, dzięki czemu użytkownik będzie go mógł w razie czego zainstalować, np: "http://www.apple.com/quicktime/download/" - wtyczka *.mov (QuickTime) "http://www.macromedia.com/shockwave/download/download.cgi?p1_prod_version=shock waveflash" - wtyczka *.swf (Macromedia Flash) "http://www.microsoft.com/windows/mediaplayer/" - wtyczka Windows Media Player Plug- In for Netscape - dla posiadaczy Netscape (*.wav, mid, mp3, asf, wma, wmv, avi itp.). UWAGA!! Należy pamiętać iż nie wszystkie przeglądarki moga obslugiwac <EMBED>, wtedy należy się jeszcze zabezpieczyć dodatkowo, podajac bezpośredni link do naszego filmu: Jako że znaczniki <embed> i <object> są różnie interpretowane w różnych przeglądarkach, dlatego należy stosować je razem, np:

28 YouTube i Google Video: Gdy chcemy na stronie umieścić filmy z zewnętrznego serwera, np YouTube lub Google Video, to zazwyczaj mamy tam już gotowy kod który należy tylko przekleić w odpowiednim miejscu na naszej stronie. W przypadku Google Video: przykładowy kod: W przypadku Youtube: UWAGA!! W każdym wypadku wstawiania jakichkolwiek multimediów na naszą stronę WWW należy się liczyć z konsenkwencjami wynikającymi z naruszania praw autorskich.

29 Przykładowa galeria na stronie z wykorzystaniem LIGHTBOX. 1. Wchodzimy na stronę lub w materiałach katalog Lightbox Szukamy działu download i pobieramy najnowszą wersję lightboxa 3. Widzimy tu całą zawartość: 4. Następnie w sekcji <head> wpisujemy kod poniżej, opcjonalnie dodajemy oczywiście dowolny styl: 5. Następnie upewniamy się że wszystkie obrazki związane z lightboxem znajdują się w odpowiednim folderze. 6. Teraz wystarczy już tylko w kodzie html wstawić odpowiedni rel="lightbox". 7. Jeśli chcemy stworzyć całą galerię wystarczy że dodamy jakiś unikalny wyraz w nawiasach kwadratowych dla całej galerii rel= lightbox[galeria1] 8. Zrobione!

30 Promocja multimedialna strony web Część szósta Strona WWW + Photoshop. Aby w łatwy i przyjemny sposób stworzyć szkielet naszej strony w photoshopie z gotowego layoutu należy postępować wg. Poniższej instrukcji: 1. Otwieramy photoshopa klikając w ikonkę: 2. Otwieramy w Photoshopie nasz wcześniej przygotowany layout (przykładowy w katalogu materiały-> layout.jpg) poleceniem Plik->Otwórz (File->Open) i wyszukijemy plik na dysku: 3. Przechodzimy do narzędzia Slice Tool (C) i za pomocą tego narzędzia przygotowywujemy naszą stronę wg. wcześniej ustalonego schematu (schemat może być robiony nawet na kartce):

31 4. Po operacji z pkt. 3 nasza strona powinna wyglądać mniej więcej jak poniżej: 5. Następnie zapisujemy efekt naszej pracy wybierając File->Save for web and devices:

32 6. Po ustaleniu formatu plików graficznych zapisujemy nasz szablon (Save): 7. Pokaże nam się okienko które trzeba ustawić następująco: 8. W wybranej przez nas lokalizacji znajdziemy folder Images (pliki graficzne wykorzystane na naszej stronie) oraz plik wynikowy html gdzie znajdziemy gotowy kod naszej strony (oczywiście do przerobienia wg. naszych potrzeb). 9. Zrobione

33 Promocja multimedialna strony web Część siódma CSS - Kaskadowe Arkusze Stylów (Cascading Style Sheet). Zostały stworzone po to aby uelastycznić wygląd stron WWW Nie występuje samodzielnie, jest ściśle powiązany z cała witryną WWW Dzięki CSS wszystkie polecenia które dotyczą formatowania można umieścić w jednym arkuszu i powiązać go z daną stroną WWW UWAGA na różną interpretację styli przez różne przeglądarki! Legenda: Selektor- jest to zwykły znacznik, taki jak np. <p> lub <b> Cecha- atrybuty formatowania, takie jak np. color Wartosc- wartosc danego atrybutu, takie jak np. red, left. Wstawianie stylów: Istnieją różne sposoby wstawiania stylów, oto niektóre z nich: Styl lokalny: Pozwala na nadanie formatowania pojedyńczemu elementowi strony. Używamy go w tej samej linii, w której znajduje się element formatowany. Przy użyciu więcej niżjednego atrybutu, rozdzielamy je średnikami. np. Styl obszaru: Pozwala na zawarcie większego fragmentu dokumentu HTML w stylach CSS. Służy do tego znacznik <span>...</span> wydzielający nam dokładnie fragment którego ma dotyczyć dany szablon CSS. np.

34 Styl blokowy: Pozwala na zawarcie bloku dokumentu HTML w stylach CSS. Służy do tego znacznik <div>...</div>. Jest on mocniejszy od znacznika <span>. Może on oprócz cech zawierać inne elementy blokowe <div> oraz <span>. Został on stworzony do tworzenia różnego rodzaju struktur. Osobny, wewnętrzny arkusz stylów: Wpisywany w nagłówku strony, dokładniej w sekcji <head>..</head>. Stosowany jest do wielorkotnego formatowania tych samych elementów na stronie. np. wtedy w każdym miejscu, w którym występuje znacznik <p>, będzie on koloru niebieskiego.

35 Osobny, zewnętrzny arkusz stylów: Jest to plik, z rozszerzeniem *.css. Zewnętrzny arkusz stylów jest największą zaletą css ze względu na takie samo formatowanie strony w obrębie całego serwisu. Zmieniając kolor lub rodzaj czcionki, zmiany te wprowadzamy hurtowo do wszystkich dostępnych stron w naszym serwisie zaoszczędzając tym samym mnóstwo czasu oraz kodu. W dokumencie HTML, w sekcji <head >wpisujemy odnośnik do naszego arkusza stylów: Dokument CSS moze byc tworzony nawet w najzwyklejszym edytorze tekstowym, który dokument ten zawierać będzie same deklaracje stylów.: Czcionka: Rozmiar: Selektory: Rozmiar czcnionki możemy okreslać na 2 sposoby: Jednostki długości, np: 10cm, 4mm Procent danej wielkości, np: 20%, 45% Rodzaj: Rodzaj czcionki piszemy nazywając ją tak jak nazywa się dany krój czcionki. Rozdzielamy przecinkiem jeśeli jest ich więcej niż jedna. Jeżeli dany użytkownik nie posiada danej czcionki to zostanie wybrana następna czcionka z listy. Jeżeli czcionka składa się z kilku wyrazów, wtedy używamy apostrofów, np: Times New Roman

36 Styl: Polecenie pozwala obrać czcionce dany styl, są 3 style do wyboru (wpisujemy jako styl): normal - czcionka normalna (podstawowa) italic - czcionka pochylona (jeżeli niedostępna, automatycznie wybierany jest styl oblique) oblique - również czcionka pochylona (podobna jak poprzednio) Waga: Nadaje wagę danej czcionce, do wykorzystania mamy: normal - czcionka normalna (podstawowa) bold - czcionka pogrubiona Tekst: Kolor: Zamiast kolor wpisujemy definicje koloru w języku angielskim lub w kodzie szesnastkowym. Dekoracja tekstu: Służy nam do uwypuklenia danego tekstu poprzez jedną z dostępnych dekoracji: none - bez zmian underline - podkreślenie line-through - przekreślenie overline - nadkreślenie blink - migotanie tekstu (tylko Netscape/Mozilla/Firefox i Opera 7) UWAGA! Dekoracje można łączyć uzyskując w ten sposób ciekawe efekty!

Osadzenie pliku dźwiękowego na stronie www

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

Dokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu.

Dokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu. Klub Seniora - Podstawy obsługi komputera oraz korzystania z Internetu Str. 1 Dokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu. Część 3 Opis programu MS Office

Bardziej szczegółowo

p { color: yellow; font-weight:bold; }

p { color: yellow; font-weight:bold; } Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 13: CSS Wstęp Cascading Style Sheets (Kaskadowe Arkusze Styli, w skrócie CSS) jest językiem, który opisuje sposób w jaki będzie wyświetlana

Bardziej szczegółowo

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

HTML 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

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ Spis treści: 1 Logowanie do panelu administracyjnego 2 Dodawanie obiektów na stronie 2.1 Wybór podstrony 2.2 Wybór obiektu 2.2.1 Dodawanie obiektów tekstowych

Bardziej szczegółowo

Edytor tekstu OpenOffice Writer Podstawy

Edytor tekstu OpenOffice Writer Podstawy Edytor tekstu OpenOffice Writer Podstawy OpenOffice to darmowy zaawansowany pakiet biurowy, w skład którego wchodzą następujące programy: edytor tekstu Writer, arkusz kalkulacyjny Calc, program do tworzenia

Bardziej szczegółowo

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

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

Bardziej szczegółowo

Tworzenie prezentacji w MS PowerPoint

Tworzenie prezentacji w MS PowerPoint Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje

Bardziej szczegółowo

Justyna 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 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ółowo

Konfiguracja szablonu i wystawienie pierwszej aukcji allegro

Konfiguracja szablonu i wystawienie pierwszej aukcji allegro Konfiguracja szablonu i wystawienie pierwszej aukcji allegro Metod na wystawienie aukcji na allegro jest co najmniej 2. W pierwszej przechodzimy do zakładki MOJA SPRZEDAŻ, w USTAWIENIACH SPRZEDAŻY odnajdujemy

Bardziej szczegółowo

1. Przypisy, indeks i spisy.

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

Bardziej szczegółowo

Laboratorium 1: Szablon strony w HTML5

Laboratorium 1: Szablon strony w HTML5 Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony

Bardziej szczegółowo

Edytor tekstu MS Word 2003 - podstawy

Edytor tekstu MS Word 2003 - podstawy Edytor tekstu MS Word 2003 - podstawy Cz. 4. Rysunki i tabele w dokumencie Obiekt WordArt Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład hasło reklamowe, możemy wykorzystać

Bardziej szczegółowo

I. Formatowanie tekstu i wygląd strony

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:

Bardziej szczegółowo

WORDPRESS INSTRUKCJA OBSŁUGI

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:

Bardziej szczegółowo

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

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

Bardziej szczegółowo

I. Wstawianie rysunków

I. Wstawianie rysunków I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka

Bardziej szczegółowo

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 1. Tworzenie slajdów MS PowerPoint 2010 to najnowsza wersja popularnego programu do tworzenia prezentacji multimedialnych. Wygląd programu w

Bardziej szczegółowo

Przewodnik... Tworzenie Landing Page

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

Bardziej szczegółowo

Jak posługiwać się edytorem treści

Jak posługiwać się edytorem treści Jak posługiwać się edytorem treści Edytor CKE jest bardzo prostym narzędziem pomagającym osobom niezaznajomionym z językiem HTML w tworzeniu interaktywnych treści stron internetowych. Razem z praktyka

Bardziej szczegółowo

Podręcznik użytkownika programu. Ceremonia 3.1

Podręcznik użytkownika programu. Ceremonia 3.1 Podręcznik użytkownika programu Ceremonia 3.1 1 Spis treści O programie...3 Główne okno programu...4 Edytor pieśni...7 Okno ustawień programu...8 Edycja kategorii pieśni...9 Edytor schematów slajdów...10

Bardziej szczegółowo

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css. Kaskadowe arkusze stylów CSS Geneza - oddzielenie struktury dokumentu HTML od reguł prezentacji - poszerzenie samego HTML Korzyści - przejrzystość dokumentów - łatwe zarządzanie stylem (wyglądem) serwisu

Bardziej szczegółowo

EDYCJA TEKSTU MS WORDPAD

EDYCJA TEKSTU MS WORDPAD EDYCJA TEKSTU MS WORDPAD EDYCJA TEKSTU - MS WORDPAD WordPad (ryc. 1 ang. miejsce na słowa) to bardzo przydatny program do edycji i pisania tekstów, który dodatkowo dostępny jest w każdym systemie z rodziny

Bardziej szczegółowo

Sylabus Moduł 2: Przetwarzanie tekstów

Sylabus Moduł 2: Przetwarzanie tekstów Sylabus Moduł 2: Przetwarzanie tekstów Niniejsze opracowanie przeznaczone jest dla osób zamierzających zdać egzamin ECDL (European Computer Driving Licence) na poziomie podstawowym. Publikacja zawiera

Bardziej szczegółowo

Tworzenie i edycja dokumentów w aplikacji Word.

Tworzenie i edycja dokumentów w aplikacji Word. Tworzenie i edycja dokumentów w aplikacji Word. Polskie litery, czyli ąłóęśźżń, itd. uzyskujemy naciskając prawy klawisz Alt i jednocześnie literę najbardziej zbliżoną wyglądem do szukanej. Np. ł uzyskujemy

Bardziej szczegółowo

Temat 10 : Poznajemy zasady pracy w edytorze tekstu Word.

Temat 10 : Poznajemy zasady pracy w edytorze tekstu Word. Temat 10 : Poznajemy zasady pracy w edytorze tekstu Word. 1. Edytor tekstu WORD to program (edytor) do tworzenia dokumentów tekstowych (rozszerzenia:.doc (97-2003),.docx nowszy). 2. Budowa okna edytora

Bardziej szczegółowo

za pomocą: definiujemy:

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

Bardziej szczegółowo

Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku

Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku W swoim folderze utwórz folder o nazwie 29_10_2009, wszystkie dzisiejsze zadania wykonuj w tym folderze. Na dzisiejszych zajęciach nauczymy

Bardziej szczegółowo

edycja szablonu za pomocą serwisu allegro.pl

edycja szablonu za pomocą serwisu allegro.pl edycja szablonu za pomocą serwisu allegro.pl 2 Do obsługi Twojego szablonu nie jest wymagane żadne dodatkowe oprogramowanie - jedyne czego potrzebujesz to aktywne konto w serwisie allegro.pl. Dokładne

Bardziej szczegółowo

Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3

Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3 Wyższa Szkoła Ekologii i Zarządzania Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3 Slajd 1 Slajd 2 Numerowanie i punktowanie Automatyczne ponumerowanie lub wypunktowanie zaznaczonych akapitów w

Bardziej szczegółowo

2 Podstawy tworzenia stron internetowych

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

Bardziej szczegółowo

Nowy szablon stron pracowników ZUT

Nowy szablon stron pracowników ZUT Nowy szablon stron pracowników ZUT Uczelniane Centrum Informatyki ZUT przygotowało nowy szablon stron pracowników, zunifikowany z obecnymi stronami ZUT. Serdecznie zachęcamy Państwa do migracji na nowy

Bardziej szczegółowo

DODAWANIE ARTYKUŁÓW DO STRONY INTERNETOWEJ

DODAWANIE ARTYKUŁÓW DO STRONY INTERNETOWEJ DODAWANIE ARTYKUŁÓW DO STRONY INTERNETOWEJ Aby dodać artykuł musimy się zalogować. W tym celu wchodzimy na stronę http://sp1.brzesckujawski.pl/3/administrator/, wprowadzamy swoje dane: Nazwę użytkownika,

Bardziej szczegółowo

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i

Bardziej szczegółowo

Ćwiczenie 4 Konspekt numerowany

Ćwiczenie 4 Konspekt numerowany Ćwiczenie 4 Konspekt numerowany Celem ćwiczenia jest zastosowane automatycznej, wielopoziomowej numeracji nagłówków w wielostronicowym dokumencie. Warunkiem poprawnego wykonania tego ćwiczenia jest właściwe

Bardziej szczegółowo

Edycja strony: W edycję danej strony wchodzimy poprzez naciśnięcie opcji

Edycja strony: W edycję danej strony wchodzimy poprzez naciśnięcie opcji Edycja strony: W edycję danej strony wchodzimy poprzez naciśnięcie opcji uzyskujemy widok: a. Wstawianie tekstów Tekst możemy wpisywać bezpośrednio w panelu lub wklejać do edytora. Jeśli wklejamy tekst

Bardziej szczegółowo

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. 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ółowo

MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY

MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY 2013 Klawiatura narzędzie do wpisywania tekstu. 1. Wielkie litery piszemy z wciśniętym klawiszem SHIFT albo z włączonym klawiszem CAPSLOCK. 2. Litery typowe dla języka

Bardziej szczegółowo

Europejski Certyfikat Umiejętności Komputerowych. Moduł 3 Przetwarzanie tekstów

Europejski Certyfikat Umiejętności Komputerowych. Moduł 3 Przetwarzanie tekstów Europejski Certyfikat Umiejętności Komputerowych. Moduł 3 Przetwarzanie tekstów 1. Uruchamianie edytora tekstu MS Word 2007 Edytor tekstu uruchamiamy jak każdy program w systemie Windows. Można to zrobić

Bardziej szczegółowo

OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY

OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY Projekt OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY współfinansowany przez Unię Europejską ze środków Europejskiego Funduszu Rozwoju Regionalnego w ramach Programu Operacyjnego

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 5

Tworzenie 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ółowo

I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu...

I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... Kreator szablonów I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... 7 a. Grafika... 7 b. Tekst... 7 c.

Bardziej szczegółowo

Ćwiczenie 2 Tekst podstawowe znaczniki.

Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 poświęcone jest formatowaniu tekstu za pomocą znaczników. AŜeby uzyskać poŝądany wygląd tekstu musimy posłuŝyć się określonymi znacznikami. Ćwiczenie

Bardziej szczegółowo

Własna strona WWW w oparciu o CMS

Własna strona WWW w oparciu o CMS Własna strona WWW w oparciu o CMS 1. Uruchomienie własnej strony WWW w oparciu o CMS Do uruchomienia własnej strony WWW, służy Aplikacja do zarządzania kontem w Uczelnianej Sieci Komputerowej ZUT, dostępna

Bardziej szczegółowo

STRONY INTERNETOWE mgr inż. Adrian Zapała

STRONY 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ółowo

darmowe zdjęcia - allegro.pl

darmowe zdjęcia - allegro.pl darmowe zdjęcia - allegro.pl 1 Darmowe zdjęcia w Twoich aukcjach allegro? Tak to możliwe. Wielu sprzedających robi to od dawna i wbrew pozorom jest to bardzo proste. Serwis allegro oczywiście umożliwia

Bardziej szczegółowo

Edytor tekstu OpenOffice Writer Podstawy

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

Bardziej szczegółowo

Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej.

Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej. Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej. Dział Zagadnienia Wymagania podstawowe Wymagania ponadpodstawowe Arkusz kalkulacyjny (Microsoft Excel i OpenOffice) Uruchomienie

Bardziej szczegółowo

Spis treści. Warto zapamiętać...2. Podstawy...3

Spis treści. Warto zapamiętać...2. Podstawy...3 Spis treści Warto zapamiętać...2 Podstawy...3 Moduły:...12 Aktualności...12 Fotogaleria i galeria wideo...13 Download...15 Przekierowanie...16 Formularz...17 Katalog produktów...18 Komponenty...18 Pokaz

Bardziej szczegółowo

Tworzenie wiadomości Newsletter

Tworzenie wiadomości Newsletter Tworzenie wiadomości Newsletter W tym przewodniku dowiesz się jak Tworzyć atrakcyjne wiadomości Newlsetter, wybierać grupy docelowe do wysyłki oraz publikować wiadomości na profilach w portalach społecznościowych.

Bardziej szczegółowo

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30 MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.

Bardziej szczegółowo

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie

Bardziej szczegółowo

Zadanie 9. Projektowanie stron dokumentu

Zadanie 9. Projektowanie stron dokumentu Zadanie 9. Projektowanie stron dokumentu Przygotowany dokument można: wydrukować i oprawić, zapisać jako strona sieci Web i opublikować w Internecie przekonwertować na format PDF i udostępnić w postaci

Bardziej szczegółowo

CMS- kontakty (mapa)

CMS- kontakty (mapa) CMS- kontakty (mapa) Rozpatrzy inny rodzaj kontaktu mapa sytuacyjna. W naszej kategorii kontaktów dodamy teraz multimedialną mapę dojazdową. W tym celu potrzebny nam będzie moduł HTML 1.0. Będziemy mogli

Bardziej szczegółowo

Padlet wirtualna tablica lub papier w Internecie

Padlet wirtualna tablica lub papier w Internecie Padlet wirtualna tablica lub papier w Internecie Umiejętność gromadzenia, a potem przetwarzania, wykorzystania i zastosowania informacji w celu rozwiązania jakiegoś problemu, jest uważana za jedną z kluczowych,

Bardziej szczegółowo

ADMINISTRACJA STRONĄ EMPIRE MUSIC

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

Bardziej szczegółowo

Ćwiczenia nr 2. Edycja tekstu (Microsoft Word)

Ćwiczenia nr 2. Edycja tekstu (Microsoft Word) Dostosowywanie paska zadań Ćwiczenia nr 2 Edycja tekstu (Microsoft Word) Domyślnie program Word proponuje paski narzędzi Standardowy oraz Formatowanie z zestawem opcji widocznym poniżej: Można jednak zmodyfikować

Bardziej szczegółowo

Układy witryn internetowych

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

Bardziej szczegółowo

URL: http://www.ecdl.pl

URL: http://www.ecdl.pl Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo

Bardziej szczegółowo

I. Menu oparte o listę

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

Bardziej szczegółowo

Pokaz slajdów na stronie internetowej

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

Bardziej szczegółowo

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional). Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu

Bardziej szczegółowo

DODAJEMY TREŚĆ DO STRONY

DODAJEMY TREŚĆ DO STRONY DODAJEMY TREŚĆ DO STRONY SPIS TREŚCI Pasek narzędzi i wyszukiwarka aplikacji... 2 Dodawanie portletów... 3 Widok zawartości stron... 4 Zawartość portletu... 5 Ikonki wybierz oraz dodaj zawartość stron...

Bardziej szczegółowo

Specyfikacja mailingu GG Network

Specyfikacja mailingu GG Network Specyfikacja mailingu GG Network Styczeń 2012 2 Mailing założenia ogólne Do wysłanego mailingu konieczne jest dostarczenie: kreacji typu HTML (do 30 kb); tematu mailingu; nadawcy mailingu; danych reklamodawcy

Bardziej szczegółowo

Wprowadzenie do języka HTML

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

Bardziej szczegółowo

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np.

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR> Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej

Bardziej szczegółowo

Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki

Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Edytory tekstu oferują wiele możliwości dostosowania układu (kompozycji) strony w celu uwypuklenia

Bardziej szczegółowo

Nawigacja po długim dokumencie może być męcząca, dlatego warto poznać następujące skróty klawiszowe

Nawigacja po długim dokumencie może być męcząca, dlatego warto poznać następujące skróty klawiszowe Zestawienie wydatków rok 2015 1 Wstaw numerację stron. Aby to zrobić przejdź na zakładkę Wstawianie i w grupie Nagłówek i stopka wybierz Numer strony. Następnie określ pozycję numeru na stronie (na przykład

Bardziej szczegółowo

1. Ćwiczenia z programem PowerPoint

1. Ćwiczenia z programem PowerPoint 1. Ćwiczenia z programem PowerPoint Tworzenie prezentacji Ćwiczenie 1.1. 1. Uruchomić program prezentacyjny PowerPoint wyszukując w menu Start programu Windows polecenie Programy, a następnie wybrać Windows

Bardziej szczegółowo

Ćwiczenie 4 - Tabele

Ć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ółowo

Podstawy edycji tekstu

Podstawy edycji tekstu Podstawy edycji tekstu Edytor tekstu (ang. word processor) to program umożliwiający wprowadzanie, redagowanie, formatowanie oraz drukowanie dokumentów tekstowych. Wyliczmy możliwości dzisiejszych aplikacji

Bardziej szczegółowo

Dokumentacja WebMaster ver 1.0

Dokumentacja 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ółowo

Programowanie WEB PODSTAWY HTML

Programowanie WEB PODSTAWY HTML Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony

Bardziej szczegółowo

Prezentacje multimedialne w Powerpoint

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

Bardziej szczegółowo

Edukacja na odległość

Edukacja 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ółowo

Instrukcja obsługi systemu Sky CMS

Instrukcja obsługi systemu Sky CMS Instrukcja obsługi systemu Sky CMS Tworzenie stron w systemie skycms 1. Logujemy się 2. Tworzenie nowej strony: Wchodzimy do zakładki Strony Dodaj nową stronę. Pokażą się zakładki Strona, Powiązania strony,

Bardziej szczegółowo

Czcionki. Rodzina czcionki [font-family]

Czcionki. Rodzina czcionki [font-family] Czcionki W tej lekcji nauczysz się o czcionkach i jak nimi manipulować przy pomocy CSS. Omówimy także pewien problem, gdzie wybrana czcionka jest przedstawiana na stronie tylko gdy jest ona zainstalowana

Bardziej szczegółowo

5.4. Tworzymy formularze

5.4. Tworzymy formularze 5.4. Tworzymy formularze Zastosowanie formularzy Formularz to obiekt bazy danych, który daje możliwość tworzenia i modyfikacji danych w tabeli lub kwerendzie. Jego wielką zaletą jest umiejętność zautomatyzowania

Bardziej szczegółowo

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Style CSS Wstęp Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Podstawową zaletą i zadaniem stylów jest oddzielenie

Bardziej szczegółowo

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

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

Bardziej szczegółowo

Podstawy pozycjonowania CSS

Podstawy 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ółowo

przygotował: mgr Szymon Szewczyk PODSTAWY

przygotował: 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ółowo

Arkusz kalkulacyjny EXCEL

Arkusz kalkulacyjny EXCEL ARKUSZ KALKULACYJNY EXCEL 1 Arkusz kalkulacyjny EXCEL Aby obrysować tabelę krawędziami należy: 1. Zaznaczyć komórki, które chcemy obrysować. 2. Kursor myszy ustawić na menu FORMAT i raz kliknąć lewym klawiszem

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ W celu wprowadzenia, modyfikacji lub usunięcia informacji w Biuletynie Informacji Publicznej należy wpisać w przeglądarce adres strony: http:/bip.moriw.pl/admin.php

Bardziej szczegółowo

Podstawowe czynnos ci w programie Word

Podstawowe czynnos ci w programie Word Podstawowe czynnos ci w programie Word Program Word to zaawansowana aplikacja umożliwiająca edytowanie tekstu i stosowanie różnych układów, jednak aby w pełni wykorzystać jej możliwości, należy najpierw

Bardziej szczegółowo

CSS. Kaskadowe Arkusze Stylów

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ć

Bardziej szczegółowo

Dlaczego stosujemy edytory tekstu?

Dlaczego stosujemy edytory tekstu? Edytor tekstu Edytor tekstu program komputerowy służący do tworzenia, edycji i formatowania dokumentów tekstowych za pomocą komputera. Dlaczego stosujemy edytory tekstu? możemy poprawiać tekst możemy uzupełniać

Bardziej szczegółowo

Spis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19

Spis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19 Spis treści Wstęp...z... 5 Rozdział 1. Nowa witryna sieci Web...z... 7 Tworzenie szkieletu witryny...s... 7 Ustawienia witryny...s...s... 8 Hierarchia witryny...s...s... 10 Nazwy i tytuły stron...s...s..

Bardziej szczegółowo

Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu:

Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu: Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu: Klikasz Wpisy, a następnie Dodaj nowy i otwiera się taki ekran: 1 W tym miejscu tworzysz

Bardziej szczegółowo

Formularze w programie Word

Formularze w programie Word Formularze w programie Word Formularz to dokument o określonej strukturze, zawierający puste pola do wypełnienia, czyli pola formularza, w których wprowadza się informacje. Uzyskane informacje można następnie

Bardziej szczegółowo

Masz pomysł na lepszy wygląd?

Masz pomysł na lepszy wygląd? Właśnie zrobiłem świetne narzędzie dla ludzi z wyobraźnią i wyczuciem smaku :) No właśnie mogę się pochwalić nowym narzędziem, jakie zrobiłem w panelu (do tego są potrzebne uprawnienia, jak ktoś zna się

Bardziej szczegółowo

Jak zainstalować szablon allegro?

Jak zainstalować szablon allegro? Jak zainstalować szablon allegro? W mailu z zakupionym szablonem otrzymali państwo plik zip z numerem szablonu w nazwie. Należy najpierw go rozpakować. W paczce znajduję się pliki: 1. index[nrszablonu].txt

Bardziej szczegółowo

MySource Matrix CMS. Prosty Interfejs Użytkownika INSTRUKCJA wersja 1.3 POLAND AUSTRALIA UNITED KINGDOM NEW ZEALAND UNITED STATES

MySource Matrix CMS. Prosty Interfejs Użytkownika INSTRUKCJA wersja 1.3 POLAND AUSTRALIA UNITED KINGDOM NEW ZEALAND UNITED STATES MySource Matrix CMS Prosty Interfejs Użytkownika INSTRUKCJA wersja 1.3 POLAND AUSTRALIA UNITED KINGDOM NEW ZEALAND UNITED STATES Spis Treści Informacje Ogólne 3 Środowisko pracy 3 Logowanie do Prostego

Bardziej szczegółowo

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

Cel 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ółowo

Rozwiązanie ćwiczenia 8a

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

Bardziej szczegółowo

Co to jest arkusz kalkulacyjny?

Co to jest arkusz kalkulacyjny? Co to jest arkusz kalkulacyjny? Arkusz kalkulacyjny jest programem służącym do wykonywania obliczeń matematycznych. Za jego pomocą możemy również w czytelny sposób, wykonane obliczenia przedstawić w postaci

Bardziej szczegółowo

Formatowanie tekstu za pomocą zdefiniowanych stylów. Włączanie okna stylów. 1. zaznaczyć tekst, który chcemy formatować

Formatowanie tekstu za pomocą zdefiniowanych stylów. Włączanie okna stylów. 1. zaznaczyć tekst, który chcemy formatować Style Bardzo często w edytorze podczas pisania tekstu zachodzi potrzeba wielokrotnego powtórzenia czynności związanych z formatowaniem. Aby zapobiec stałemu otwieraniu okien dialogowych i wybierania stale

Bardziej szczegółowo

Tutorial. HTML Rozdział: Ramki

Tutorial. 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ółowo