HTML część 4. Obrazki, tła i kolory
|
|
|
- Ksawery Borkowski
- 8 lat temu
- Przeglądów:
Transkrypt
1 HTML część 4 Obrazki, tła i kolory
2 <img> Wstawia obrazek na stronę WWW Atrybuty wymagane: src, alt Atrybuty opcjonalne: height, ismap, longdesc, usemap, width nie zalecane: align, border, hspace, vspace Atrybuty standardowe: id, class, title, style, lang, xml:lang Atrybuty zdarzeń: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
3 Atrybuty znacznika <img> Wymagane alt = "tekst_alternatywny" src = "URL_obrazka" Opcjonalne: height = piksele % - wysokość wyświetlania width = piksele % - szerokość wyświetlania ismap = "URL" definiuje obrazek jako mapę obsługiwaną po stronie serwera usemap = "URL" definuje obrazek jako mapę obsługiwaną po stronie klienta longdesc = "URL" adres pliku zawierającego rozszerzony opis obrazka
4 Atrybuty <img> nie zalecane align = "top" "bottom" "middle" "left" "right" położenie obrazka względem tekstu border = piksele określa szerokość ramki wokół obrazka hspace = piksele określa szerokość białych pasów z lewej i prawej strony obrazka vspace = piksele określa szerokość białych pasów nad i pod obrazkiem
5 <map>...</map> Definiuje mapę obsługiwaną po stronie klienta W znaczniku <img> dla obrazka z mapą należy podać atrybut: usemap="#id_mapy" "#name_mapy" Powinien mieć zagnieżdżone znaczniki <area> Atrybuty wymagane: id = "unikalna_nazwa" Atrybuty opcjonalne: name = "unikalna_nazwa" ze względu na wsteczną kompatybilność Atrybuty standardowe: class, title, style, dir, lang, xml:lang Atrybuty zdarzeń: tabindex, accesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur
6 <area> Definiuje obszar wewnątrz obrazka traktowanego jako mapa obsługiwana po stronie klienta Powinien być zdefiniowany wewnątrz znacznika <map>...</map>, a wcześniej powinien być zdefiniowany obrazek z atrybutem usemap Atrybut wymagany: alt Atrybuty opcjonalne: coords, href, nohref, shape, target Atrybuty standardowe: id, class, title, style, dir, lang, xml:lang, tabindex, accesskey Atrybuty zdarzeń: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur
7 Atrybuty znacznika <area> alt = "alternatywny_text" shape = "rect" "rectangle" "circ" "circle" "poly" "polygon" coords = "lewo,góra,prawo,dół"- dla "rect" "środek_x,środek_y,promień"- dla "circ" "x1,y1,x2,y2,...,xn,yn" dla "poly" (uwaga: lewy górny róg obrazka ma współrzędne 0,0) href = "docelowy_url_obszaru" nohref = "true" "false" target = "_blank" "_parent" "_self" "_top"
8 Tła Definiowane jako kolor lub obrazek za pomocą odpowiednich atrybutów znacznika <body>: bgcolor = "#xxxxxx" "rgb(n,n,n)" "nazwa_koloru" background = "względny_lub_bezwzględny_url_pliku_graficznego" Plik graficzny tła powinien: być małych rozmiarów, żeby nie spowolnić ładowania strony nie powodować nieczytelności tekstu dobrze komponować się z innymi obrazkami na stronie dobrze wyglądać w przypadku powtórzenia na stronie nie powinien odciągać wzroku od zasadniczych treści strony Obydwa rozwiązania nie są zalecane przez W3C, zalecane jest używanie stylów.
9 Kolory AliceBlue - #F0F8FF; AntiqueWhite - #FAEBD7; Aqua - #00FFFF; Aquamarine - #7FFFD4; Azure - #F0FFFF; Beige - #F5F5DC; Bisque - #FFE4C4; Black - #000000; BlanchedAlmond - #FFEBCD; Blue - #0000FF; BlueViolet - #8A2BE2; Brown - #A52A2A; BurlyWood - #DEB887; CadetBlue - #5F9EA0; Chartreuse - #7FFF00; Chocolate - #D2691E; Coral - #FF7F50; CornflowerBlue - #6495ED; Cornsilk - #FFF8DC; Crimson - #DC143C; Cyan - #00FFFF; DarkBlue - #00008B; DarkCyan - #008B8B; DarkGoldenRod - #B8860B; DarkGray - #A9A9A9; DarkGrey - #A9A9A9; DarkGreen - #006400; DarkKhaki - #BDB76B; DarkMagenta - #8B008B; DarkOliveGreen - #556B2F; Darkorange - #FF8C00; DarkOrchid - #9932CC; DarkRed - #8B0000; DarkSalmon - #E9967A; DarkSeaGreen - #8FBC8F; DarkSlateBlue - #483D8B; DarkSlateGray - #2F4F4F; DarkSlateGrey - #2F4F4F; DarkTurquoise - #00CED1; DarkViolet - #9400D3; DeepPink - #FF1493; DeepSkyBlue - #00BFFF; DimGray - #696969; DimGrey - #696969; DodgerBlue - #1E90FF; FireBrick - #B22222; FloralWhite - #FFFAF0; ForestGreen - #228B22; Fuchsia - #FF00FF; Gainsboro - #DCDCDC; GhostWhite - #F8F8FF; Gold - #FFD700;
10 Kolory c.d. GoldenRod - #DAA520; Gray - #808080; Grey - #808080; Green - #008000; GreenYellow - #ADFF2F; HoneyDew - #F0FFF0; HotPink - #FF69B4; IndianRed - #CD5C5C; Indigo - #4B0082; Ivory - #FFFFF0; Khaki - #F0E68C; Lavender - #E6E6FA; LavenderBlush - #FFF0F5; LawnGreen - #7CFC00; LemonChiffon - #FFFACD; LightBlue - #ADD8E6; LightCoral - #F08080; LightCyan - #E0FFFF; LightGoldenRodYellow - #FAFAD2; LightGray - #D3D3D3; LightGrey - #D3D3D3; LightGreen - #90EE90; LightPink - #FFB6C1; LightSalmon - #FFA07A; LightSeaGreen - #20B2AA; LightSkyBlue - #87CEFA; LightSlateGray - #778899; LightSlateGrey - #778899; LightSteelBlue - #B0C4DE; LightYellow - #FFFFE0; Lime - #00FF00; LimeGreen - #32CD32; Linen - #FAF0E6; Magenta - #FF00FF; Maroon - #800000; MediumAquaMarine - #66CDAA; MediumBlue - #0000CD; MediumOrchid - #BA55D3; MediumPurple - #9370D8; MediumSeaGreen - #3CB371; MediumSlateBlue - #7B68EE; MediumSpringGreen - #00FA9A; MediumTurquoise - #48D1CC; MediumVioletRed - #C71585; MidnightBlue - #191970;
11 Kolory c.d. MintCream - #F5FFFA; MistyRose - #FFE4E1; Moccasin - #FFE4B5; NavajoWhite - #FFDEAD; Navy - #000080; OldLace - #FDF5E6; Olive - #808000; OliveDrab - #6B8E23; Orange - #FFA500; OrangeRed - #FF4500; Orchid - #DA70D6; PaleGoldenRod - #EEE8AA; PaleGreen - #98FB98; PaleTurquoise - #AFEEEE; PaleVioletRed - #D87093; PapayaWhip - #FFEFD5; PeachPuff - #FFDAB9; Peru - #CD853F; Pink - #FFC0CB; Plum - #DDA0DD; PowderBlue - #B0E0E6; Purple - #800080; Red - #FF0000; RosyBrown - #BC8F8F; RoyalBlue - #4169E1; SaddleBrown - #8B4513; Salmon - #FA8072; SandyBrown - #F4A460; SeaGreen - #2E8B57; SeaShell - #FFF5EE; Sienna - #A0522D; Silver - #C0C0C0; SkyBlue - #87CEEB; SlateBlue - #6A5ACD; SlateGray - #708090; SlateGrey - #708090; Snow - #FFFAFA; SpringGreen - #00FF7F; SteelBlue - #4682B4; Tan - #D2B48C; Teal - #008080; Thistle - #D8BFD8; Tomato - #FF6347; Turquoise - #40E0D0; Violet - #EE82EE; Wheat - #F5DEB3; White - #FFFFFF; WhiteSmoke - #F5F5F5; Yellow - #FFFF00; YellowGreen - #9ACD32
KURS HTML. Wyższa Szkoła Humanistyczno-Ekonomiczna We Włocławku. Stanisł aw Wszelak. Materiał uzupełniający dla słuchaczy i studentów WSHE
Wyższa Szkoła Humanistyczno-Ekonomiczna We Włocławku Stanisł aw Wszelak KURS HTML Materiał uzupełniający dla słuchaczy i studentów WSHE Włocławek, 2004 rok Jest to otwierający i zamykający
Program R Wykład 7. Pakiet graphics Przemyslaw.Biecek@gmail.com. Plan. Wysokopoziomowe Niskopoziomowe Bibliografia
Program R Wykład 7. Pakiet graphics Przemyslaw.Biecek@gmail.com Plan 1 Funkcje graficzne wysokiego poziomu. 2 Funkcje graficzne niskiego poziomu. 3 Funkcje do zarządzania wykresami i urządzeniami graficznymi.
Wizualizacja danych 2D i 3D - Gnuplot
Wizualizacja danych 2D i 3D - Gnuplot dr hab. Bożena Woźna-Szcześniak Akademia im. Jan Długosza bwozna@gmail.com Laboratorium 9 Plan Komenda set palette Kolorowe grafy Aktualna paletę kolorów można zobaczyć
HTML ciąg dalszy. Listy, formularze
HTML ciąg dalszy Listy, formularze Listy Służą do prezentacji treści w postaci wypunktowania: numerowanego nienumerowanego definicji Możliwe jest zagnieżdżanie list zarówno tego samego, jak i różnych typów
HTML cd. Ramki, tabelki
HTML cd. Ramki, tabelki Ramki Umożliwiają wyświetlanie kilku niezależnych dokumentów w tym samym oknie w układzie pionowym, poziomym lub mieszanym. Wady: kłopotliwe drukowanie, konieczność zapanowania
Najprostszy dokument HTML. <html> <body> Dowolny tekst. </body> </html>
HTML - podstawy HTML = Hyper Text Markup Language Plik HTML plik tekstowy zawierający elementy HTML definiowane przez znaczniki HTML Znaczniki HTML odpowiadają za interpretację informacji zawartych w pliku
Microsoft Small Basic
Katolickie Gimnazjum i Liceum Ogólnokształcące im. Jana Pawła II w Łodzi Microsoft Small Basic Translated by Anna Wilk (klasa 2a 2009/2010) Wstęp Small Basic i programowanie Programowanie komputerowe jest
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Kurs HTML 4.01 TI 312[01]
![Kurs HTML 4.01 TI 312[01]](/thumbs/24/2176096.jpg "Kurs HTML 4.01 TI 312[01]")
TI 312[01] Spis treści 1. Wiadomości ogólne... 3 2. Wersje języka HTML... 3 3. Minimalna struktura dokumentu... 3 4. Deklaracje DOCTYPE... 3 5. Lista znaczników, atrybutów i zdarzeń... 4 5.1 Lista atrybutów
Atrybuty znaczników HTML
Atrybuty znaczników HTML Atrybut Zastosowanie Opis Abbr Td, Th Skrót dla komórki nagłówkowej tabeli Accept Form, input Lista typów MIME dla wysyłanego pliku Accept-charset Form Lista obsługiwanych znaków
Ć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ć
[ HTML ] Tabele. 1. Tabela, wiersze i kolumny
![[ HTML ] Tabele. 1. Tabela, wiersze i kolumny](/thumbs/70/62541125.jpg "[ 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.
Ć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.
HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego.
HTML HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. Dokument HTML to plik tekstowy, z ewentualnymi załącznikami, w którym znajduje się tekstowa treść przeplatana z rozkazami
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Kurs WWW wykład 6. Paweł Rajba
Kurs WWW wykład 6 Paweł Rajba pawel@ii.uni.wroc.pl http://www.ii.uni.wroc.pl/~pawel/ Obiekt Window Zdarzenia onblur ondragdrop onerror onfocus onload onmove onresize onunload Obiekt Location Właściwości
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
Języki programowania wysokiego poziomu. HTML cz.2.
Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)
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
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
Paleta kolorów nici Ariadna Strona 1 z 1 http://www.haftowana-galeria.forsale.pl
Paleta kolorów nici Ariadna wraz z konwersją do kolorów nici Natural Ecru Ecru/off-white 400 B5200 Snow White 401 746 Off White 402 445 Lemon - LT 403 3823 Yellow - ULT PALE 405 307 Lemon 408 973 Canary
zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
HTML. 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
I. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Za 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
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
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
Ć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ść
Wprowadzenie do Internetu zajęcia 2
Wprwadzenie d Internetu zajęcia 2 Zakres tematyczny zajęć Tabele Tabele prezentacja danych. Tabele mają szerkie zastswanie na strnach WWW i umżliwiają zaawanswane frmatwanie elementów na strnie. Definicja
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
TECHNOLOGIE SIECI WEB
TECHNOLOGIE SIECI WEB Prowadzący: dr inż. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydział Elektrotechniki i Informatyki LABORATORIUM ĆWICZENIE nr 1 Temat: Język (X)HTML - Layout
CZYM JEST JAVASCRIPT?
JAVASCRIPT JAVASCRIPT - CECHY Język skryptowy stosowany w sieci WWW Stosowany przez autorów witryn WWW głównie w celu: poprawy wyglądu stron walidacji danych z formularzy wykrywania typu przeglądarki tworzenia
Informatyka i Multimedia [IM] dr inż. Michał Głębowski
![Informatyka i Multimedia [IM] dr inż. Michał Głębowski](/thumbs/21/1080765.jpg "Informatyka i Multimedia [IM] dr inż. Michał Głębowski")
[IM] dr inż. Michał Głębowski Plan zajęć bazy danych (cz.2) teoria, definicje, tabele, relacje język SQL, interfejs, zapytania MySQL, własna baza język (x)html budowa, struktura, tagi, CSS, walidacja,
Język HTML i podstawy CSS
Notatki do wykładu Język HTML i podstawy CSS dr Jacek Tarasiuk WFiIS, AGH wersja 2006 Spis treści Język HTML...1 Rodzaje dokumentów HTML...1 Budowa dokumentu HTML...1 Zestawienie znaczników...2 Szkielet
Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
RAL 10xx grupa odcieni żółtych (30 kolorów)
RAL 10xx grupa odcieni żółtych (30 kolorów) Oznaczenie RAL RAL 1000 Green beige RAL 1001 Beige RAL 1002 Sand yellow RAL 1003 Signal yellow RAL 1004 Golden RAL 1005 Honey yellow RAL 1006 Maize yellow RAL
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:
6. KOLOR, TŁO I ŚCIEśKI DOSTĘPU
6. KOLOR, TŁO I ŚCIEśKI DOSTĘPU Zanim przejdziemy do praktyki, zajmijmy się nazywaniem kolorów. Są cztery znane mi sposoby wyraŝania kolorów w języku CSS. Pierwszym z nich i jednocześnie najtrudniejszym
T: +48 33 876 70 83 F: +48 33 876 62 23 K: +48 604 152 240 M: zakupy@kobax.pl
T: +48 33 876 70 83 F: +48 33 876 62 23 K: +48 604 152 240 M: zakupy@ T: +48 33 873 93 55 F: +48 33 873 93 55 K: +48 604 750 320 M: akcesoria@ Wzornik RAL Classic Kody RAL wprowadzone zostały w 1927 roku
Hyper Text Markup Language
Podstawy projektowania dokumentów WWW Język znaczników HTML Hyper Text Markup Language Język słuŝący do zapisu dokumentów WWW. Opisuje wygląd dokumentu i definiuje łączniki hipertekstowe, pozwalające na
Podstawy HTML. Tworzenie stron internetowych. Tomasz Piłka. Ucz się, jak gdybyś miał żyć wiecznie, żyj jak gdybyś miał umrzeć jutro
Tworzenie stron internetowych Ucz się, jak gdybyś miał żyć wiecznie, żyj jak gdybyś miał umrzeć jutro Św. Izydor z Sewilli Podstawy HTML Tomasz Piłka HTML historycznie HTML (Hypertext Markup Language)
Odsyłacze. Style nagłówkowe
Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami
Odsyłacze (hiperłącza)
Odsyłacze (hiperłącza) Charakterystyczną cechą Internetu jest obecność na stronach hipertekstowych odsyłaczy do innych stron, które znajdują się w światowej sieci. W gruncie rzeczy czytelnik dokumentu
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
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
www.fwrl.pl/szkolenie
STRONA www.fwrl.pl/szkolenie MS WORD HTML HTML i dostarczają informację dla silnika przeglądarki o tym jak ma być zbudowana i wyświetlona strona HTML HTML HTML (warstwa logiczna co i gdzie ma być) (wastwa
Specyfikacja techniczna dot. mailingów HTML
Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej
Tworzenie stron internetowych RAMKI
Tworzenie stron internetowych RAMKI RAMKI Ramka to zdefiniowana część okna przeglądarki, której to części przypisano właściwości takie jak całemu oknu. ramka może być przewijana niezależnie od pozostałej
CSS - 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:
Tworzenie aplikacji internetowych E14
Tworzenie aplikacji internetowych E14 JavaScript w przykładach Tomasz Fitzermann Język JavaScript JavaScript - język skryptowy rozszerzający standardowy HTML m.in. o możliwość interakcji z użytkownikiem
Zakład Handlowo-Produkcyjny "KOBAX" - Pająk Krzysztof Zebrzydowice 289a, Kalwaria Zebrzydowska NIP , REGON
Tel: +48 33 876 70 83 Fax: +48 33 876 62 23 Kom: +48 604 152 240 Mail: zakupy@ Tel: +48 33 873 93 55 Fax: +48 33 873 93 55 Kom: +48 604 750 320 Mail: akcesoria@ Wzornik RAL Classic Kody RAL wprowadzone
Nazwa 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
WZORNIK RAL CLASSIC. Obecnie Paleta RAL jest powszechnie stosowana w przemyśle lakierniczym, budowlanym, meblowym, maszynowym itp.
WZORNIK Kody RAL wprowadzone zostały w 1927 roku przez niemiecki Państwowy Komitet do Spraw Warunków Dostaw - Reichsausschuss für Lieferbedingungen, a obecnie nad ich rozwojem czuwa Niemiecki Instytut
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia r.)
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia 08 25.04.2016 r.) 1) Zdarzenia w JavaScript Zdarzenia są sygnałami generowanymi w chwili wykonywania ściśle określonych
Ćwiczenia laboratoryjne nr 8 Podstawy języka XML.
Prezentacja Danych i Multimedia II r Socjologia Ćwiczenia laboratoryjne nr 8 Podstawy języka XML. Celem ćwiczeń jest poznanie zasad tworzenia dokumentów w oparciu o język XML oraz metod modyfikacji ich
Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów.
Tabele Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów. Ramy tabeli Ramy tabeli tworzone są za pomocą polecenia: Cała zawartość
Zawartość specyfikacji:
Zawartość specyfikacji: Wielkość, waga i kodowanie Umieszczanie obrazków w kreacji Elementy niedopuszczalne Nazewnictwo plików Stopka mailingu Nie spełniam wymagań pracodawcy Waga, wielkość i kodowanie
Komputerowy skład w L A T E X
Komputerowy skład w L A T E X dr hab. Bożena Woźna-Szcześniak, prof. UJD Uniwersytet Humanistyczno-Przyrodniczy im. Jana Długosza w Częstochowie b.wozna@ujd.edu.pl Laboratorium 7 B. Woźna-Szcześniak (UJD)
Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz
Wykład 2 TINT XHTML tabele i ramki Zofia Kruczkiewicz 1. Tabele 1.1. Przykład tabeli zawierającej kalendarz na miesiąc marzec ... definiuje tabelę Atrybuty: border ="" obramowanie tabeli,
INFORMATYKA I L A TEX
Wykład INFORMATYKA I L A TEX Marta Tyran-Kamińska semestr letni 2005/2006 Pakiet graphicx 89 \includegraphics[klucz=wartość]{plik_graficzny} Zmiana wielkości obrazka: width height scale width=5cm height=4cm
JAVASCRIPT (cz. IV) ĆWICZENIA DO SAMODZIELNEGO WYKONANIA materiały dydaktyczne dla słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź
JAVASCRIPT (cz. IV) ĆWICZENIA DO SAMODZIELNEGO WYKONANIA Ćwiczenie 1 obliczanie daty Wielkanocy Napisz skrypt, który: poprosi użytkownika o podanie roku z przedziału 1900..2099 sprawdzi, czy podana wartość
Krótki przegląd własności języka CSS
Krótki przegląd własności języka CSS Stosując arkusze stylów CSS, w sposób wyraźny oddziela się formatowanie dokumentu XHTML od jego warstwy znaczeniowej umieszczonej w sekcji . Niżej zestawiono
Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
TWORZENIE STRON WWW. Zasady opisu stron w języku HTML:
TWORZENIE STRON WWW Strony WWW definiowane są za pomocą języków opisu stron. Najpopularniejszym językiem tego typu jest język HTML (Hyper Text Markup Language). Zasady opisu stron w języku HTML: - opis
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
Multimedia. Plan wykładu/ów. Wstęp do HTML a. zastosowanie HTML a do tworzenia multimediów. podstawy HTML a Flash style JavaScript warstwy Java
Multimedia Wstęp do HTML a mgr inż. Piotr Odya piotrod@sound.eti.pg.gda.pl Plan wykładu/ów zastosowanie HTML a do tworzenia multimediów podstawy HTML a Flash style JavaScript warstwy Java 1 Trochę teorii
Formaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia
Grafika i multimedia na stronie Formaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia Grafika na stronie HTML niezbędny
Wprowadzenie do HTML
Wprowadzenie do HTML Podstawowe elementy języka Nguyen Hung Son Wydział MIM Uniwersytetu Warszawskiego Warszawa 10.02.2001 p.1/22 Historia HTML HTML - (HyperText Markup Language) jest językiem przeznaczonym
Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW
Wykład 2 Tabele i ramki 1. Tabele 1.1. Podstawy budowy tabel na stronach WWW Rys.1. Przykład prostej tabeli zawierającej kalendarz na miesiąc marzec ... definiuje tabelę Atrybuty: border
Tł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
Z 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
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
Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony różnych stylów.
Kaskadowe arkusze stylów Kaskadowe arkusze stylów CSS (Cascading Style Sheets) służą do definiowania sposobu wyświetlania elementów HTML. Pozwalają np. określać rozmiar i kolor czcionki, definiować odstępy
SterBox. 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
Serwisy Internetowe Klient Plan wykładu
Serwisy Internetowe Klient Plan wykładu HTML - znaczniki CSS arkusze kaskadowe stylów Javascript język skryptowy DHTM dynamiczny HTML dr hab. Aleksander Dawid Katowice 2000-2015 Schemat pobierania pliku
Podstawy 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
HTML - podstawowe znaczniki
HTML - podstawowe znaczniki Strukturę dokumentu HTML możemy przedstawić następująco: Tytuł strony W niej zagnieżdżać będziemy pozostałe znaczniki.
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
SPIS TREŚCI / FOLIE PLOTEROWE
Folie ploterowe SPIS TREŚCI / FOLIE PLOTEROWE KRÓTKOOKRESOWE FOLIE DEKORACYJNE 28 Avery 500 Event Film 28 ŚREDNIOOKRESOWE FOLIE DEKORACYJNE 29 Avery 700 Premium Film 29 Avery 777 Cast Film 30 DŁUGOOKRESOWE
PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE KASKADOWE ARKUSZE STYLÓW CASCADING STYLE SHEETS Za pomocą HTML tworzymy strukturę dokumentu, jego elementy oraz treść CSS służy do opisu wyglądu struktury dokumentu, elementów oraz treści
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:
Fine Jersey maglia girocollo manica corta unisex Fine Jersey women maglia girocollo manica corta
ble GIROCOLLO JERSEY Cotton JERSEY Cotton N2001W Fine Jersey maglia girocollo manica corta unisex Fine Jersey women maglia girocollo manica corta 100% cotone pettinato ring spun - 146 gr/m² Ash Grey 1%
Ć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
Konstrukcja 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ć,
HTML podstawowe polecenia Szkielet dokumentu: 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
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
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
REGULAMIN PROMOCJI - Dzień Kobiet Promocja
REGULAMIN PROMOCJI - Dzień Kobiet 2019 1. Promocja 1. Promocja Dzień Kobiet 2019 (dalej jako: Promocja) jest organizowana przez spółkę Nesperta sp. z o.o. z siedzibą w Luboniu, ul. Rejtana 12A, 62-030
Paweł Kaźmierczak. styczeń 2009
Wstęp Wstawianie i tworzenie grafiki w systemie składu tekstu LaTeX Instytut Matematyki i Informatyki PWSZ Płock styczeń 2009 Wstęp Kilka słów... Dzięki grafice, nasze dokumenty mają atrakcyjniejszą formę.
Ję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:
Responsywne strony WWW
www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę zaprojektować następujący layout strony, oparty na DIV-ach: Aby osiągnąć powyższy efekt, w pliku CSS powinniśmy utworzyć reguły: #cala_strona width: 780px;
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
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
Technologie Informacyjne
Technologie Informacyjne Wykªad 7 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 23 HTML HTML Sªu»y do deniowania struktury dokumentu: akapity nagªówki
Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Powtórzenie materiału: CSS3 Spis treści
Powtórzenie materiału: CSS3 Spis treści Kolory...2 Jednostki...3 Czcionka...3 Elementy blokowe...3 Cienie...5 Gradient...5 Zgodność z przeglądarkami...6 Kolory Wartości kolorów w CSS podawać można na 4
NUMER 2 KWIECIEŃ 2014
NUMER 2 KWIECIEŃ 2014 Przypominamy, że rok 2015 będzie rokiem 70- lecia szkoły podstawowej w Górzynie. W związku z uroczystymi obchodami 70 - lecia naszej szkoły, zwracamy się z prośbą i zapraszamy do