HTML copyright G. Bednarz

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "HTML copyright G. Bednarz"

Transkrypt

1 Lekcja1 : Elementy i znaczniki w notatniku Jesteś teraz gotowy, aby nauczyć się sedna języka HTML: elementów. Elementy tworzą strukturę w kodzie dokumentu HTML i informują przeglądarkę w jaki sposób strona internetowa ma prezentować informacje. Generalnie element składa sie ze znacznika otwierającego, treści, i znacznika zamykającego. "Znaczniki"? Znaczniki to etykiety uŝywane do zaznaczania początku i końca elementu. Wszystkie znaczniki maja ten sam format: zaczynają się znakiem mniejszości "<" i kończą znakiem większości ">". Generalnie mówiąc, są dwa rodzaje znaczników - otwierajace: <html> i zamykające: </html>. Jedyna róŝnica jest znak ukośnik "/" dodawany przy znacznikach zamykających. Zawartość elementu umieszczasz miedzy znacznikiem zamykającym i otwierającym. Wszystko w kodzie HTML opiera sie na elementach. Nauczyć się języka HTML to nauczyć się i korzystać z róŝnych znaczników. KaŜdy dokument html zaczyna się znacznikiem <html>, który informuje przeglądarkę, Ŝe właśnie zaczęliśmy uŝywać języka HLML. Znacznik </html> informuje znowu przeglądarkę, iŝ właśnie przestaliśmy uŝywać języka, HTML. Wszystkie znaki, które nie są określone znacznikami będą wyświetlane, jako zwykły tekst. Czy moŝemy zrobić z tego juŝ dokument HTML?? Tak. Dokument, którego składnia będzie wyglądała następująco <html> coś tam</html> będzie juŝ interpretowany przez przeglądarkę. Niestety daleko jest jemu do doskonałości. Po pierwsze zapis. Dokument taki powinien być zapisany w postaci html. Dlatego najlepiej do edycji jego uŝyć notatnika. Znajdziemy go w zakładce windowsa folderze akcesoria, albo w pasku windowsa.

2 I co teraz??? Spróbujmy zrobić dokument html. Wpiszmy w dokumencie naszą składnie <html> coś tam</html> I teraz zapiszemy go pod postacią html. W tym celu wybieramy zakładkę w notatniku PLIK i przycisk ZAPISZ JAKO nasz dokument musimy nazwać albo index.html albo index.htm albo default.htm albo default.html Typ dokumentu nie moŝe być *.txt tylko, jako wszystkie pliki, bo chcemy stworzyć dokument html a nie dokument tekstowy. Ale gdzie zapisujemy???? I to jest bardzo waŝne. Nie moŝemy sobie zapisać gdzie chcemy. Dokumenty html muszą być zapisywane wspólnie z plikami, do których prowadzą odnośniki z dokumentu html. PrzecieŜ strony internetowe mogą zawierać takie rzeczy jak zdjęcia, muzykę, czy filmy. To wszystko musi być gdzieś obok naszego dokumentu. Z html-em nie jest tak jak z dokumentem Worda, gdzie moŝemy wstawić zdjęcia, filmy i one w nim są. Dokument html wyświetla te zdjęcia i filmy, ale one mogą się znajdować gdzieś zupełnie indziej. Jedna strona moŝe wyświetlać zdjęcia, których część jest na tym samym serwerze, co nasz plik html a część zupełnie gdzieś indziej. ( np. na serwerach w Ameryce) Plik html jedynie pokazuje drogę do takiego zdjęcia. Mówi przeglądarce tutaj wyświetl zdjęcie, które jest obok mnie. A tutaj droga przeglądarko wyświetl zawartość serwera Skopiujcie ten adres powyŝej i wklejcie go w okno adresu waszej przeglądarki internetowej.

3 Co Wam się pojawiło??? Nasz szkolny serwer do zdawania testów. Odwiedzicie go niebawem, jak będziecie zdawać test. Do naszego dokumentu html musicie stworzyć folder, w którym umieścicie wszystkie pliki, które będzie wyświetlał ten dokument. Stwórzcie go w folderze moje witryny pod nazwą waszego nazwiska zwracając uwagę, iŝ nazwa ta nie moŝe zawierać polskich znaków, duŝych liter, enterów oraz spacji. W nim zamieście wasz plik początkowy index.html Dlaczego właśnie plik ten musi się nazywać tak a nie inaczej.??? Wyobraźmy sobie, Ŝe mamy stronę, która mieści się pod adresem Ona wcale nie musie się nazywać 123. MoŜe to być strona muzeum głazów narzutowych i być zatytułowana Muzeum 123 kamieni Jednak jak ktoś będzie chciał odwiedzić nasze muzeum wbije np. w wyszukiwarkę google słowa muzeum głazów narzutowych a Google będzie wiedziało, Ŝe strona ta występuje pod adresem np. i wyświetli naszą stronę w pierwszej 10 znalezionych synonimów. Klikając w te łącze nasza przeglądarka automatycznie się połączy z sewerem stron, który moŝe być w dowolnym miejscu na ziemi i otworzy w nim folder /muzeum/ I co dalej??? Nasza przeglądarka znajdzie tam np: 123 zdjęcia dziesięć stron internetowych pięćdziesiąt filmów krem mydło i powidło. Co ma otworzyć??? Przeglądarka zawsze otworzy, jako pierwszy plik index.html a w nim zawarte będą łącza ( drogi ) do innych stron i dokumentów, które mogą się juŝ inaczej nazywać. Dlatego nasz plik musi się nazywać index.html Dobrze. Czyli wpisujemy <html> coś tam</html>, tworzymy folder, w nim zapisujemy nasz plik. Jak moŝemy wyświetlić ten plik??? Edytujemy go w notatniku a wyświetlamy w oknie przeglądarki wskazując jej lokalizacje pliku. (Przeglądarki tej nie zamykajcie juŝ do końca zajęć) o tak: zakładka plik/ przycisk otwórz/ przeglądaj/ tutaj musimy znaleźć lokalizacje naszego folderu i pliku np: moje witryny/ kowalski/index.html i mamy to, co zrobiliśmy.

4 Trochę mało??? Myślicie, Ŝe, na dopuszczającą nie starczy?? I macie rację. Nie dość, Ŝe mało to jeszcze w ogóle to nie przypomina dokumentu html. Mimo tego, Ŝe przeglądarka jakoś to nam zdołała wyświetlić. Czyli jak powinien wyglądać dokument html?? Odwołując się do pierwszych części, <html> jest znacznikiem otwierającym wiec powinien być takŝe znacznik zamykający, który umieścimy na samym końcu dokumentu HTML. Wiec, aby nie zapomnieć o umieszczeniu znacznika zamykającego, HTML wpisz teraz "</html>" kilka linii niŝej i umieść resztę dokumentu miedzy znacznikami <html> i </html>. Następną rzeczą potrzebna w twoim dokumencie jest "główka", która dostarcza informacji o dokumencie, oraz "ciało", które jest zawartością dokumentu. Odkąd HTML jest niczym, jeŝeli nie jest logiczny, główka (<head> i </head>) jest nad ciałem (<body> i </body>). Twój dokument powinien teraz wyglądać następująco: <html> <head> </head> <body> coś tam </body> </html> ZauwaŜ_ jak znaczniki zostały ułoŝone w strukturę przy wykorzystaniu nowych linii oraz spacji. W zasadzie, nie ma znaczenia jak ułoŝysz swój dokument HTML. Ale by ci pomóc, oraz innym czytajacym twój kod, jest wysoce rekomendowane abyś układał w strukturę swój kod HTML w schludny sposób poprzez wcięcia i nowe linie, jak w powyŝszym przykładzie.

5 Ale po co ten head i body?? W sekcji nagłówkowej umieszczasz waŝne informacje dotyczące twojej strony, podczas gdy ciało dokumentu zawiera informacje składającą się na stronę. Na przykład, jeŝeli chcesz nadać swojej stronie tytuł, który pojawi się sie w górnej części przeglądarki, powinieneś zrobić to w sekcji nagłówkowej. Element uŝyty do określenia tytułu to title. tzn. zapisz tytuł strony pomiędzy znacznikami <title> i</title> np. biorąc pod uwagę iŝ tworzymy dokument który ma być stroną muzeum głazów narzutowych nasz tytuł strony będzie zapisany następująco. <title> Muzeum 123 kamieni </title> a całość naszej strony będzie wyglądała następująco. <html> <head> <title> Muzeum 123 kamieni. </title> </head> <body> coś tam </body> </html> Zapiszcie plik skrótem klawiaturowym ctrl+s OdświeŜcie przeglądarkę przyciskiem F5. ZauwaŜcie, iŝ w nazwie strony pojawiło się Muzeum 123 kamieni. Co jeszcze moŝemy wpisać w HEAD?? W head musicie zastosować takie znaczniki jak: <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> - ustawia styl wyświetlania zawartości strony na CSS. <META HTTP-EQUIV="Content-Language" CONTENT="pl"> - określa język dokumentu. <META NAME=KEYWORDS CONTENT="słowa kluczowe"> - lista słów kluczowych oraz fraz charakterystycznych dla dokumentu. <META NAME=DESCRIPTION CONTENT="opis strony WWW"> - krótka charakterystyka dokumentu. <META NAME=ROBOTS CONTENT="index,follow,all"> - informacja dla robotów wyszukiwarek, czy mają indeksować strony, katalogi serwisu. <META NAME= "author" CONTENT= "autor"> - informacja o autorze strony. <META NAME= "reply-to" CONTENT= "adres "> - adres autora. Wpiszcie w odpowiednie znaczniki ich uzupełnienie. Słowa kluczowe to słowa po których wyszukiwarka Google lub inna indeksuje Waszą stronę.

6 A co wpisujemy w body??? W body wpisujemy to, co dokładnie dokument czy strona wyświetla. Musimy oczywiście stosować znaczniki, które są odpowiedzialne za wyświetlanie tego dokumentu. Parę przykładów. Element b uŝywamy, aby pogrubić litery. Cały tekst pomiędzy znacznikiem otwierającym <b> i znacznikiem zamykającym </b> zostanie pogrubiony w oknie Przeglądarki. ("b" jest skrótem od "bold" czyli wyraźny.) Przykład <b>witamy na stronie muzeum głazów narzutowych. </b> Bedzie tak wygladał w przeglądarce: Witamy na stronie muzeum głazów narzutowych Elementy h1, h2, h3, h4, h5 i h6 są uŝywane do robienia nagłówków (h oznaczana "heading, czyli nagłówek), gdzie, h1 jest pierwszym poziomem tak wiec wynikiem jest tekst największy, h2 jest drugim poziomem i wynikiem będzie trochę mniejszy tekst, a h6 jest szóstym poziomem i jednocześnie ostatnim w hierarchii nagłówków - tekst będzie najmniejszy. Przykład 2: <h1>głaz największy</h1> <h2>głaz trochę mniejszy </h2> <h3>kamień </h3> <h4>kamyczek </h4> Bedzie tak wyglądał w przeglądarce: Głaz największy Głaz trochę mniejszy Kamień Kamyczek Wiec, zawsze musze otwierać i zamykać znaczniki? Tak jak mówią, są wyjątki w regułach i w HTML wyjątkiem jest to, Ŝe istnieje kilka elementów, dla których znacznik zamykajacy i otwierajacy ma to samo znaczenie. Te tak zwane puste elementy nie są połączone w Ŝaden sposób z tekstem, a jedynie

7 tworzą oddzielne etykiety, na przykład, znacznik nowej linii wygląda tak: <br/> a znacznik przedzielającej linii poziomej <hr/> Musisz je wykorzystać w swoim dokumencie. Znaczniki lepiej pisać z duŝej czy małej litery? Większość przeglądarek nie patrzy na wielkość liter znaczników. <HTML>, <html> lub <HtMl> normalnie da ten sam rezultat. Jednak, poprawnie znaczniki pisze sie mała litera. Wiec wejdź w nawyk pisania znaczników mała litera.. HTML jest prosty i logiczny. Przeglądarką czyta HTML tak jak ty czytasz: od góry do dołu z lewej do prawej. Tak wiec, dokument HTML zaczyna sie tym, co powinno być najpierw na stronie i kończy tym, co powinno zostać wyświetlone na stronie, jako ostatnie. A oto inne znaczniki, które dzisiaj musisz wykorzystać. <b> tekst pogrubiony </b> <i> tekst pochylony </i> W ten sam sposób moŝesz pogrubić swój tekst umieszczając go miedzy znacznikiem otwierającym <b> a zamykającym </b>, moŝesz pochylić tekst uŝywając znacznika otwierającego <i> i zamykającego </i>. Tak, "i" jest skrótem od "italic, czyli styl liter pochylonych. Przykład 1: Dodaj do dotychczas stworzonej strony następujący wiersz. <i>to powinno być pochylone. Uczę się w klasie...(tutaj wpisz klasę)</i> Będzie tak wyglądał w przeglądarce: To powinno być pochylone. Uczę się w klasie... Podobnie, moŝesz uczynić tekst mniejszym uŝywając znacznika small: Przykład 2: <small>to powinno być małe. Małe jest piękne.</small> Będzie tak wyglądał w przeglądarce: To powinno być małe. Małe jest piękne. Czy mogę uŝywać wielu elementów jednocześnie? MoŜesz z łatwością korzystać z wielu elementów jednocześnie o ile unikasz nakładania sie elementów. Najlepiej zilustrujmy na przykładzie: Przykład : JeŜeli chcesz wyświetlić pogrubiony i wytłuszczony tekst, musisz zrobić tak: <b><i>tekst jest pogrubiony i wytłuszczony</i></b> Ale NIE tak: <b><i>tekst jest pogrubiony i wytłuszczony</b></i> Równica jest taka, _e w pierwszym przykładzie pierwszy znacznik został zamknięty

8 jako ostatni. W ten sposób unikniemy nieporozumień ze samym sobą i przeglądarką. Więcej elementów! Co to jest atrybut? Pewnie pamiętasz, Ŝe elementy tworzą strukturę w dokumentach HTML i informują przeglądarkę jak ma wyglądać strona internetowa (na przykład, <br /> informuje przeglądarkę o utworzeniu nowej linii). Niektóre elementy mogą zawierać więcej informacji. Te dodatkowe informacje nazywane są atrybutami. Przykład 1: <h2 style="background-color:#ff0000;">moja kariera kustosza muzeum głazów narzutowych</h2> Atrybuty są zawsze umieszczane w znaczniku otwierającym a wartość atrybutu umieszczana jest w cudzysłowu. Średnik uŝywamy do oddzielenia wartości dla atrybutu style. Wrócimy do tego później. Jaki jest haczyk? Jest wiele róŝnych atrybutów. Pierwszy, którego się nauczysz to atrybut stylu. Za pomocą atrybutu stylu moŝesz dodać układ graficzny do swojej strony internetowej. Dla przykładu kolor tła: Przykład: <html> <head> </head> <body style="background-color:#ff0000;"> </body> </html> PokaŜe czerwoną stronę w przeglądarce - sprawdź i się przekonasz. ZauwaŜ, Ŝe pewne znaczniki i atrybuty uŝywają pisowni amerykańskiej np.. color zamiast colour. WaŜne jest abyś był ostroŝny korzystając z tej samej pisowni, jaką mamy w przykładach kursie - inaczej, przeglądarka nie zrozumie kodu. TakŜe, nie zapominaj umieszczać cudzysłowie na końcu wartości atrybutu. Jak strona zmieniła kolor na czerwony?

9 W powyŝszym przykładzie, prosiliśmy o kolor tła o kodzie "#ff0000". To jest kod koloru czerwonego zapisany za pomocą numerów szesnastkowych, (HEX). KaŜdy kolor ma swój własny numer w kodzie szesnastkowym. Oto parę przykładów: Biały: #ffffff Czarny: # (zeros) Czerwony: #ff0000 Niebieski: #0000ff Zielony: #00ff00 śółty: #ffff00 Przykłady elementów wymagających otwierającego i zamykającego znacznika - tak jak większość elementów - to ul, ol i li. Te elementy są uŝywane do tworzenia listy. ul jest skrótem od "unordered list, czyli lista nieuporządkowana i wstawia kule przed kaŝda pozycja w liście. ol jest skrótem od "ordered list, czyli lista uporządkowana i numeruje kaŝda pozycje w liście. Aby umieszczać elementy w liście uŝywaj znacznika li("list item" - element listy). Zdziwiony? Patrz na Przykład: <ul> <li>element 1 listy</li> <li>element 2 listy</li> </ul> Bedzie tak wyglądał w przeglądarce: Element 1 listy Element 2 listy Przykład: <ol> <li>pierwszy element listy</li> <li>drugi element listy</li> </ol> Będzie tak wyglądał w przeglądarce: 1. Pierwszy element listy 2. Drugi element listy

Lekcja 3: Elementy i znaczniki

Lekcja 3: Elementy i znaczniki Lekcja 3: Elementy i znaczniki Jesteś teraz gotowy aby nauczyć się sedna języka HTML: elementów. Elementy tworzą strukturę w kodzie dokumentu HTML i informują przeglądarkę w jaki sposób strona internetowa

Bardziej szczegółowo

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

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

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Zad.1 Zapoznaj się z poniŝszymi artykułami dotyczącymi projektowania stron WWW:. http://galeria.muzykaduszy.pl/zasady.php

Bardziej szczegółowo

Moduł IV Internet Tworzenie stron www

Moduł IV Internet Tworzenie stron www Ze strony internetowej www.kaze.zut.edu.pl z folderu BUDOWA JACHTÓW pobierz i zapisz je do własnego folderu następujące pliki: znak_drogowy.png, morze.jpg, logo_ecdl.gif, logobj.png ZADANIE 1 Podstawy

Bardziej szczegół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

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony:

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony: Struktura języka HTML ZNACZNIKI Oto bardzo prosta strona WWW wyświetlona w przeglądarce: Rysunek 1: Przykładowa strona wyświetlona w przeglądarce A tak wygląda kod źródłowy takiej strony: Rysunek 2: Kod

Bardziej szczegółowo

Ćwiczenie 8 Kolory i znaki specjalne

Ćwiczenie 8 Kolory i znaki specjalne Ćwiczenie 8 Kolory i znaki specjalne W ćwiczeniu 8 zajmować się będziemy kolorami i znakami specjalnymi. Barwę moŝna utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony

Bardziej szczegółowo

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML

Bardziej szczegółowo

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML

Bardziej szczegółowo

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda Logowanie do panelu administracyjnego Aby móc zarządzać stroną, należy zalogować się do panelu administracyjnego.

Bardziej szczegółowo

Tekst podstawowe znaczniki

Tekst podstawowe znaczniki Wyświetlanie Tekst podstawowe znaczniki Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: w bloku - podczas wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki

Bardziej szczegółowo

Zadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów

Zadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów Zadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów Za pomocą edytora Word można pracować zespołowo nad jednym dużym projektem (dokumentem). Tworzy się wówczas dokument główny,

Bardziej szczegółowo

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

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

Bardziej szczegółowo

Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl. Tworzenie strony-wizytówki dla firmy XYZ

Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl. Tworzenie strony-wizytówki dla firmy XYZ Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl Tworzenie strony-wizytówki dla firmy XYZ Dokument może być dowolnie rozpowszechniany w niezmiennej formie. Nie możesz pobierać opłat

Bardziej szczegółowo

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik Zaawansowana Pracownia Komputerowa - Ćwiczenia Krzysztof Miernik HTML - Podstawowe Informacje HTML to hipertekstowy język znaczników (ang. HyperText Markup Language) służacy do tworzenia stron internetowych

Bardziej szczegółowo

autor poradnika - KS Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej

autor poradnika - KS Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej adres naszej strony: www.zs3.wroc.pl logo liceum 1. Aby dodać artykuł należy się zalogować: System pokaże nazwę zalogowanego użytkownika

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

Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.

Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami. Podstawy HTML 1. HTML - to język formatowania dokumentów elektronicznych, który pozwala uformować tekst oraz połączyć go z grafiką. Dokument HTML ma postać pliku tekstowego, gdzie tekst przeplatany jest

Bardziej szczegółowo

CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów).

CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów). Co to jest CSS? CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów). Co mogę zrobić z CSS? CSS jest językiem stylu określającego układ graficzny dokumentów HTML. Na przykład, CSS

Bardziej szczegółowo

2. Projektowanie stron WWW podstawowe informacje

2. Projektowanie stron WWW podstawowe informacje 1. Uczeń: Uczeń: 2. Projektowanie stron WWW podstawowe informacje a. 1. Cele lekcji i. a) Wiadomości zna podstawowe zasady tworzenia stron internetowych, rozróżnia tryb tekstowy tworzenia stron www od

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

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,

Bardziej szczegółowo

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Przedmiot: Grafika komputerowa i projektowanie stron WWW KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz HTML (HyperText Markup

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

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

Zalogowanie generuje nowe menu: okno do wysyłania plików oraz dodatkowe menu Pomoc

Zalogowanie generuje nowe menu: okno do wysyłania plików oraz dodatkowe menu Pomoc Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej autor poradnika - KS 1. Aby dodać artykuł należy się zalogować: System pokaże nazwę zalogowanego użytkownika (lewy dół strony) Zalogowanie

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

Proste kody html do szybkiego stosowania.

Proste kody html do szybkiego stosowania. Proste kody html do szybkiego stosowania. Często, w trakcie pracy z blogiem czy portalem zachodzi potrzeba umieszczenia grafiki, linku zaszytego w grafice czy innych podobnych. Szczególnie w widgetach

Bardziej szczegółowo

Pomoc krok-po-kroku. Jak korzystać z Twinspace

Pomoc krok-po-kroku. Jak korzystać z Twinspace Pomoc krok-po-kroku Jak korzystać z Twinspace Jak zaktualizowad swój profil... Error! Bookmark not defined.3 Jak dodawad nauczycieli i gości do swojej TwinSpace... 5 Jak zapraszad uczniów do swojej TwinSpace...

Bardziej szczegółowo

Stosowanie, tworzenie i modyfikowanie stylów.

Stosowanie, tworzenie i modyfikowanie stylów. Stosowanie, tworzenie i modyfikowanie stylów. We wstążce Narzędzia główne umieszczone są style, dzięki którym w prosty sposób możemy zmieniać tekst i hurtowo modyfikować. Klikając kwadrat ze strzałką w

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

INSTRUKCJA INSTALACJI SZABLONU AUKCJI ALLEGRO. "Wooden"

INSTRUKCJA INSTALACJI SZABLONU AUKCJI ALLEGRO. Wooden INSTRUKCJA INSTALACJI SZABLONU AUKCJI ALLEGRO "Wooden" Ostatnia modyfikacja: 26 sierpnia 2013 Podstawowe informacje... 3 Edycja szablonu... 4 2.1. Wgranie plików graficznych na zewnętrzny hosting... 4

Bardziej szczegółowo

Instrukcja dodawania obiektów do strony Ekonomika.

Instrukcja dodawania obiektów do strony Ekonomika. Instrukcja dodawania obiektów do strony Ekonomika. Klikasz na zaloguj, aby przejść do strony logowania Podajesz login i hasło na WWW i klikasz Zaloguj W dodatkowym menu wybierasz Dodaj artykuł W edytorze

Bardziej szczegółowo

Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn

Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn Program do tworzenia projektu strony - Microsoft SharePoint Designer 2007 Kliknij > aby dowiedzieć się o nowej aplikacji do tworzenia stron

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

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

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

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

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable

Można też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,

Bardziej szczegółowo

Każde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38).

Każde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38). 2. Projektant menu Każde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38). Rys. 2.1. Menu/mainmenu Dostęp do istniejących

Bardziej szczegółowo

wstawianie zdjęć, tworzenie linków z tekstu lub zdjęcia (strona 4)

wstawianie zdjęć, tworzenie linków z tekstu lub zdjęcia (strona 4) Spis treści : 1. Dodawania zdjęć do biblioteki strony (strona 2) 2. Edycja Podstron wstawianie zdjęć, tworzenie linków z tekstu lub zdjęcia (strona 4) 3. Edycja Menu (strona 10) 4. Panel Ofert Nieruchomości

Bardziej szczegółowo

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria obrazów Amiant... 5 4. Lista stron... 8 5. Aktualności...

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

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

Po wpisaniu adresu w oknie przeglądarki powinien się ukazać formularz logowania.

Po wpisaniu adresu w oknie przeglądarki powinien się ukazać formularz logowania. Dodawanie i edytowanie treści jest możliwe poprzez panel administracyjny, do którego dostęp mamy poprzez wpisanie w przeglądarce adresu http://christianitas.jedryka.com/admin (na razie), a w przyszłości

Bardziej szczegółowo

HTML jak zrobić prostą stronę www

HTML jak zrobić prostą stronę www HTML jak zrobić prostą stronę www Z tej prezentacji dowiemy się: - co to jest HTML - jak znając podstawy HTML'a zrobić prostą stronę Co to jest HTML? HTML = HyperText Markup Language, czyli język znaczników

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

INSTRUKCJA EDYCJI PROFILU OSOBOWEGO W SERWISIE WWW.UMCS.PL

INSTRUKCJA EDYCJI PROFILU OSOBOWEGO W SERWISIE WWW.UMCS.PL INSTRUKCJA EDYCJI PROFILU OSOBOWEGO W SERWISIE WWW.UMCS.PL Lublin, 16 stycznia 2014 r. 1. Logowanie do systemu Aby rozpocząć edycję profilu osobowego wejdź na stronę główną www.umcs.pl w zakładkę Jednostki

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

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

Tworzenie prezentacji multimedialnej Microsoft PowerPoint

Tworzenie prezentacji multimedialnej Microsoft PowerPoint Tworzenie prezentacji multimedialnej Microsoft PowerPoint Zapoznaj się z fragmentem książki: prezentacja-ktora-robi-wrazenie-projekty-z-klasa-robin-williams.pdf 1. Zaplanowanie prezentacji ustalenie informacji,

Bardziej szczegółowo

Przepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania

Przepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania HTML & CSS 1 Przepis Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy

Bardziej szczegółowo

Instrukcja tworzenia stron w SILNIKU Do użytku wewnętrznego

Instrukcja tworzenia stron w SILNIKU Do użytku wewnętrznego Instrukcja tworzenia stron w SILNIKU Do użytku wewnętrznego Joanna Nosal zmiany: Małgosia Piotrowska Po zalogowaniu ukazuje się Patrzącemu wnętrze Tezeusza. Lewe menu, to przewodnik po tej krainie. Jeśli

Bardziej szczegółowo

STOPKA. Redakcja strony Stopka Linki w stopce Link do nowej podstrony Link do strony zewnętrznej... 6

STOPKA. Redakcja strony Stopka Linki w stopce Link do nowej podstrony Link do strony zewnętrznej... 6 STOPKA SPIS TREŚCI Redakcja strony... 2 Stopka... 4 Linki w stopce... 5 Link do nowej podstrony... 5 Link do strony zewnętrznej... 6 Link do strony wewnętrznej... 7 Ikonki w stopce... 9 Stopka to element

Bardziej szczegółowo

edycja szablonu za pomocą programu NVU

edycja szablonu za pomocą programu NVU edycja szablonu za pomocą programu NVU 2 Edycja szablonu za pomocą dodatkowego oprogramowania daje nam znacznie więcej możliwości. Zarówno posiada wiele dodatkowych opcji formatowania tekstu jak również

Bardziej szczegółowo

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy Informatyka - podstawowe tematy WSzPWN - Język HTML, podstawy str. 1 ĆWICZENIA Z JĘZYKA HTML Struktura dokumentu, znaczniki, tabele, hiperłacza Być może trudno w to uwierzyć, jednak strony WWW są tekstem

Bardziej szczegółowo

Instrukcja instalacji i obsługi gotowych szablonów aukcji allegro oraz szablonów na zamówienie

Instrukcja instalacji i obsługi gotowych szablonów aukcji allegro oraz szablonów na zamówienie Instrukcja instalacji i obsługi gotowych szablonów aukcji allegro oraz szablonów na zamówienie Spis treści: I. Wprowadzenie...2 II. Instrukcja instalacji szablonu aukcji Allegro.3 III. Jak wystawiać przedmioty

Bardziej szczegółowo

Thinking out of the Cube

Thinking out of the Cube Thinking out of the Cube Specyfikacja form reklamowych w Google Tytuł reklamy ma maksymalnie 25 znaków ze spacjami 2 linie tekstu reklamowego maja po 35 znaków ze spacjami Czwarta linia to url widoczny

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

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

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu I Tworzenie prezentacji za pomocą szablonu w programie Power-Point 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu 2. Po wybraniu szablonu ukaŝe się nam ekran jak poniŝej 3. Następnie

Bardziej szczegół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

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

Ćwiczenie 9 - CSS i wstawianie CSS

Ćwiczenie 9 - CSS i wstawianie CSS Ćwiczenie 9 - CSS i wstawianie CSS Wprowadzenie: Od tego ćwiczenia zajmować się będziemy CSS czyli Kaskadowymi Arkuszami Stylów (Cascading Style Sheets). CSS stanowią uzupełnienie dla HTML-a. HTML odpowiada

Bardziej szczegółowo

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika.

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika. Lekcja 1: Znaczniki Charakterystyczną cechą kodu HTML są tzw. znaczniki (tagi), które służą do formatowania wprowadzanych na stronę internetową treści, informując przeglądarkę jak powinna wyświetlić teksty

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 7

Tworzenie stron internetowych w kodzie HTML Cz 7 Tworzenie stron internetowych w kodzie HTML Cz 7 7. Ramki 7.1. Wstęp Przykład: Oto przykładowy wygląd strony startowej ramek: PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">

Bardziej szczegółowo

Zadanie 11. Przygotowanie publikacji do wydrukowania

Zadanie 11. Przygotowanie publikacji do wydrukowania Zadanie 11. Przygotowanie publikacji do wydrukowania Edytor Word może służyć również do składania do druku nawet obszernych publikacji. Skorzystamy z tych możliwości i opracowany dokument przygotujemy

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

KATEGORIA OBSZAR WIEDZY

KATEGORIA OBSZAR WIEDZY Moduł 3 - Przetwarzanie tekstów - od kandydata wymaga się zaprezentowania umiejętności wykorzystywania programu do edycji tekstu. Kandydat powinien wykonać zadania o charakterze podstawowym związane z

Bardziej szczegółowo

Podstawy tworzenie prezentacji multimedialnej w programie. MS Power Point

Podstawy tworzenie prezentacji multimedialnej w programie. MS Power Point SCENARIUSZ ZAJĘĆ Osoba prowadząca: Temat zajęć: mgr Piotr Okłót Podstawy tworzenie prezentacji multimedialnej w programie Ilość godzin: 2 x 45 min Cel ogólny zajęć: MS Power Point Sprawna komunikacja z

Bardziej szczegółowo

BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT

BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT 1. Wprowadzenie Arkusze kalkulacyjne Google umożliwiają łatwe tworzenie, udostępnianie

Bardziej szczegółowo

Instrukcja obsługi szablonów aukcji

Instrukcja obsługi szablonów aukcji Instrukcja obsługi szablonów aukcji spis treści 2 Ładowanie kodu szablonu bezpośrednio na Allegro.pl (edytor wizualny) 4 Edycja szablonu w edytorze wizualnym 7 Dodawanie zdjęć przy pomocy www.imageshack.us

Bardziej szczegółowo

Moje Projekty. Wprowadzenie HTML & CSS

Moje Projekty. Wprowadzenie HTML & CSS HTML & CSS 1 Moje Projekty Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy

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

INSTRUKCJE DO FRONTPAGE 2003

INSTRUKCJE DO FRONTPAGE 2003 Ćwiczenie 6 (wstawianie przycisków nawigacji) INSTRUKCJE DO FRONTPAGE 2003 1. Uruchamiamy program FrontPage 2003 (START WSZYSTKIEPROGRAMY MICROSOFT OFFICE Microsoft Office FrontPage 2003). Okienko programu

Bardziej szczegółowo

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Politechnika Gdańska Wydział Elektrotechniki i Automatyki Katedra Inżynierii Systemów Sterowania SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Temat: Prosty serwis internetowy oparty o zestaw powiązanych

Bardziej szczegółowo

Podstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt

Podstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt Podstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt W artykule znajdują się odpowiedzi na najczęściej zadawane pytania związane z plikiem licencja.txt : 1. Jak zapisać plik licencja.txt

Bardziej szczegół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

Spis treści. tel.: 782 580 850 e-mail: kontakt@e-zaplecze.pl 2

Spis treści. tel.: 782 580 850 e-mail: kontakt@e-zaplecze.pl 2 Spis treści 1. Wstęp... 3 2. Szybkie wystawienie aukcji w szablonie bez konieczności instalacji szablonu na koncie allegro... 4 3. Wystawianie aukcji w szablonie z instalacją szablonu na koncie allegro...

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

SPIS TREŚCI. Sposób pierwszy... 3 Sposób drugi Ikony banków Ikony dostawców Strona1

SPIS TREŚCI. Sposób pierwszy... 3 Sposób drugi Ikony banków Ikony dostawców Strona1 INSTRUKCJA UŻYTKOWANIA SZABLONU ALLEGRO ZAKUPIONEGO W PAKIECIE STANDARD, MAXI LUB VIP. SPIS TREŚCI 1. OTRZYMANE PLIKI.... 2 2. DODANIE SZABLONU DO SERWISU ALLEGRO ORAZ JEGO UŻYTKOWANIE.... 3 Sposób pierwszy....

Bardziej szczegółowo

Zasady tworzenia podstron

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

Bardziej szczegółowo

Grant Edukacyjny Engram English

Grant Edukacyjny Engram English Grant Edukacyjny Engram English Jak uczyć się z Engramowej Fiszkoteki? 1. Wejdź na stronę internetową Engramowej Fiszkoteki: www.sp114krk-engram.fiszkoteka.pl 2. Zaloguj się (prawy górny róg!) za pomocą

Bardziej szczegółowo

W oknie na środku, moŝna wybrać język, który będzie językiem domyślnym dla TC. Wybierzmy zatem język polski:

W oknie na środku, moŝna wybrać język, który będzie językiem domyślnym dla TC. Wybierzmy zatem język polski: 1. Do czego słuŝy Total Commander? Total Commander jest dwu-panelowym menedŝerem plików, z powodzeniem zastępującym windowsowego Eksploratora. Dzięki niemu, operacje na plikach i folderach, takiej jak

Bardziej szczegółowo

Instrukcja obsługi uczelnianego cmsa

Instrukcja obsługi uczelnianego cmsa Instrukcja obsługi uczelnianego cmsa 1. Logowanie a. Aby się zalogować należy wpisać w adresie przeglądarki http://ur.krakow.pl/admin b. W okienku logowania w polu login wpisać identyfikator użytkownika

Bardziej szczegółowo

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria zdjęć... 5 4. Lista stron... 8 5. Aktualności...

Bardziej szczegółowo

Zastanawiałeś się może, dlaczego Twój współpracownik,

Zastanawiałeś się może, dlaczego Twój współpracownik, Kurs Makra dla początkujących Wiadomości wstępne VBI/01 Piotr Dynia, specjalista ds. MS Office Czas, który poświęcisz na naukę tego zagadnienia, to 15 20 minut. Zastanawiałeś się może, dlaczego Twój współpracownik,

Bardziej szczegółowo

Zanim zaczniesz. Warto ustawić kartę sieciową naszego serwera.

Zanim zaczniesz. Warto ustawić kartę sieciową naszego serwera. Zanim zaczniesz. Warto ustawić kartę sieciową naszego serwera. Wchodzimy w Centrum sieci -> Połączenia sieciowe -> następnie do właściwości naszej karty sieciowej. Następnie przechodzimy do Protokół internetowy

Bardziej szczegółowo

Spis treści. I. Czym jest Indeks Haseł 3 II. Wyszukiwanie hasła 4. 1) Alfabetyczna lista haseł 4 2) Wyszukiwarka haseł 4 3) Grupy haseł 6

Spis treści. I. Czym jest Indeks Haseł 3 II. Wyszukiwanie hasła 4. 1) Alfabetyczna lista haseł 4 2) Wyszukiwarka haseł 4 3) Grupy haseł 6 Spis treści I. Czym jest Indeks Haseł 3 II. Wyszukiwanie hasła 4 1) Alfabetyczna lista haseł 4 2) Wyszukiwarka haseł 4 3) Grupy haseł 6 III. Dokumenty powiązane z wybranym hasłem 7 IV. Moje hasła 10 1)

Bardziej szczegółowo

Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS

Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS Cel ćwiczenia: zapoznanie się z pojęciem stylów w dokumentach. Umiejętność stosowania stylów do automatycznego przygotowania

Bardziej szczegółowo

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów opracowanie I. K. używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów ISO-8859-2 - norma międzynarodowa określająca sposób kodowania

Bardziej szczegółowo

Wykład 1: HTML (XHTML) Michał Drabik

Wykład 1: HTML (XHTML) Michał Drabik Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający

Bardziej szczegółowo

KaŜdy z formularzy naleŝy podpiąć do usługi. Nazwa usługi moŝe pokrywać się z nazwą formularza, nie jest to jednak konieczne.

KaŜdy z formularzy naleŝy podpiąć do usługi. Nazwa usługi moŝe pokrywać się z nazwą formularza, nie jest to jednak konieczne. Dodawanie i poprawa wzorców formularza i wydruku moŝliwa jest przez osoby mające nadane odpowiednie uprawnienia w module Amin (Bazy/ Wzorce formularzy i Bazy/ Wzorce wydruków). Wzorce formularzy i wydruków

Bardziej szczegółowo

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów. JĘZYK - HTML Hipertekst - możliwośd przechodzenia między różnymi fragmentami tego samego lub różnych dokumentów, które zostały ze sobą powiązane. Jest systemem odnośników (tzw. Skrótów), działających na

Bardziej szczegół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

Jak przygotować pokaz album w Logomocji

Jak przygotować pokaz album w Logomocji Logomocja zawiera szereg ułatwień pozwalających na dość proste przygotowanie albumu multimedialnego. Najpierw należy zgromadzić potrzebne materiały, najlepiej w jednym folderze. Ustalamy wygląd strony

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

1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3

1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3 DODAJEMY TREŚĆ DO STRONY 1. Dockbar, CMS + wyszukiwarka aplikacji... 2 2. Dodawanie portletów... 3 Widok zawartości stron... 3 Omówienie zawartości portletu (usunięcie ramki itd.)... 4 3. Ikonki wybierz

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

MATERIAŁY - udostępnianie materiałów dydaktycznych w sieci SGH

MATERIAŁY - udostępnianie materiałów dydaktycznych w sieci SGH MATERIAŁY - udostępnianie materiałów dydaktycznych w sieci SGH SPIS TREŚCI i EKRANÓW WSTĘP Ekran1: Wstęp. Logowanie Ekran2: Strona początkowa UDOSTEPNIONE MATERIAŁY Ekran3: Dostępne materiały Ekran4: Zawartość

Bardziej szczegółowo