TECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.)
|
|
- Kacper Mazurkiewicz
- 6 lat temu
- Przeglądów:
Transkrypt
1 TECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.) Zajęcia: grupa 2: środa 12:00-13:30 Prowadzący: Dr inż. Marcin Zieliński pokój: B-2-33 (Zakład Fizyki Jądrowej) konsultacje: każdy środa 9:30-10:30 (+ po umówieniu się przez ). strona: - Wykład jest podstawowym źródłem informacji. Ćwiczenia mają charakter pracowni w której będziemy praktycznie wykorzystywać zagadnienia przedstawione na wykładzie, ale może się zdarzyć że ćwiczenia wyporzedzą wykład. - Literatura na stronie w USOS. Tematyka zajęć: A. STRONY STATYCZNE: 1) Statyczny HTML (5) język znaczników: ogólna budowa strony internetowej, głowne sekcje - układ strony, formatowanie tekstu, tworzeni list, osadzanie obrazków, osadzanie treści, tworzenie odnośników, tabele, proste formularze, multimedia,. 2) Wprowadzenie do CSS (3) (Cascading Style Sheets) - kaskadowe arkusze stylów: umiejetnośc stylizacji stron i jej elementów, opis definiowania reguł CSS: selektor + deklaracja. B. STRONY DYNAMICZNE: 1) Wprowadzenie do języka skryptowego JavaScript: składnia języka, zmienne, tworzenie funkcji, instrukcje sterujące i warunkowe, pętle, tablice, oprogramowanie formularzy, klasy, obiekty, integracja HTML i JavaScript, wyrażenia regularne, obsługa zdarzeń. 2) Biblioteka jquery - podstawy i metody wykorzystania. 3) Tworzenie wzorców projektowych MVC (model-view-controller) do organizacji struktury aplikacji internetowej. 4) Node.js - wprowadzenie do środowiska, tworzenie aplikacji w node.js, podejście zdarzeniowe do tworzenia aplikacji, wykorzystanie wzorca MVC do stworzenia pełnodziałejącej aplikacji internetowej. Zasady zaliczenia i projekty zaliczeniowe: Do zaliczenia ćwiczeń (oraz całego kursu) wymagane będzi przygotowanie 3 mini projektów dotyczących poznawanych technologii: 1. HTML5 i CSS3 (strona domowa/wizytówkowa) 2. Pkt. 1 plus Javascript (jquery). (strona tematyczna) 3. Pkt1. 1 plus pkt. 2 plus Node.js + Express + MySQL. (strona tematyczna) Projekty będą stanowić 60% wagi do oceny z egzaminu.
2 1) Podstawowa struktura dokumentu hipertekstowego HTML ( Hiper Text Markap Language) Znacznik służy do kwalifikacji obszaru tekstu (w ogołności dowolnej informacji). Kwalifikacjia polega na umieszczeniu tekstu pomiędzy znacznikiem otwierającym i znacznikiem zamykajacym: <znacznik> Tekst </znacznik> W ogólności znaczniki mogą również posiadac atrubuty któzwalają wpływać i manipluować własnościami znaczników lub przenosić dodatkowe informacje: <znacznik atrybut= " wartość " > Tekst </znacznik> Podstawowa struktura dokumentu HTML (5) wygląda następująco: <!DOCTYPE html> <html lang="pl"> <head> <title> Witamy w HTML 5 </title> <meta charset="utf-8" /> <script src="js_file.js"></script> <link rel="stylesheet" href="css_file.css" /> </head> <body> <!-- Tutaj będą m.in. nowe elementy HTML 5 --> <h1> Witamy w HTML 5 </h1> </body> </html> Elementy zaznaczone na czerwono nie są obowiązkowe, ale obecnie bez nich nie da się stworzyć nowoczesnej witryny internetowej.
3 2) Kodowanie na stronach WWW W celu poprawnego wyświetlania treści dokumentu hipertekstowego należy w nagłówku strony zadeklarować kodowanie czyli. według jakiego schematu komputer ma zapisywać znaki w pamięci. W polsce obowiązującym schematem kodowania jest ten zgodny ze standardem ISO Do prawidłowej deklaracji kodowania używamy tzw. meta-tagów (meta-znaczników): <meta>. W przypadku kodowania znacznik ten ma postać: <meta charset=iso "/> Natomiast obecnie bardzo dobrze sprawdzającym się standardem kodowania jest UTF-8 oparty o system UNICODE. Aby go zadeklarować w dokumencie hipertekstowym należy wpisać: <meta charset=utf-8"/> Aby znaki były poprawnie wyświetlane w dokumencie hipertekstowym używany do jego edycji program musi obsługiwać dany system kodowania!!! 3) Meta-znaczniki (meta-tagi): Meta - Znaczniki pozwalaja na umieszczenie w nagłowku stronu kilku dodatkowych informacji np. o zawartości strony, słowach kluczowych, autorach strony. Informacje te mogą być przydatne np. dla wyszukiwarek. Chociaż obecnie wyszukiwarki poza przeszukiwaniem zawartośc meta-tagów skupiają się również na zawartości samej strony i prawidłowym osadzeniu np. znaczników <h1>. Dla porządku podajemy jak powinny wyglądać trzy najważniejsze meta-znaczniki: <meta name="description" content="ta strona zawiera informacje o HTML" /> <meta name="keywords" content="html, XHTML, JavaScript, PHP, MySQL" /> <meta name="author" content="jan Kowalski"> 4) Znaki specjalne na stronie internetowej Gdy bezpośrednio w treści elementu <body> wpisać znak większości lub mniejszości przeglądarka nie zwróci błędu, a nawet wyświtli wpisany znak. Jednak jest to nieprawidłowe z punktu widzenia składni HTML. Dla prawidłowego wyświetlania znaków zarezerwowanych dla składni jezyka HTML używa się tzw. encji. Encje reprezentują odpowiedni znak. Postać ogólna encji jest następująca: & tekst ; gdzie tekst jest odpowiedni dla reprezentacji danego znaku. Encji można używać w dowolnym tekście na stronie gdzie zachodzi potrzeba wstawienia znaku specjalnego. Przykłądy najczęściej uzywanych encji: - twarda spacja " - cudzysłów informatyczny < - znak mniejszości > - znak większości - prawa autorskie - znak towarowy & - ampersand & - pałza - długa pauza
4 5) Podstawowe znaczniki: Podstawowe nowe znaczniki ułatwiajace tworzenie struktury / konspektu strony: <header> - do wyodrębnienia nagłowka strony <nav>, - do wyodrębnienia nawigacji strony <article> - do wyodrębnienia części strony - np post na blogu <section>, - też do grupowania treści <footer>, - do tworzenia stopki <aside> - do tworzenia treści dodatkowej (np. prawa kolumna) <span> - Element liniowy o wymiarze X. <div> - Element blokowy na stronie o wymiarach X-Y <h1> - Tytuł paragrafu/artykułu sekcji, występują również <h2> <h3> <hn> - różnią się wielkością czcionki. <center > - wyśrodkowanie <hr> - linia pozioma na całej szerokości elementu Formatowanie tekstu: <b> - pogrubienie tekstu <i> - pochylenie tekstu <u> - podkreślenie tekstu <p> - obszar akapitu (paragrafu) <br> - znak przejścia do nowej linii (obecnie uzywanie tych znaczników nie jest zalecane, jednak na początek i dla szybkiego sprawdzenia można się nimi posugiwać) Tworzenie list uporządkowanych (nienumerowane): <ul> <li> Pozycja 1 </li> <li> Pozycja 2 </li> </ul> Przy listach uporządkowanych nie numerowanych można zdecydować jaki typ symbolu ma być widoczny przy danej pozycji listy np. <ul type="disc"> - pełne koło (domyslny), <ul type="circle"> - puste koło, <ul type="square"> - kwadrat. Listy numerowane indeksem naturalnym (1.N): <ol> <li> Pozycja 1 </li> <li> Pozycja 2 </li> </ol> Osadzanie na stronie grafiki: <img alt= " tekst " src= " obrazek.png " /> Gdzie nazwa " obrazek.png " jest odnośnikiem wskazującym na plik z grafiką - to może być to wskazanie na zasób lokalny lub zdalny (link url). 6) Odnośniki na stronach (hiperłącza): Hiperłączą są jednym z najważniejszych elementów każdej strony internetowej, pozwalają na łaczenie ze sobą odpowiednich elementów i tworzenie struktury powiązanych ze soba
5 treści. Znacznikiem który pozwala na tworzenie hiperłącz jest: <a href="link.html"> Tekst odnośnika (lub obrazek) </a> Ścieżki w atrybucie href mogą być względne lub bezwzględne. Jeśli odnośimy się do łącza zewnętrznego to podajemy ścieżkę bezwzględną np. href= Natomiast jeśli odnosimy się do treści we własnej witrynie (domenie) to używamy ścieżek względnych (podobnie jak w systemie linux): np href=../doc/plik.pdf. Odnośnik może poza kierowaniem do innej witryny za pomoca adresu URL, może również kierować do usługi ftp, lub poczty elektronicznej. Odpowiednie postacie takich odnośników to: <a href=" "> Link do strony UJ </a> <a href="ftp://serwerftp.pl"> Link do serwera FTP </a> <a href=" mailto:m.zielinski@uj.edu.pl "> m.zielinski@uj.edu.pl <a> Hiperłącza pozwalają również na poruszanie się wewnątrz danej witryny za pomocą tzw. Etykiet (często też nazywanych kotwicami). Służą do przechodzenia pomiędzy treściemi w ramach tej samej strony lub tej samej domeny. W celu użycia etykiety należy nią oznaczyć dany obszar witryny do którego chcemy kierować. Następnie w innej części witryny musimy umieścić łącze do tej etykiety. Takie zastosowanie przejść pomiędzy elementami danej witryny pozwala nam np. na uniknięcie zbędnego przewijania tekstu. Użycie kotwicy jest następujące: <a name="nazwaetykiety"> Obszar do zaznaczenia etykietą </a> Odnośnik do kotwicy w ramach tej samej strony tworzymy przez: <a href="#nazwaetykiety"> Hiperłącze do etykiety </a> Natomiast w obszarze tej samej witryny ale innej strony używamy: <a href="strona1.html#nazwaetykiety"> Etykieta na innej podstronie </a> 7) Rozszerzona struktura strony w HTML5 wraz z elementami nawigacji: <!DOCTYPE html> <html lang="pl"> <head> <title> Witamy w HTML 5 </title> <meta charset="utf-8" /> <style rel="stylesheet"> article, aside, nav {display: block;} article, aside {float: left;} article {width: 500px;} nav {width: 200px;} </style> </head> <body> <!-- Tutaj będą m.in. nowe elementy HTML 5 --> <article> <header> <img alt="html 5" src="logo-small.gif" width="200" height="40" /> <h1> Witamy w HTML 5 </h1> </header>
6 <p style="font-family: Arial;"> <span class="html"> HTML 5 </span> oferuje wiele nowych możliwości. Jednak minie trochę czasu, zanim możliwości te będą w pełni dostępne. </p> <footer> <small> Projekt HTML 5 </small> </footer> </article> <aside> <h2> Polecane linki </h2> <nav> <ul> <li><a href="#"> Strona główna </a></li> <li><a href="#"> O witrynie </a></li> <li><a href="#"> Projekt </a></li> <li><a href="#"> Wiadomości </a></li> <li><a href="#"> Kontakt </a></li> </ul> </nav> </aside> </body> </html>
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowoW ogólności znaczniki mogą również posiadać atrybuty które pozwalają wpływać i manipulować własnościami znaczników lub przenosić dodatkowe informacje:
Projektowanie aplikacji internetowych (zajęcia 6.03.2017 r.) Zajęcia: grupa 3: środa 16:00-17: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ół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ół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ółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
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ół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ół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ół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ół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ół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ółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
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ół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ół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ółowoSierpień 2015 rozwiązanie plik: index.htlm
Sierpień 2015 rozwiązanie plik: index.htlm strona główna //ustalamy położenie wyświetlania
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ół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ół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ół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ół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ółowoXHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.
XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).
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ół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ół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ół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ółowoImię, nazwisko i tytuł/stopień KOORDYNATORA (-ÓW) kursu/przedmiotu zatwierdzającego protokoły w systemie USOS Dr Adam Naumowicz
SYLLABUS na rok akademicki 01/013 Tryb studiów Studia stacjonarne Kierunek studiów Informatyka Poziom studiów Pierwszego stopnia Rok studiów/ semestr II/4 Specjalność Bez specjalności Kod katedry/zakładu
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ół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ół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ół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ół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ół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ółowoPROGRAMOWANIE. 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
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ół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ół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ół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ółowoM o d e r n i z a c j a k s z t a ł c e n i a z a w o d o w e g o w M a ł o p o l s c e. Godziny szkolenia (od do) Ilość godzin. Liczba uczestników
Lp. 1. Data 05.05.2014 2 06.05.2014 3 12.05.2014 4.05.2014 5 19.05.2014 6 20.05.2014 7 22.05.2014 8 26.05.2014 9 02.06.2014 Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych)
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ółowoWitryny i aplikacje internetowe
Program nauczania Witryny i aplikacje internetowe technik informatyk 351203 Treści nauczania Lp. Temat Liczba Efekty kształcenia godzin 1. HTML hipertekstowy język znaczników 30 1. Składnia języka HTML
Bardziej szczegółowoHarmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II
Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II Lp. 1. Data 05.05. Tematyka zajęć z zaznaczeniem zajęcia teoretyczne/zajęcia praktyczne modułu 7: Przeglądanie stron
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ół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ół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ół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ół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ół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ółowoHTML5 Nowe znaczniki header nav article section aside footer
Specyfikacja HTML5 wprowadza nowe znaczniki pozwalające w łatwy i intuicyjny sposób budować szkielet strony, który przez zmniejszenie ilości kodu jest czytelniejszy i łatwiejszy w utrzymaniu, pozwala poza
Bardziej szczegółowoAUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ
Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa
Bardziej szczegół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ółowoPodstawy (X)HTML i CSS
Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z
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ółowoTechniki WWW. (HTML, CSS, JavaScript) Dr inż. Marcin Zieliński WYKŁAD 3. Środa 15:30-17:00 sala: A-1-04
Techniki WWW (HTML, CSS, JavaScript) Dr inż. Marcin Zieliński WYKŁAD 3 Wykład dla kierunku: Informatyka Stosowana II rok Rok akademicki: 2016/2017 - semestr zimowy Środa 15:30-17:00 sala: A-1-04 Przypomnienie
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ół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ółowoXHTML Budowa strony WWW
XHTML Budowa strony WWW Wydział Fizyki Politechnika Warszawska 2019 dr inż. Marzena Sala-Tefelska Założenie strony www na serwerze student 1. Tworzymy główny plik o nazwie index.html (plik tekstowy). UWAGA!:
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ółowoWstęp... 2. Plik index.htm... 2. Plik zaglowce.htm... 6. Plik uprawnienia.htm... 8. Plik bezpieczeństwo.htm... 9. Plik szanty.htm...
ZAWARTOŚĆ INSTRUKCJI Wstęp... 2 Plik index.htm... 2 Plik zaglowce.htm... 6 Plik uprawnienia.htm... 8 Plik bezpieczeństwo.htm... 9 Plik szanty.htm... 11 Połączenie podstron w witrynę... 11 Zobacz podgląd
Bardziej szczegółowoWitryny i aplikacje internetowe. mgr inż. Remigiusz Pokrzywiński
Witryny i aplikacje internetowe mgr inż. Remigiusz Pokrzywiński Podstawowe pojęcia dotyczące stron internetowych Strona internetowa, strona WWW (ang. web page) dokument HTML udostępniony w Internecie przez
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ółowoDokument hipertekstowy
Dokument hipertekstowy Laboratorium 3 Struktura semantyczna i formularze mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Design stackoverflow.com Design coursesweb.net Design accessibleculture.org
Bardziej szczegółowoSpecyfikacja mailingu GG Network
Specyfikacja mailingu GG Network Styczeń 2012 2 Mailing założenia ogólne Do wysłanego mailingu konieczne jest dostarczenie: kreacji typu HTML (do 30 kb); tematu mailingu; nadawcy mailingu; danych reklamodawcy
Bardziej szczegół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ół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ół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ół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ół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ół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ółowoPROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ
PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ Systemy baz danych 1. 2 Wstęp do baz danych 2. 2 Relacyjny model baz danych. 3. 2 Normalizacja baz danych. 4. 2 Cechy
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ół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ółowoMailingi HTML. Specyfikacja techniczna
Mailingi HTML Specyfikacja techniczna Informacje wstępne Grupa Morizon S.A. zastrzega sobie prawo do odmowy emisji materiałów reklamowych bez podania przyczyny, w szczególności gdy ich jakość techniczna
Bardziej szczegółowoHTML 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ół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ółowoSystemy internetowe HTML
Systemy internetowe HTML West Pomeranian University of Technology, Szczecin; Faculty of Computer Science Kwestie organizacyjne Obecność na wykładach nieobowiązkowa Obecność na laboratoriach obowiązkowa
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ółowoNowoczesne Technologie WWW
INP002295W Test zaliczeniowy A 10.06.2016 Nowoczesne Technologie WWW 1. Napisz szablon poprawnej i responsywnej strony HTML5 w polskiej wersji językowej:
Bardziej szczegółowoProjekty z Technologii Informacyjnych
Projekty z Technologii Informacyjnych Zad. 1. Opracuj prezentację w programie PowerPoint lub podobnym na zadany temat. Prezentacja powinna być przeznaczona do prezentowania w czasie ok. 10 minut. Zad.
Bardziej szczegółowoKurs 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
Bardziej szczegółowoHTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.
Dokumenty HTML5 Każda przeglądarka dostępna na rynku obsługuje HTML5 w różnym stopniu. Możesz sprawdzić swoją testerem dostępnym pod adresem (http://html5test.com). HTML5 wprowadza cały zestaw zupełnie
Bardziej szczegółowoInnowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY
Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY 1. Informacje o innowacji Nazwa szkoły: Zespół Szkół w Choroszczy Etap edukacyjny: Szkoła Podstawowa, klasy 4-6 Tytuł innowacji: Pasja
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ółowoPROJEKTOWANIE STRON WWW W4
Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW dr inż. Robert Banasiak PROJEKTOWANIE STRON WWW W4 ODNOŚNIKI PSEUDOKLASY
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ółowoRozwiązania zadań EGZAMINACYJNYCH- WITRYNY
Rozwiązania zadań EGZAMINACYJNYCH- WITRYNY Zadanie maj 2015 rok Wykonaj zestaw grafik oraz stronę internetową dla zespołów medycznych zgodnie z wymaganiami dotyczącymi bazy danych, grafiki i strony internetowej.
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ółowoOdnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych
odnośniki Część 3 Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych dokumentów niezależnie od ich umiejscowienia
Bardziej szczegółowo<ul> <ul> </ul> </ul>
Tworzenie list z CSS namiot materac latarka mapa koc namiot materac latarka mapa koc Lista (wykaz) umożliwia tworzenia uszeregowanych grup informacji
Bardziej szczegółowoHTML, Javascript, CSS oraz Bootstrap
HTML, Javascript, CSS oraz Bootstrap Adresaci szkolenia: Kurs przeznaczony jest dla programistów pragnących poszerzyć swoje kompetencje w zakresie tworzenia aplikacji webowych. W ramach szkolenia zostaną
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ółowoOdsyłacze (inaczej: hiperłącza, łącza hipertekstowe, odnośniki, linki) Najbardziej charakterystycznym elementem dokumentów w światowej sieci World
Temat: Odsyłacze. Odsyłacze (inaczej: hiperłącza, łącza hipertekstowe, odnośniki, linki) Najbardziej charakterystycznym elementem dokumentów w światowej sieci World Wide Web. Odsyłacze Umożliwiają za pomocą
Bardziej szczegółowoĆ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
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ółowoJęzyki programowania wysokiego poziomu. HTML cz.1.
Języki programowania wysokiego poziomu HTML cz.1. Struktura dokumentu html Dokument HTML ma postać:
Bardziej szczegółowoSzczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem
HTML (ang. Hyper Text Markup Language) jest to język znaczników używany do tworzenia stron internetowych. Obecnie stosowane są dwie wersje tego języka: HTML 4.01, która obowiązuje już od dawna, oraz HTML5,
Bardziej szczegółowoJeśli dodamy jakieś parametry stylów dla poszczególnych DIV-ów, np.: <div style="float: left">pierwsza treść, zdjęcie, tabele lub cokolwiek </div>
Wykorzystanie znacznika DIV. Znacznik można nazwać blokiem, sekcją, zasobnikiem, pudełkiem, w którym umieszczamy dowolną treść. Poszczególne DIVy można dowolnie umieszczać na stronie, względem siebie
Bardziej szczegółowo