6. KOLOR, TŁO I ŚCIEśKI DOSTĘPU
|
|
- Aleksandra Czarnecka
- 7 lat temu
- Przeglądów:
Transkrypt
1 6. KOLOR, TŁO I ŚCIEśKI DOSTĘPU Zanim przejdziemy do praktyki, zajmijmy się nazywaniem kolorów. Są cztery znane mi sposoby wyraŝania kolorów w języku CSS. Pierwszym z nich i jednocześnie najtrudniejszym są nazwy kolorów w języku angielskim. Kod koloru w zapisie szesnastkowym Programiści bardzo precyzyjnie nazwali niektóre kolory więc nawet w najlepszym słowniku moŝemy ich nie znaleźć [np. lekkopociemniały (nawet MS Word podkreślił :)]. Zalecam pamiętać kilka podstawowych barw takich, których nazwy za moment się pojawią... Drugim sposobem jest uŝywanie wartości szesnastkowych. Szesnastkowe nie oznacza, Ŝe maksymalnie za ich pomocą moŝemy utworzyć szesnaście barw (chociaŝ tyle jest barw podstawowych), tylko, Ŝe do ich stworzenia wykorzystujemy szesnaście znaków, którymi są wszystkie cyfry oraz litery od A do F. Przed wartością szesnastkową umieszcza się znak hash - #. Szesnaście podstawowych barw zarówno w wartościach szesnastkowych, jak i w angielskich wyrazach umieszczam poniŝej: black # navy # maroon # purple # fuchsia #FF00FF silver #C0C0C0 green # gray # lime #00FF00 polive # yellow #FFFF00 red #FF0000 blue #0000FF teal # aqua #00FFFF
2 white #FFFFFF Kod koloru w zapisie RGB Jak widać, nie wszystkie znaki zostały uŝyte. Jakiekolwiek malutkie zmiany są dosyć trudne więc CSS pozwala nam zastosować opis koloru RGB, czyli opisanie natęŝenia barw kolejno: czerwonej, zielonej i niebieskiej. Kolor RGB moŝna stosować na dwa sposoby określając dawkę pojedynczego koloru w zakresie 256 moŝliwości (od 0 do 255), a takŝe w procentach, jednakŝe za kaŝdym razem wzór jest taki sam: rgb(r,g,b) (uwaga: często pojawia się błąd, poniewaŝ mylimy nawias zwykły z klamerką, błędu moŝna szukać godzinami i, chociaŝ jest on taki prosty nie moŝemy go znaleźć. Kolor RGB dość łatwo jest edytować i łatwo robić jego odcienie słabsze i mocniejsze barwy. Kilka kolorów takŝe umieszczę w tabelce wraz z kolorami własnego pomysłu: czarny rgb(0,0,0) rgb(0%,0%,0%) czerwony rgb(255,0,0) rgb(100%,0%,0%) zielony rgb(0,255,0) rgb(0%,100%,0%) niebieski rgb(0,0,255) rgb(0%,0%,100%) średnioczerwony rgb(128,0,0) rgb(50%,0%,0%) ćwierćczerwony rgb(64,0,0) rgb(25%,0%,0%) średnioergiebowy rgb(128,128,128) rgb(50%,50%,50%) ćwierćergiebowy rgb(64,64,64) rgb(25%,25%,25%) ergiebowy na 3/4 (192,192,192) rgb(75%,75%,75%) Zmiana koloru tekstu - deklaracja color: Poznaliśmy właśnie wartości, którymi będziemy wypełniać kilka deklaracji, które właśnie poznamy. Na początku deklaracja color. Jest ona bardzo wszechstronna i w większości przypadków oznacza kolor tekstu, niezaleŝnie, czy umieścimy ją wewnątrz selektora, czy p. Oczywiście pamiętajmy, Ŝe umieszczając kolor tekstu w, tak samo jak i inne deklaracje tekstu nie zawsze będą działać. Jak wsadzimy je w komórki tabel, pola tekstowe itp. jest małe prawdopodobieństwo zadziałania deklaracji. Oto prosty przykład zmiany koloru paragrafu na zielony:
3 p color: green <P>Treść akapitu..., treść akapitu...</p> Ustawianie tła strony Kolor tekstu to nie wszystko. MoŜemy takŝe zmienić kolor tła strony. SłuŜy do tego deklaracja background (dokładnie background-color, ale oby dwie wersje działają, jak najbardziej poprawnie). Po dwukropku nadajemy nazwę koloru. Aby tło było jednolitego koloru czarnego musimy selektorowi, nadać wyŝej wymienioną deklaracją, z wartością koloru np. background: rgb(0,0,0) Precyzowanie lokacji pliku Zanim stworzymy teksturę musimy nauczyć pisać się ścieŝki dostępu. Ułatwieniem będzie znajomość systemu MD DOS, w którym wiele elementów jest podobnych. ŚcieŜkę podaję się biorąc pod uwagę plik HTML. JeŜeli plik HTML leŝy luźno z jakimś plikiem, do którego chce się napisać ścieŝkę (leŝą w tym samym miejscu), ścieŝka to tylko nazwa danego pliku np. plik.roz. JeŜeli z plikiem HTML sąsiaduje folder, wewnątrz którego jest dany plik, ścieŝka to nazwa folderu oddzielona od nazwy pliku slashem np. folder/plik.roz. JeŜeli plik, do którego chcemy napisać ścieŝkę sąsiaduje z folderem, wewnątrz którego jest plik HTML ścieŝka to dwie kropeczki i nazwa pliku np.../plik.roz. JeŜeli w folderze ze stroną umieszczone są dwa foldery, w pierwszym jest plik graficzny, a w drugim jest plik HTML ścieŝka to dwie kropeczki, oddzielona od nazwy foldera z grafiką
4 slashem, oddzielona od nazwy pliku slashem. Warto zapamiętać, Ŝe ścieŝka do folderu, w którym znajduje się źródłowy kod to jedna kropka -. (przyda się to w wielu skryptach wykonujących się po stronie serwera). JeŜeli podajemy ścieŝkę do zasobów internetu innego serwera pamiętajmy o protokole np. Mniej więcej technikę pisania ścieŝek dostępu juŝ opanowaliśmy, przejdźmy teraz do konkretów. Umieszczenie obrazka powtarzającego się w tle strony moŝe być ciekawym, ale takŝe zbędnym efektem. Najlepiej, aby był to taki obrazek, który nie wygląda dziwnie na powtórzeniach. Najlepiej uŝywać specjalnie przygotowanych do tego tzw. tekstur, albo obrazków z jednolitym tłem z napisem (często tak wygląda reklama). Deklaracja odpowiadająca za pojawienie się obrazka na witrynie to takŝe background (dokładnie background-image, ale oby dwa przypadki działają bezproblemowo). Po dwukropku nie umieszczamy samej ścieŝki dostępu, ale podobnie jak w przypadku kolorów RGB, ścieŝka umieszczona jest w nawiasach zwykłych poprzedzona wyraŝeniem url np.: background: url( Mocowanie tekstury - background-attachment: fixed Pamiętajmy, Ŝe zgodnie ze specyfikacją na witrynach mogą pojawić się pliki graficzne o rozszerzeniach gif, jpg i png. Samo umieszczenie obrazka w tle dokumentu to nie wszystko, moŝna z nim zrobić jeszcze wiele ciekawych rzeczy. Pierwszą rzeczą kwalifikującą się do ciekawych rzeczy to tzw. wbudowanie tekstury, czyli ustawienie trzymające teksturę na tej samej pozycji, niezaleŝnie od przewijania dokumentu. SłuŜy do tego deklaracja wraz z wartością background-attachment: fixed np.:
5 background: url(plik.gif); background-attachment: fixed Ustalanie powtórzeń tła - background-repeat: Drugą z ciekawostek jest deklaracja, pozwalająca na powtarzanie obrazka według naszego gustu. Być moŝe oglądając przykłady na własnych komputerach nie będziecie pełni zachwyty, to w połączeniu z trzecią ciekawostką moŝe być całkowicie odwrotnie... Deklaracja ta, to background-repeat. Pierwszą wartość jaką poznamy to nie powtarzanie obrazek powinien być umieszczony tylko raz w lewym górnym rogu. Efekt ten uzyskujemy za pomocą wartości background-repeat: no-repeat: background: url( background-repeat: no-repeat Są jeszcze dwie wartości deklaracji background-repeat. Pozwalają one na powtarzanie tekstury zgodnie z matematycznymi wykresami. JeŜeli nie pamiętamy nic z młodości, to przypomnę, Ŝe oś pozioma to x, a pionowa to y. Litery te wykorzystuje się uŝywając deklaracji repeat-z, gdzie w miejsce duŝego zet umieszczamy jedną z tych dwóch liter. PoniŜszy przykład prezentuje powielenie tekstury w poziomie:
6 background: url(plik.gif); background-repeat: repeat-x Wyznaczanie pozycji tła Trzeci element jak juŝ powiedziałem najlepiej wygląda w połączeniu z poprzednim elementem, w szczególności z wyłączeniem powtarzania (background-repeat: no-repeat) z obrazkiem większych rozmiarów. Jest to deklaracja background-position. Jak nie trudno się domyślić, słuŝy ona do określania pozycji tekstury. UŜywamy do tego jednego, lub więcej określeń nie oddzielonych od siebie Ŝadnym selektorem, takim jak przecinek itp. Te określenia (wartości) to: left - lewo, right - prawo, top - góra, bottom - dół i center - centrum (środek). Pierwsze dwa określenia definiują wartość poziomą górną, ale w pionie obrazek jest na środku. Kolejne dwa określają połoŝenie w pionie, ale w poziomie obrazek jest na środku. Ostatnie określenie umieszcza obrazek w środku oby dwóch osi. JeŜeli nie odpowiada nam umieszczenie obrazka zawsze w środku jakiejś osi musimy uŝyć dwóch określeń naraz. PoniŜszy przykład prezentuje umieszczenie tekstury w prawym dolnym rogu, a ostatni przykład z tej lekcji umieszczenie centralne. background: url( background-position: bottom right; background-repeat: no-repeat
7 background: url(plik.gif); background-position: center; background-repeat: no-repeat
Ć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ółowoTło CSS 3. Gabriela Panuś
Tło CSS 3 Gabriela Panuś body { background-color: kolor; TŁO - CSS } TŁO OBRAZKOWE background-image: url(tlo.jpg); /* podajemy ścieżkę do tła */ body { } background: #6495ed url(image/obrazek.png); Właściwości
Bardziej szczegółowoĆwiczenie 10 - Selektory
Ćwiczenie 10 - Selektory Wprowadzenie: W tym ćwiczeniu uwaga skupiona będzie na selektorach, czyli tych elementach w kodzie źródłowym dokumentu HTML, którym będą przypisywane atrybuty formatowania, zmieniające
Bardziej szczegółowoĆwiczenie 8 Kolory i znaki specjalne
Ćwiczenie 8 Kolory i znaki specjalne W ćwiczeniu 8 zajmować się będziemy kolorami i znakami specjalnymi. Barwę moŝna utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony
Bardziej szczegółowo[ HTML ] Tabele. 1. Tabela, wiersze i kolumny
[ HTML ] Tabele 1. Tabela, wiersze i kolumny Opis tabeli znajdowad się powinien wewnątrz znaczników . W ich ramach umieszczone są definicje rzędów, komórek w rzędach oraz dane w komórkach.
Bardziej szczegółowoĆwiczenie 5 Multimedia
Ćwiczenie 5 Multimedia W ćwiczeniu tym zajmujemy się multimediami i osadzaniem ich na stronach WWW. Poprzez multimedia rozumiemy pliki graficzne, muzyczne, video i inne ozdobniki umieszczone na stronie.
Bardziej szczegółowo9. TABELE KURS HTML.
9. TABELE Tabele są czymś niezwykle waŝnym dla strony HTML. ChociaŜ początkujący omijają je szerokim łukiem, lepiej się je nauczyć. Ta lekcja będzie większym połączeniem oby dwóch języków kursu niŝ jakiekolwiek
Bardziej szczegółowoĆwiczenie 9 - CSS i wstawianie CSS
Ćwiczenie 9 - CSS i wstawianie CSS Wprowadzenie: Od tego ćwiczenia zajmować się będziemy CSS czyli Kaskadowymi Arkuszami Stylów (Cascading Style Sheets). CSS stanowią uzupełnienie dla HTML-a. HTML odpowiada
Bardziej szczegółowo1.2 Logo Sonel podstawowe załoŝenia
1.2 Logo Sonel podstawowe załoŝenia Logo czyli graficzna forma przedstawienia symbolu i nazwy firmy. Terminu logo uŝywamy dla całego znaku, składającego się z sygnetu (symbolu graficznego) i logotypu (tekstowego
Bardziej szczegółowoJustyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie
Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Scenariusz lekcji informatyki klasa II gimnazjum Temat : Strona WWW pierwsze
Bardziej szczegółowoPowtórzenie materiału: CSS3 Spis treści
Powtórzenie materiału: CSS3 Spis treści Kolory...2 Jednostki...3 Czcionka...3 Elementy blokowe...3 Cienie...5 Gradient...5 Zgodność z przeglądarkami...6 Kolory Wartości kolorów w CSS podawać można na 4
Bardziej szczegółowoCSS. 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ółowoCSS 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ółowoI. 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ółowoSpis treści. spis treści wygenerowany automatycznie
Spis treści Rozdział 2.Wymagania edytorskie 2 2.1. Wymagania ogólne 2 2.2. Tytuły rozdziałów i podrozdziałów 2 2.3. Rysunki, tabele i wzory 3 2.3.1. Rysunki 3 2.3.2. Tabele 4 2.3.3. Wzory 4 2.4. Odsyłacze
Bardziej szczegółowoenova Systemowe Kolorowanie list
enova Systemowe Kolorowanie list Sebastian Wabnik Narzędzie kolorowania list Od wersji enova 7.6 dodano do organizatora listy możliwości konfigurowania kolorowania wierszy (zapisów/rekordów) oraz poszczególnych
Bardziej szczegółowoĆwiczenie 3 - Odsyłacze
Ćwiczenie 3 - Odsyłacze Ćwiczenie to poświęcone jest odsyłaczom czyli powiązaniu plików wewnętrznych i zewnętrznych na róŝne sposoby. Linki, które natychmiast przenoszą w określone miejsce to istota stron
Bardziej szczegółowoCSS - layout strony internetowej
www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach: Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach:
Bardziej szczegółowoa. Wersja podstawowa pozioma
a. Wersja podstawowa pozioma b. Wersja podstawowa okrągła c. Kolorystyka d. Typografia e. Warianty w skali szarości f. Warianty achromatyczne g. Warianty achromatyczne negatywowe h. Pole ochronne i. Wielkość
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 Zad.1 Zapoznaj się z poniŝszymi artykułami dotyczącymi projektowania stron WWW:. http://galeria.muzykaduszy.pl/zasady.php
Bardziej szczegółowop { 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ółowoOczywiś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ółowoPodstawy pozycjonowania CSS
Podstawy pozycjonowania CSS Żeby pokazać w jaki sposób przeglądarka rozkłada elementy na stronie posłużę się prostym przykładowym fragmentem kodu html. div id="before"
Bardziej szczegółowoABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML
Bardziej szczegółowoSpis treści. http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html. Włodzimierz Gajda
Strona 1 Szablon witryny magazyn INTERNET Włodzimierz Gajda Przygotowywana w tym odcinku witryna wykorzystuje: prowadnice, gradienty, zaznaczenia, ścieŝki, warstwy i maski, wklejanie elementów do obrazu
Bardziej szczegółowoDokumentacja WebMaster ver 1.0
1 Wstęp Dokumentacja WebMaster ver 1.0 Dokumentacja ta przeznaczona jest dla webmasterów, grafików, programistów. Przedstawia ona strukturę aplikacji SOTEeSKLEP, opisuje działanie oraz wyjaśnia m.in. jak
Bardziej szczegółowo11. PROFESJONALNE ZABEZPIECZENIE HASŁEM
11. PROFESJONALNE ZABEZPIECZENIE HASŁEM Tworząc róŝne panele administratora jesteśmy naraŝeni na róŝne ataki osób ciekawskich. W tej lekcji dowiesz się, jak zakodować hasło i, jak obronić się przed potencjalnym
Bardziej szczegółowoWSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO
WSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO Niezwykle uŝyteczną cechą programu Word jest łatwość, z jaką przy jego pomocy moŝna tekst wzbogacać róŝnymi obiektami graficznymi, np. zdjęciami, rysunkami czy
Bardziej szczegółowoKonstrukcja stylu nie należy do zbyt skomplikowanych i wygląda tak jak na poniższym przykładzie.
Tematy: Budowa stylu Osadzanie stylów na stronie Jednostki miar stosowane w CSS Nazewnictwo kolorów używane w CSS Do tego, aby rozpocząć przygodę z kaskadowymi arkuszami stylów oraz świadomie z nich korzystać,
Bardziej szczegółowoSTRONY INTERNETOWE mgr inż. Adrian Zapała
1 STRONY INTERNETOWE mgr inż. Adrian Zapała STRONY INTERNETOWE Rodzaje stron internetowych statyczne (statyczny HTML + CSS) dynamiczne (PHP, ASP, technologie Flash) 2 JĘZYKI STRON WWW HTML (ang. HyperText
Bardziej szczegółowoHTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych
HTML HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce
Bardziej szczegółowoZ CSS3 szybciej i przyjemniej
1 Z CSS3 szybciej i przyjemniej Marta Piasecka, 2 Zaokraglone--narozniki - 3 lub 4 elementy rysują tło - więcej kodu html - obrazki z narożnikami lub częściami tła - użytkownik widzi stronę bez tła dopóki
Bardziej szczegółowoZnaczniki języka HTML
www.math.uni.lodz.pl/ radmat Elementy inline ... Elementy inline ... ... Elementy inline ... ... ... Elementy inline
Bardziej szczegółowomapy cyfrowe dla biznesu Emapa Księga Znaku
Księga znaku Emapa Księga Znaku Niniejsza księga znaku określa zasady użytkowania i prezentowania logo Spółki Emapa. Została stworzona, aby pomóc Partnerom i Klientom Spółki Emapa zrozumieć, jak używać
Bardziej szczegółowoGRAFIKA. Rodzaje grafiki i odpowiadające im edytory
GRAFIKA Rodzaje grafiki i odpowiadające im edytory Obraz graficzny w komputerze Może być: utworzony automatycznie przez wybrany program (np. jako wykres w arkuszu kalkulacyjnym) lub urządzenie (np. zdjęcie
Bardziej szczegółowoInstrukcja warunkowa i złoŝona.
Instrukcja warunkowa i złoŝona. Budowa pętli warunkowej. JeŜeli mielibyśmy przetłumaczyć instrukcję warunkową to brzmiałoby to mniej więcej tak: jeŝeli warunek jest spełniony, to wykonaj jakąś operację
Bardziej szczegółowoTworzenie stron internetowych w kodzie HTML Cz 7
Tworzenie stron internetowych w kodzie HTML Cz 7 7. Ramki 7.1. Wstęp Przykład: Oto przykładowy wygląd strony startowej ramek: PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
Bardziej szczegółowoZa pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:
1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera
Bardziej szczegółowoZnaczniki fizyczne i logiczne czcionki
Znaczniki fizyczne i logiczne czcionki Znaczniki fizyczne - atrybuty Znaczniki fizyczne działają w podobny sposób jak atrybuty czcionek w edytorze tekstów. Czcionka pogrubiona To jest czcionka
Bardziej szczegółowoDokument 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ółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowoWitryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegółowoTest z przedmiotu. Witryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Tylko jedna odpowiedź jest poprawna!!! Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegółowoPodręcznik Identyfikacji Wizualnej
Podręcznik Identyfikacji Wizualnej 1. ZESTAWIENIE ZNAKÓW 1 Znak RDC występuje w wersji pełnej z dopiskiem: Polskie Radio. Podstawowa wersja znaku składa się z symbolu graficznego RDC. Znak jako podstawowy
Bardziej szczegółowoSterBox. Przygotowanie Strony Użytkownika
Przygotowanie Strony Użytkownika Sterbox od wersji 2.1.1 obsługuje dwie strony użytkownika umożliwiające sterowanie z kontrolą stanów. Rozpoczynając tworzenie strony potrzebujemy programu do tworzenia
Bardziej szczegółowoGrafika 3D program POV-Ray - 1 -
Temat 1: Ogólne informacje o programie POV-Ray. Interfejs programu. Ustawienie kamery i świateł. Podstawowe obiekty 3D, ich położenie, kolory i tekstura oraz przezroczystość. Skrót POV-Ray to rozwinięcie
Bardziej szczegółowoPierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Bardziej szczegółowoPo 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ółowoDzię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ółowoWord ćwiczenia ZADANIE 1
Word ćwiczenia ZADANIE 1 1. Otworzyć nowy dokument i zapisać go pod nazwą tekst.doc 2. Wpisać przedstawiony poniŝej tekst. KaŜda linijka ma stanowić odrębny akapit! To jest ćwiczenie sprawdzające i utrwalające
Bardziej szczegółowoEdukacja na odległość
Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej
Bardziej szczegółowoTabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
Bardziej szczegółowoPodstawy obsługi aplikacji Generator Wniosków Płatniczych
Podstawy obsługi aplikacji Generator Wniosków Płatniczych 1. Instalacja programu Program naleŝy pobrać ze strony www.simik.gov.pl. Instalację naleŝy wykonań z konta posiadającego uprawnienia administratora
Bardziej szczegółowoNazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.
Nazwa implementacji: CSS i box model Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie. Wprowadzenie CSS (kaskadowe arkusze stylów, ang. Cascading
Bardziej szczegółowoJęzyki programowania wysokiego poziomu. CSS Wskazówki
Języki programowania wysokiego poziomu CSS Wskazówki CSS powinno się projektować hierarchicznie, zaczynając od elementów ogólniejszych, kończąc na szczegółowych - Źle: p.mid { text-align: center; p { color:
Bardziej szczegółowoPodstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
Bardziej szczegółowoInstrukcja 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ółowoZasady ekspozycji i reprodukcji znaku
Zasady ekspozycji i reprodukcji znaku forma Podstawową formą znaku OKSiR, jest element typograficzny wraz z tekstem o ś r o d e k k u lt u r y s p o r- t u i r e k r e ac j i w ś w i e c i u. Taka forma
Bardziej szczegółowoP S E U D O K L A S Y I P S E U D O E L E M E N T Y
P S E U D O K L A S Y I P S E U D O E L E M E N T Y KURS CSS3 Kamil Homernik E C A D E M Y. P L Materiał stanowi własność portalu ecademy.pl. Treść jest przeznaczona wyłącznie dla kursantów i nie może
Bardziej szczegółowo14. POZOSTAŁE CIEKAWE FUNKCJE
14. POZOSTAŁE CIEKAWE FUNKCJE Funkcji jest cała masa, których nie poruszono w tym kursie. Bardziej ciekawe postaram się właśnie w tej lekcji omówić. Na pewno wielu z Was, czeka z niecierpliwością na funkcję
Bardziej szczegółowoInstrukcja obsługi funkcji specjalnych szablonu C01 v.1.0
Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0 UWAGA 1: Przed dokonaniem jakichkolwiek zmian, zalecamy skopiować wcześniej kod html modułu do pliku na lokalnym dysku. W przypadku problemów ułatwi
Bardziej szczegółowoTworzenie infografik za pomocą narzędzia Canva
Tworzenie infografik za pomocą narzędzia Canva Spis treści Wstęp... 1 Układy... 3 Zmiana tekstu... 4 Obrazki... 5 Elementy... 6 Zdjęcia - Gratis... 6 Siatki... 8 Ramki... 10 Kształty... 12 Linie... 12
Bardziej szczegółowoHTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl
HTML 1 Gimnazjum nr 1 w Barcinie UWAGA: UTWÓRZ FOLDER HTML, a w nim HTML-1 dla pierwszego ćwiczenia. Imię_ nazwisko_html-1.html z dysku J: w folderze HTML 1. Tło strony - Jednolity kolor:
Bardziej szczegółowoKonfiguracja 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ółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2017 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Bardziej szczegółowoProgram 6. Program wykorzystujący strukturę osoba o polach: imię, nazwisko, wiek. W programie wykorzystane są dwie funkcje:
Program 6 Program wykorzystujący strukturę osoba o polach: imię, nazwisko, wiek. W programie wykorzystane są dwie funkcje: Funkcja pobierz_osobe wczytuje dane osoby podanej jako argument. Funkcja wypisz_osobe
Bardziej szczegółowoI. 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ółowoWarunki techniczne prezentacji reklam
Warunki techniczne prezentacji reklam Do: Reklamodawcy Data utworzenia: 2007-06-29 Liczba stron: 9 Typ opracowania: Specyfikacja techniczna Rodzaj dokumentu: dokument jawny Adres: Plocman Sp. z o.o. ul.
Bardziej szczegółowoINSTRUKCJA KONFIGURACJI DOSTĘPU DO INTERNETU za pomocą protokołu PPPoE
INSTRUKCJA KONFIGURACJI DOSTĘPU DO INTERNETU za pomocą protokołu PPPoE Potrzebna będzie karta ustawień technicznych załącznik do Umowy 1. Wchodzimy do Menu Start i otwieramy Panel Sterowania. konfiguracja
Bardziej szczegółowoZnak wersja podstawowa
Księga znaku Spis treści Znak wersja podstawowa...2 Układ poziomy...2 Układ pionowy...2 Konstrukcja znaku...3 Symbol...3 Napis...3 Siatka modułowa...4 Układ poziomy...4 Układ pionowy...4 Pole ochronne
Bardziej szczegółowoĆwiczenie 1 Deklarowanie metainformacji.
Zadania do wykonania: Ćwiczenie 1 Deklarowanie metainformacji. Ćwiczenie 1 poświęcone jest wypełnieniu części dokumentu HTML. Umieszczamy w niej wszystkie informacje dodatkowe interpretowane przez
Bardziej szczegółowoZajęcia z aplikacją ScratchJr mogą zostać przeprowadzone na dwa sposoby:
PRZYGOTOWANIE SPRZĘTU: Zajęcia z aplikacją ScratchJr mogą zostać przeprowadzone na dwa sposoby: 1. Z WYKORZYSTANIEM TABLETÓW -Jeśli zdecydujesz się zrealizować lekcję nr 3 z tabletami, można na zakończenie
Bardziej szczegółowoModel blokowy. Model blokowy w CSS
Model blokowy Model blokowy w CSS opisuje bloki, które są generowane dla elementów HTML. Model blokowy zawiera także dokładne opcje związane z ustawieniem maginesu zewnętrznego, wewnętrznego, obramowania
Bardziej szczegółowoPodstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
Bardziej szczegółowoWORDPRESS 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ółowoKl 7-8 Szkoła Podstawowa
Temat: Hello World! Hello Codey! Kl 7-8 Szkoła Podstawowa Przedmiot: informatyka Autor: Sylwester Zasoński Czas trwania: 1h lekcyjna Cele ogólne: Rozwijanie kompetencji miękkich (umiejętność pracy zespołowej,
Bardziej szczegółowoLaboratorium 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ółowoSystemy liczenia. 333= 3*100+3*10+3*1
Systemy liczenia. System dziesiętny jest systemem pozycyjnym, co oznacza, Ŝe wartość liczby zaleŝy od pozycji na której się ona znajduje np. w liczbie 333 kaŝda cyfra oznacza inną wartość bowiem: 333=
Bardziej szczegółowoLaboratorium z Grafiki InŜynierskiej CAD. Rozpoczęcie pracy z AutoCAD-em. Uruchomienie programu
Laboratorium z Grafiki InŜynierskiej CAD W przygotowaniu ćwiczeń wykorzystano m.in. następujące materiały: 1. Program AutoCAD 2010. 2. Graf J.: AutoCAD 14PL Ćwiczenia. Mikom 1998. 3. Kłosowski P., Grabowska
Bardziej szczegółowoWYTYCZNE DOTYCZĄCE PROMOCJI
Unia Europejska Europejski Fundusz Rozwoju Regionalnego Załącznik nr 12 do PRZEWODNIKA BENEFICJENTA RPO WP 2007-2013 WYTYCZNE DOTYCZĄCE PROMOCJI PROJEKTÓW UE DLA BENEFICJENTÓW REGIONALNEGO PROGRAMU OPERACYJNEGO
Bardziej szczegółowoPORADNIK KODOWANIA: CSS
PORADNIK KODOWANIA: CSS Przygotowane przez Jakuba Skórzyńskiego SPIS TREŚCI Wstęp... 3 Jak zacząć?. 4 Składnia 5 Klasy i unikaty.. 7 Rzeczy ważne 8 Najważniejsze komendy 9 Porady i Triki. 11 2 Wstęp Nazywam
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoTworzenie menu i authoring w programie DVDStyler
Tworzenie menu i authoring w programie DVDStyler DVDStyler jest to wieloplatformowy program do authoringu płyt DVD (tworzenia płyt DVD z indywidualnym menu, grafiką i materiałem filmowym). Dzięki niemu
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoŚrodki dydaktyczne: tablica, komputer (z Notatnikiem i przeglądarką www) pliki ramkapion.zip, ramkapoziom.zip, zagniezdzenieramek.zip.
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ęć: 45 minut, przedmiot: TI Temat lekcji: Zastosowanie ramek w tworzeniu
Bardziej szczegółowoWyższej Szkoły Przedsiębiorczości i Marketingu w Chrzanowie
ZASADY PRZYGOTOWANIA PRACY KOŃCOWEJ NA STUDIACH PODYPLOMOWYCH PEDAGOGIKA KWALIFIKACYJNA DLA NAUCZYCIELI PRZEDMIOTÓW ZAWOWOWYCH PROWADZONYCH W RAMACH PROJEKTU "NAUCZYCIEL NA 6+" Wyższej Szkoły Przedsiębiorczości
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2017 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Bardziej szczegółowoTworzenie napisu i obrysu.
Tworzenie napisu i obrysu. Pierwszą rzeczą jaką powinniśmy wykonać, to ściągnięcie i zainstalowanie czcionki Visitor TT2 BRK. MoŜna ją znaleźć pod tym adresem: http://www.webpagepublicity.com/freefonts/v/visitor%20tt2%20-brk-.ttf
Bardziej szczegółowoArkusz kalkulacyjny MS Excel 2010 PL.
Arkusz kalkulacyjny MS Excel 2010 PL. Microsoft Excel to aplikacja, która jest powszechnie używana w firmach i instytucjach, a także przez użytkowników domowych. Jej główne zastosowanie to dokonywanie
Bardziej szczegółowo8. Dynamiczne generowanie grafiki, cz. 2
8. Dynamiczne generowanie grafiki, cz. 2 8.1. Generowanie tekstu Chociaż tekst można umieścić na grafice korzystając z HTML (używając grafiki jako tła obiektu), często wygodniej jest umieścić tekst bezpośrednio
Bardziej szczegółowoTworzenie stron internetowych w kodzie HTML Cz 5
Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia
Bardziej szczegółowoSYSTEM ZARZĄDZANIA TREŚCIĄ (CMS) STRONY INTERNETOWEJ SZKOŁY PRZEWODNIK
SYSTEM ZARZĄDZANIA TREŚCIĄ (CMS) STRONY INTERNETOWEJ SZKOŁY PRZEWODNIK Daniel M. [dm.o12.pl] 2012 I. Ogólna charakterystyka systemu 1) System nie wymaga bazy danych oparty jest o pliki tekstowe. 2) Aktualna
Bardziej szczegółowoWłącza i wyłącza automatyczny hinting. Pozwala na określenie czy chcemy, aby hinting był stosowany również do większych czcionek.
Napisy Warstwy tekstowe Aby umieścić tekst w obrazie wybieramy narzędzie Tekst, a następnie klikamy w miejscu na obrazie, w którym chcemy go umieścić. Nad warstwą aktywną, utworzy się warstwa tekstowa.
Bardziej szczegółowoINFORMATYKA SZKOŁA PODSTAWOWA W PRZEŹMIEROWIE
INFORMATYKA SZKOŁA PODSTAWOWA W PRZEŹMIEROWIE Typ lekcji: Rodzaj lekcji: IWONA JANICKA Klasa: V Temat lekcji: utrwalająca utrwalanie wiadomości i umiejętności ćwiczeniowa Liczba godzin: 1 lub 2 (w zaleŝności
Bardziej szczegółowoZajęcia nr 15 JavaScript wprowadzenie do JavaScript
Zajęcia nr 15 JavaScript wprowadzenie do JavaScript Prowadzący: Andrzej Gąsienica-Samek, strona kółka www.atinea.pl/kolko Wprowadzenie do jsfiddle.net Uruchom Chrome i wejdź na stronę http://jsfiddle.net.
Bardziej szczegółowoKSIĘGA IDENTYFIKACJI WIZUALNEJ
KSIĘGA IDENTYFIKACJI WIZUALNEJ Wstęp Księga Identykacji Wizualnej to dokument określający normy i zasady stosowane w identyfikacji Miasta Skierniewice. Adresowany jest do firm i osób bezpośrednio związanych
Bardziej szczegółowoĆw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.
Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów. Znaczniki HTML (tagi) postać ogólna: zawartość
Bardziej szczegółowoCel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 90 minut, przedmiot: TI Temat lekcji: Tworzenie strony internetowej
Bardziej szczegółowoTutorial. HTML Rozdział: Ramki
Autor: Mateusz Wojtyna Opis ogólny Tutorial HTML Rozdział: Ramki Ramki są bardzo pomocnym narzędziem przy tworzeniu strony internetowej jeżeli na przykład chcemy stworzyć sobie menu wszystkich podstron
Bardziej szczegółowoInstrukcja dla autorów monografii
Instrukcja dla autorów monografii SPIS TREŚCI czcionka Times New Roman (dalej: TNR), rozmiar 16 STRESZCZENIE TNR 11... 6 1. WSTĘP... 7 2. ROZDZIAŁ 2... 23 2.1. Podrozdział TNR 11... 36 2.2. Podrozdział
Bardziej szczegółowo