Witryny i aplikacje internetowe. mgr inż. Remigiusz Pokrzywiński
|
|
- Bernard Olejniczak
- 8 lat temu
- Przeglądów:
Transkrypt
1 Witryny i aplikacje internetowe mgr inż. Remigiusz Pokrzywiński
2 Podstawowe pojęcia dotyczące stron internetowych Strona internetowa, strona WWW (ang. web page) dokument HTML udostępniony w Internecie przez serwer WWW. Serwis internetowy, witryna internetowa (ang. website) grupa powiązanych ze sobą, w celu zwiększenia funkcjonalności, stron internetowych. Serwisy internetowe, poza treścią statyczną, mają często sekcję wiadomości oraz możliwość logowania się i zapamiętywania preferencji
3 Podstawowe pojęcia dotyczące stron internetowych c.d. Przeglądarka internetowa lub przeglądarka WWW (ang. web browser) program komputerowy służący do pobierania i wyświetlania stron internetowych udostępnianych przez serwery WWW, a także odtwarzania plików multimedialnych, często przy użyciu dodatkowych rozszerzeń, zwanych wtyczkami. Serwer WWW (ang.) web server program działający na serwerze internetowym, obsługujący żądania protokołu komunikacyjnego HTTP. Z serwerem WWW łączy się, poprzez sieć komputerową, przeglądarka internetowa, będąca jego klientem, aby pobrać wskazaną stronę WWW
4 Podstawowe pojęcia dotyczące stron internetowych c.d. Domena adres strony internetowej, np. twoja-nowa-strona.pl. Domena nie jest stroną ona tylko wskazuje na serwer, na którym znajduje się strona. Adres URL unikalny adres dokumentu HTML lub XML w sieci Internet. W uproszczeniu, składa się z określenia protokołu (np. http, https), domeny (np. ścieżki na serwerze (np. /www/) oraz opcjonalnie parametrów (np.?status=ok)
5 Podstawowe pojęcia dotyczące stron internetowych c.d. Link (odnośnik) wyróżniony (aktywny) fragment strony internetowej (fragment tekstu lub obrazek) pozwalający przejść do innej strony www (inny adres URL) lub też wykonać określoną czynność (np. przesłać zawartość formularza). System CMS oprogramowanie (zbiór narzędzi, panel administracyjny) umożliwiające uprawnionym (identyfikowanym przez login i hasło) osobom zarządzanie treścią (teksty, zdjęcia, multimedia, pliki do pobrania) znajdującą się na poszczególnych stronach WWW.
6 Podstawowe pojęcia dotyczące stron Aplikacja internetowa internetowych c.d. zbiór skryptów (podprogramów) wykonywanych przez oprogramowanie znajdujące się na serwerze internetowym i służące do szeroko rozumianego przetwarzania danych nadsyłanych przez użytkowników (internautów). System CMS i sklep internetowy są właśnie aplikacjami internetowymi.
7 Podstawowe pojęcia dotyczące stron internetowych c.d. HTML (Hyper-Text Markup Language) jest jedynym niezbędnym językiem w tym towarzystwie tworzy się za jego pomocą strukturę strony (nagłówki, listy punktowane, linki, osadza się w stronie grafikę itp.) CSS (Cascading Style Sheets) jest językiem służącym do nadawania stronie odpowiedniego wyglądu: ustalania układu elementów, ustalania tła, kolorów, czcionek itp. JS (JavaScript) język służący do nadawania stronom interaktywności. Dzięki niemu strona może np. reagować na działanie użytkownika lub dynamicznie zmieniać wygląd elementów lub ich zawartość
8 Podstawowe pojęcia dotyczące stron internetowych c.d. PHP, ASP, JSP języki programowania stron. Nie widać ich działania tak jak działania JavaScript, ponieważ są wykonywane po stronie serwera, a nie w przeglądarce ich działanie kończy się zanim ujrzysz cokolwiek na ładującej się stronie internetowej. AJAX nie jest osobnym językiem, tylko technologią łączącą JavaScript z językiem działającym po stronie serwera (np. PHP lub ASP). Stosuje się ją, gdy wymagane jest zadziałanie skryptu na serwerze, ale nie ma konieczności załadowania całej strony od nowa, np.: wyświetlanie podpowiedzi w trakcie wpisywania w Google frazy do wyszukania
9 Podstawowe pojęcia dotyczące stron internetowych c.d. SEO (ang. Search Engine Optimisation) czynności mające na celu zoptymalizowanie strony dla wyszukiwarek internetowych. Optymalizacja taka polega głównie na zmianach w kodzie strony, usprawnieniu nawigacji, czasem także na zmianie układu strony. Cookies (ang. ciasteczka) bardzo małe pliki, która każda strona internetowa może zapisać na Twoim komputerze. Służą one do tego, by zapamiętać pewne dane pomiędzy Twoimi wizytami na danej stronie
10 Podstawowe pojęcia dotyczące stron internetowych c.d. Walidacja gotową stronę można przetestować pod kątem poprawności kodu HTML. Służy do tego narzędzie nazywane Validatorem W3C*. Hosting to usługa świadczona przez daną firmę, polegająca na wynajmie powierzchni na serwerze należącym do tej firmy lub wynajmie całego serwera należącego do tej firmy. W pierwszym przypadku mówimy o serwerze wirtualnym, a w drugim o serwerze dedykowanym.
11 Zasada działania strony statycznej Zapytanie URL SERWER Klient Nasłuchuje Port :80.html Odpowiedź w postaci plik z kodem
12 Zasada działania strony dynamicznej Zapytanie URL SERWER Klient.html Nasłuchuje Port :80 Żądanie skryptu HTML PHP Dane SQL Odpowiedź w postaci pliku z kodem Baza danych
13 Strony statyczne a dynamiczne Statyczne - niezmienna treść - użytkownicy widzą to samo Dynamiczne - treść generowana na bieżąco - różni użytkownicy widzą inną treść - udział bazy danych
14 HTML - znaczniki HTML - język opisowy oparty na tzw. znacznikach (tagach) opisujących zawartość strony internetowej. Znacznik podstawowy element składni języka HTML (ang. tag). Jest to specjalny tekst otoczony nawiasami ostrymi. Przykładowy znacznik dwuelementowy <b> Wytłuszczony tekst </b> Znacznik otwierający Zawartość opisywana przez znacznik Znacznik zamykający
15 HTML znaczniki cd. Przykładowy znacznik jednoelementowy. Pierwsza linia <br /> Druga linia Znacznik jednoelementowy nie otacza elementów na stronie (np. tekstu), a jedynie je rozdziela. <br /> - jest to znacznik końca linii Wynik działania: Pierwsza linia Druga linia
16 HTML atrybuty Działanie znacznika można rozszerzyć przypisując mu odpowiedni atrybut. Każdy atrybut posiada zakres wartości odpowiadający za zmiany wprowadzane przez znacznik. Np..: <font size= 4 > Jakiś tekst </font> Atrybut size wprowadzony w znaczniku font przyjmuje wartości od 1 do 7 i wpływa za zmianę rozmiaru czcionki.
17 HTML znaki specjalne Budowa HTML wymusiła wprowadzenie dodatkowych znaków specjalnych. Gdy chcemy użyć np. znaków < > które są częścią znacznika musimy użyć odpowiedniej struktury. Np.: Zamiast < należy wpisać < i zamiast > - >
18 HTML znaki specjalne
19 HTML komentarze Komentarz informacja która jest widoczna tylko dla jego twórcy, nie widoczna na stronie.
20 HTML polskie znaki Aby polskie znaki były widoczne na stronie, należy podczas zapisu pliku w którym znajduje się kod strony HTML, wybrać odpowiednie kodowanie.
21 Ramy dokumentu
22 Podział znaczników ze względu na funkcje Znaczniki strukturalne - opisują podstawową strukturę dokumentu - np. <head>, <body> Znaczniki formatujące - określają wygląd poszczególnych elementów - np. <b> Bold </b> Znacznik definiujący obiekt - zamieszczenie w treści strony np. obrazu, napisu - np. <img> Znacznik hipertekstowy - definiuje hiperłącze (link) do innej lokalizacji - np. <a href="strona.html > Link </a>
23 Wybór edytora kodu HTML Dokument HTML to po prostu dokument tekstowy z rozszerzeniem *.htm lub *.html Pracuj komfortowo, oszczędzaj swój czas i wzrok - edytor HTML powinien posiadać podświetlanie składni, możliwość wyboru mało kontrastowego schematu kolorów, możliwość wyboru standardu kodowania znaków w tworzonym dokumencie Wybór edytora to kwestia indywidualnych preferencji. Poniżej kilka sprawdzonych i popularnych propozycji:
24 Sekcja <head> W "głowie" strony www przechowujemy przeróżne informacje o konfiguracji strony www wykonanej w HTML. To co umieścimy w sekcji <head> zazwyczaj nie będzie wyświetlane bezpośrednio na stronie, lecz w jakiś sposób określało jej konfigurację. Najczęściej spotykane tagi w tej sekcji: Tytuł strony (<title>), Ustawienie kodowania znaków, informacje o autorze strony, języku strony (<meta>), Skrypty wykorzystane na stronie (<script>), Style użyte w dokumencie (<style>), Dodatkowe dokumenty powiązane ze stroną, np. arkusze stylów, skrypty w osobnych plikach (<link>)
25 Znaki diakrytyczne Znaki diakrytyczne (litery diakrytyzowane) są to takie litery jak: ą ć ę ł ń ó ś ź ż (oraz ich wielkie odpowiedniki), występują tylko w polskim alfabecie. Tworząc stronę internetową, należy zadbać, aby wszystkie takie znaki były na niej prawidłowo wyświetlanie. Najbardziej popularne sposoby kodowania polskich znaków to: iso , utf-8, windows-1250.
26 Deklaracja kodowania Kodowanie polskich znaków wprowadzane jest przez znacznik meta. Przykładowe kodowanie utf-8 prezentuje się następująco: <head> <meta charset="utf-8"> </head> HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=utf-8"> HTML5: <meta charset="utf-8"> Domyślne kodowanie dla html 5 to utf-8.
27 Deklaracja języka strony Deklaracja języka strony informuje przeglądarkę, w jakim języku podawane są dane umieszczone na stronie, np. w języku polskim pl, francuskim fr, włoskim it, rosyjskim ru itp. Przykład określenia języka w przeglądarce wygląda następująco: <head> </head> <meta http-equiv="content-language" content="pl">
28 Wybrane elementy meta opis strony <meta name="description" content="the... > słowa kluczowe <meta name="keywords" content= slowo1, slowo2,..."> autor <meta name="author" content="jan Nowak > prawa autorskie <meta name="copyright" content="(c)2005 Jan Nowak"> generator <meta name="generator" content="vim"> nazwa firmy <meta name="company" content="nowaksoft"> Indeksacja przez roboty <meta name="robots" content="index,follow">
29 Sekcja <body> W "ciele" strony www przechowujemy informacje bezpośrednio wyświetlane na stronie. Tekst można bezpośrednio umieścić w kodzie, bez dodatkowych oznaczeń. W samym tagu <body> można podać atrybuty opisujące np. tło strony, kolor hiperłączy (linków) czy domyślny kolor wstawionego tekstu, ale atrybuty te wycofano w HTML 4.01 (do kolorów i teł używamy współcześnie kaskadowych arkuszy styli - CSS).
30 Akapit (paragraf) tekstu Akapit stanowi blok tekstu. Następujące bezpośrednio po sobie akapity są oddzielone przerwą w tekście (pustą linią). Dzięki umieszczeniu treści w kolejnych akapitach strona stanie się dużo bardziej czytelniejsza. Dzięki atrybutowi align można ustalić rozmieszczenie tekstu w akapicie:
31 Blok (div) Tag div wydziela obszar na stronie, przez co możemy nadać mu jakiś rodzaj formatowania: W odróżnieniu od akapitu <p>, blok może zawierać wewnątrz siebie inne elementy niż tekst, np. obrazy. Kolejne bloki są oddzielane od siebie znakami nowej linii, ale nie są dodawane linijki przerwy (aby je dodać, należy np. zastosować znacznik <br />) Szczegółowy wygląd bloków ustala się stosując style, zapisane w kaskadowych arkuszach styli CSS.
32 Nagłówki (h1,h2 h6) Podobnie jak nagłówki w gazetach pozwalają sformatować tytuły akapitów w sposób czytelny i logiczny. Oznaczamy je tagami: <h1></h1> do <h6> </h6>, np:
33 Rodzaj, wielkość, kolory czcionki Co prawda dziś najczęściej używa się zdefiniowanych styli w arkuszu CSS, ale język HTML również umożliwia edycję kroju, rozmiaru i koloru czcionki: Kolor może być zdefiniowany jest na kilka sposobów: szesnastkowo w postaci redgreenblue: #RRGGBB np. #FFFFFF słownie: red, blue, magenta
34 Znaczniki formatowania stylu czcionki Poniżej przedstawiono najczęściej używane znaczniki stylu czcionki: Pogrubienie tekstu (<b></b> albo <strong></strong>), Pochylenie tekstu (<i></i>), Podkreślenie tekstu (<u></u>), Styl "duży tekst" (<big></big>), Styl "mały tekst" (<small></small>), Indeks górny (<sub></sub>), Indeks dolny (<sup></sup>), Wyróżnienie (<em></em>), Tekst przekreślony (<del></del>).
35 Przejście do nowej linii, linia pozioma, komentarze Przejście do nowej linii (tak jakby naciśnięcie klawisza Enter): Linię poziomą możemy zdefiniować następująco: Komentarze to informacja dla nas, programistów:
36 Listy 1. Lista wypunktowana (unordered): <ul type="disc"> <li>element 1</li> <li>element 2</li> <li>element 3</li> </ul> element 1 element 2 element 3 Wartości atrybutu type: disc (wypełnione kropka), circle (puste kółko), square (zamalowany kwadrat) 2. Lista numerowana (ordered): <ol type="1"> <li>element 1</li> <li>element 2</li> <li>element 3</li> </ol> 1. element 1 2. element 2 3. element 3 Wartości atrybutu type określają sposób numeracji: 1 jako cyfry, A lub a jako litery duże lub małe, duża litera I lub i jako numeracja rzymska dużymi lub małymi literami Atrybut value elementu <li> określa zmianę kolejności numerowania także dla następujących po nim elementów
37 Listy cd. 3. Lista definicji: <dl> <dt>wyrażenie 1</dt> <dd>definicja wyrażenia 1</dd> <dt>wyrażenie 2</dt> <dd>definicja wyrażenia 2</dd> </dl> wyrażenie 1 definicja wyrażenia 1 wyrażenie 2 definicja wyrażenia 2 Sposoby zagnieżdżania list: <ol> <li>pozycja 1 <ul> <li>podpozycja 1.1</li> <li>podpozycja 1.2</li> </ul> </li> </ol> 1. pozycja 1 podpozycja 1.1 podpozycja 1.2
38 Obrazy Pamiętaj aby odpowiednio dobrać rodzaj pliku graficznego (zwłaszcza ze względu na rozmiar pliku i stopień kompresji). Grafikę wstawiamy w następujący sposób: Atrybut src oznacza źródło (source) pliku, czyli tak naprawdę ścieżkę do grafiki na serwerze, width i height to szerokość i wysokość grafiki na stronie (jeśli nie będzie zgadzała się z pierwotnymi wymiarami obrazu, to zostanie on przeskalowany nawet kosztem utraty jakości lub proporcji). Jeśli wymiary obrazu nie zostaną podane, przeglądarka założy oryginalny rozmiar grafiki (pobrany z liku).
39 Obrazy cd. Atrybut alt umożliwia wyświetlanie tekstu alternatywnego, widocznego po najechaniu na obrazek. Warto pamiętać aby obrazek dodawany na stronie miał już dostosowane rozmiary. Powoduje to zmniejszenie jego rozmiarów, a co za tym idzie szybsze ładowanie się strony. Wprowadzenie atrybutów width i height to dobry nawyk, który pozwala uniknąć przemieszczenia się pozostałych obiektów na stronie w przypadku kiedy obrazek z jakichś powodów nie będzie mógł być wczytany. Położeniem obrazka względem teksu możemy zarządzać stosując atrybut align (nie wspierane w HTML 5). Może on przyjmować wartości: left obrazek ustawiony po lewej stronie względem tekstu, right obrazek ustawiony po prawej stronie względem tekstu, top tekst ustawiony przy górnej części obrazka, middle tekst ustawiony w środkowej części obrazka, bottom tekst ustawiony na dole obrazka (domyślne),
40 Dodatkowe znaczniki Wprowadzone przez IE: - <marquee>tu wpisz tekst</marquee> - <bgsound src="ścieżka dostępu do pliku dźwiękowego" /> - <embed src="ścieżka dostępu do pliku" width="x" height="y" /> - <img dynsrc="ścieżka dostępu do pliku *.avi" alt="tekst alternatywny" /> - sposób uniwersalny
41 Tabele Tabela to wygodny pojemnik, który pozwala przedstawić dane w uporządkowany sposób, a często pozawala rozplanować rozmieszczenie poszczególnych elementów na stronie www Każdy nowy wiersz tabeli definiujemy przez <tr> Każde nowe pole tabeli definiujemy przez <td> Można zdefiniować nagłówek tabeli jako <th> ale nie jest to stosowane w praktyce
42 Możliwe atrybuty tagu <table>: Tabele cd.
43 Możliwe atrybuty tagu <table>: Tabele cd.
44 Możliwe atrybuty tagu <tr>: Tabele cd.
45 Możliwe atrybuty tagu <td>: Tabele cd.
46 Możliwe atrybuty tagu <td>: Tabele cd.
47 Hiperłącze (link) do innej strony Link do innej strony www (zazwyczaj podstrony) zdefiniujemy następująco: Atrybut href określa adres pliku, do którego mamy trafić z aktualnego dokumentu, title zawiera podpowiedź, jaką ujrzymy po najechaniu kursorem na link, zaś ustawienie target= _blank spowoduje otwarcie strony w nowej karcie (oknie) przeglądarki. Aby strona wczytała się w tym samym oknie (zastępując obecną stronę) należy usunąć ten atrybut. Kolory linków można określić w sekcji body lub arkuszu CSS ("vlink" to skrót od "visited link", "alink" to skrót od "active link"):
HTML kurs podstawowy. nagłówek, linia pozioma, obraz, img, ramka, div, tabela, tabel, lista
HTML kurs podstawowy Wykład: język znaczników, atrybuty, XML, XHTML, rodzaje znaczników, wybór edytora, struktura dokumentu, head, title, body, kodowanie, utf-8, iso-8859-2, meta, link, akapit, font, color,
Bardziej szczegółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Bardziej szczegółowouż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ółowoPrzedmiot: 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ółowo2 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ół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ółowoZaawansowana 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ółowoPROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki
Bardziej szczegółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Bardziej szczegółowoFormat 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
Bardziej szczegółowoPodstawowe znaczniki języka HTML.
Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe
Bardziej szczegółowoĆ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ółowoWprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008
Wprowadzenie do HTML, CSS, JavaScript, PHP Kurs 18.11 2008 22 12. 2008 Narzędzia do tworzenia i utrzymania dokumentów web owych Edytory HTML Server WWW i baz danych Przeglądarka internetowa kompilator
Bardziej szczegółowoStruktura 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ółowoWYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I
WYMAGANIA EDUKACYJNE Witryny i Aplikacje Internetowe klasa I Dopuszczający definiuje pojęcia: witryna, portal, wortal, struktura witryny internetowej; opisuje rodzaje grafiki statycznej wymienia i charakteryzuje
Bardziej szczegółowoWymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)
Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie
Bardziej szczegółowoHyper 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
Bardziej szczegółowoHTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop. 2017 Spis treści O autorach 11 Wprowadzenie 13 CZĘŚĆ I ROZPOCZĘCIE PRACY Lekcja 1. Co oznacza publikowanie treści w sieci
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ół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ół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ółowoWprowadzenie 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ółowoWidżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.
Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1
Bardziej szczegółowoTworzenie stron internetowych w oparciu o język HTML
Ćwiczenie 1 Temat: Tworzenie stron internetowych w oparciu o język HTML Cel ćwiczenia: Celem ćwiczenia jest zapoznanie studenta z technologią tworzenia stron internetowych z wykorzystaniem języka HTML.
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ółowoTworzenie Stron Internetowych. odcinek 5
Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja
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ółowoElementarz HTML i CSS
Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych 1 Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych Treść, korekta, skład i oprawa graficzna
Bardziej szczegółowoZakres 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ółowoO stronach www, html itp..
O stronach www, html itp.. Prosty wstęp do podstawowych technik spotykanych w internecie 09.01.2015 M. Rad Plan wykładu Html Przykład Strona www Xhtml Css Php Js HTML HTML - (ang. HyperText Markup Language)
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ół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ółowoPodstawy 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ół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ółowoTekst 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ółowoOdsył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
Bardziej szczegółowo<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5
PODSTAWOWE INFORMACJE HTML (HyperText Mark-up Language) język programowanie, który pozwala na publikowanie treści w sieci WWW. Nie jest to klasyczny język liniowy (w HTML mamy dostęp w każdym miejscu do
Bardziej szczegółowoĆ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ółowoProgramowanie internetowe
Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML
Bardziej szczegółowo5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 013/01 Nr programu: 31[01]/T,SP/MENIS/00.06.1 Okres kształcenia: łącznie ok. 170 godz. lekcyjne Moduł Bok wprowadzający 1. Zapoznanie z programem nauczania i
Bardziej szczegół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ółowoMoż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ółowoWykł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ółowoza 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ółowoTechnologie Informacyjne
Technologie Informacyjne Wykªad 6 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 18 HTML HyperText Markup Language J zyk oparty na znacznikach Opisuje
Bardziej szczegółowoWitryna internetowa. Należy unikać w nazwach plików używania polskich znaków.
HTML Wstęp Język HTML jest uniwersalnym jezykiem wykorzystywanym przy tworzeniu stron internetowych, rozpoznawanym przez wszystkie przeglądarki internetowe niezależnie od producenta. Składa on się z elementów
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ółowoYoung 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
Bardziej szczegółowoTECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.)
TECHNIKI WWW (WFAIS.IF-C125) (zajęcia 12.10.2016 r.) Zajęcia: grupa 2: środa 12:00-13:30 Prowadzący: Dr inż. Marcin Zieliński marcin.zielinski@uj.edu.pl pokój: B-2-33 (Zakład Fizyki Jądrowej) konsultacje:
Bardziej szczegółowoZawartość 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
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ółowoHTML 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ółowo29. Poprawność składniowa i strukturalna dokumentu XML
29. i strukturalna dokumentu XML 13 października 2015 1 2 Poprawny składniowo dokument XML powinien być tworzony zgodnie z poniżej przedstawionymi zasadami. Deklaracja XML Powinien zawierać deklarację
Bardziej szczegółowozmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
Bardziej szczegółowoMoż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ółowoSpecyfikacja 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
Bardziej szczegółowoECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0
ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie
Bardziej szczegółowoProste 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ółowoPrzy 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ółowoTWORZENIE 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
Bardziej szczegółowoURL: http://www.ecdl.pl
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo
Bardziej szczegół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ółowoJę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ółowoE.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści
E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki
Bardziej szczegółowoBazy danych i strony WWW
Bazy danych i strony WWW Obsługa baz danych poprzez strony WWW Niezbędne narzędzia: serwer baz danych np. MySQL serwer stron WWW np. Apache przeglądarka stron WWW interpretująca język HTML język skryptowy
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ółowoZdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.
Style CSS Wstęp Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Podstawową zaletą i zadaniem stylów jest oddzielenie
Bardziej szczegółowork HTML 4 a 5 różnice
rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się
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ółowoJę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)
Bardziej szczegółowoAkademia Techniczno-Humanistyczna w Bielsku-Białej
Akademia Techniczno-Humanistyczna w Bielsku-Białej Wydział Budowy Maszyn i Informatyki Laboratorium z sieci komputerowych Ćwiczenie numer: 8 Temat ćwiczenia: Tworzenie stron WWW (HTML, skrypty CSS). 1.
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ółowoWymagania edukacyjne z przedmiotu: Witryny i aplikacje internetowe. Technik Informatyk
4.1 Projektowanie witryn internetowych klasa II 4.2 Tworzenie witryn internetowych klasa II 4.3 Tworzenie aplikacji internetowych klasa III/ IV Wymagania edukacyjne z przedmiotu: Witryny i aplikacje internetowe.
Bardziej szczegółowo2. 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ółowoStrony WWW - podstawy języka HTML
Strony WWW - podstawy języka HTML Jacek Krzaczkowski 2004 r. HTML (Hyper Text Markup Language) jest językiem opisu dokumentu używanym do tworzenia stron WWW. Znaczniki języka HTML informują przeglądarkę
Bardziej szczegółowoTomasz Grześ. Systemy zarządzania treścią, cz. II
Tomasz Grześ Systemy zarządzania treścią, cz. II Panel administracyjny Panel administracyjny pozwala na zarządzanie wszystkimi elementami pakietu, m.in. zarządzanie użytkownikami, edycję stron, instalowanie
Bardziej szczegółowoZnaczniki 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ółowoPrzewodnik... 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ółowoe-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ółowoModuł 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ółowoKaskadowe arkusze stylów (CSS)
Kaskadowe arkusze stylów (CSS) CSS (Cascading Style Sheets) jest to język opisujący sposób, w jaki przeglądarki mają wyświetlać zawartość odpowiednich elementów HTML. Kaskadowe arkusze stylów służą do
Bardziej szczegółowoWITRYNY I APLIKACJE INTERNETOWE
WITRYNY I APLIKACJE INTERNETOWE TECHNIKUM INFORMATYCZNE wg programu 351203 KLASA II 3 godz. tygodniowo 90 godziny Liczba godzin w cyklu kształcenia 180 rok szkolny 2013/2014 Sylwia Płonka 2. W 1980 fizyk
Bardziej szczegółowoCo to jest html? I.Struktura strony:
Co to jest html? Jak tworzyć strony internetowe? Jest ich przecież w Internecie tysiące, a może nawet miliony. Jednak jedne strony bardziej nam się podobają, inne mniej. Z czego to wynika? Atrakcyjność
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ół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ółowoPodstawy tworzenia stron internetowych
Podstawy tworzenia stron internetowych HTML Wstęp Do edycji stron HTML (Hyper Text Markup Language) można wykorzystać dowolny edytor tekstowy (np. Notatnik) umożliwiający edycję zwykłych plików tekstowych.
Bardziej szczegółowowww.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
Bardziej szczegółowoĆwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp
Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp Najprostszym sposobem utworzenia strony internetowej jest użycie języka HTML.
Bardziej szczegółowoI. Dlaczego standardy kodowania mailingów są istotne?
1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego
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ół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ółowoŹródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385.
Źródła CSS: http://www.csszengarden.com/ XHTML: http://www.xhtml.org/ XML: http://www.w3.org/xml/ PHP: http://www.php.net/ JavaScript: http://devedgetemp.mozilla.org/library/manuals/2000/javas cript/1.5/reference/
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ółowoSzczegółowy opis zamówienia:
Szczegółowy opis zamówienia: Rok 2016 budowa stron w html5 (8h v + 4h ćw) 8 szt. html5 - zaawans. (7h v + 5h ćw) 8 szt. programowania w java script (9h v + 7h ćw) 8 szt. java script zaawans (8h v + 4h
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ółowoprzygotował: mgr Szymon Szewczyk PODSTAWY
S t r o n a 1 PODSTAWY Każdy dokument musi być w całości zawarty między znacznikami - i (większość znaczników musi być odwołana ). Dokument HTML a składa się z dwóch części: - głowy
Bardziej szczegółowoWymagania na poszczególne oceny w klasach 3 gimnazjum
Wymagania na poszczególne oceny w klasach 3 gimnazjum Znaczenie komputera we współczesnym świecie Przypomnienie wiadomości na temat języka HTML Wstawianie tabeli na stronę WWW Wstawianie listy punktowanej
Bardziej szczegółowo