prowadzący dr ADRIAN HORZYK /~horzyk Konsultacje paw. D-13/325D
|
|
- Henryka Mazurek
- 7 lat temu
- Przeglądów:
Transkrypt
1 INTERNET i PROJEKTOWANIE STRON WWW LABORATORIUM 1. prowadzący dr ADRIAN HORZYK home.agh.edu.pl/~ /~horzyk horzyk@agh agh.edu.pl tel.: Konsultacje paw. D-13/325D
2 ZBUDOWANIE STRONY BIURA PODRÓŻY Korzystając z materiałów z wykładu proszę o: Zbudowanie menu serwisu (menu.html) Kilku stron ofert biura (ofertax.html) Zbudowanie strony opisującej firmę (firma.html) Dodanie układu ramek (index.html) Dodanie arkusza stylów (style.css) Opublikowanie w Internecie (przez FTP) Zapisanie sobie strony na swoim koncie FTP lub pen-drive, żeby można było stronę wykorzystać na następnych zajęciach!
3 ZBUDOWANIE MENU SERWISU 1. Wykorzystanie tabel do zbudowania menu Można wykorzystać kreator tabel lub stworzyć tabelę wg poniższego wzoru: <TABLE> <TR> <TD ROWSPAN= 2 >Wczasy nad morzem</td><td> Bałtyk </TD></TR> <TR> <TD> Adriatyk </TD></TR> <TR> <TD ROWSPAN= 3 > Wczasy w górach </TD><TD> Beskidy </TD></TR> <TR> <TD> Bieszczady </TD></TR> <TR> <TD> Tatry </TD></TR> </TABLE> 2. Dodanie odnośników hipertekstowych do poszczególnych pozycji menu, np.: <A HREF= Adriatyk.html > Adriatyk </A> 3. Można pokolorować pozycje tabeli, zmienić marginesy, tło itp. (wiz. wykład) 4. Menu serwisu zapisujemy w pliku menu.html
4 ZBUDOWANIE STRON Z OFERTAMI 1. Stworzenie nowych plików (np. Adriatyk.html) 2. Przygotowanie ofert biura podróży w związku z wyjazdem np. nad Adriatyk 3. Zatytułowanie oferty z wykorzystaniem nagłówków np.: <H1> OFERTA WYJAZDU NAD ADRIATYK </H1> 4. Ściągnięcie z Internetu zdjęć Adriatyku i umieszczenie ich w ofercie np.: <IMG SRC= ZdjęcieAdriatyku1.gif > 5. Wymienienie szczegółów, zalet, warunków, ceny itp. danej oferty z wykorzystaniem wykazów punktowanych lub numerowanych np.: <UL> <LI> Cena wynosi od 2540zł od osoby </LI> </UL> 6. Można wykorzystać wykazy zagnieżdżone i budować rozbudowane wykazy, np.: <UL> <LI> CENA: <UL> <LI> w hotelu wynosi 2540zł </LI> <LI> w domku wynosi 1980zł</LI> </UL> </LI> </UL> 7. Zmiana formatu wyświetlanych elementów, np.: <UL TYPE=circle> 8. Rozmieszczenie elementów oferty na ekranie z wykorzystaniem tabel 9. Wykorzystanie odnośników hipertekstowych do przedstawienia stron w Internecie opisujących dane miejsce, np.: <A HREF= Adriatyk.html > Adriatyk </A> 10. Dodanie tabel, paragrafów, zdjęć itp. z dodatkowymi informacjami...
5 DODANIE UKŁADU RAMEK 1. Dodanie układu ramek korzystając z kreatora lub wpisując bez niego: <!doctype html public "-//w3c//dtd html 4.01 frameset//en" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <frameset cols="100,*"> <frame name="menu" src="menu.html" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"> <frameset rows="77,*"> <frame name="firma" src="firma.html" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"> <frame name="oferty" src="adriatyk.html" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"> <noframes>niestety, Twoja przeglądarka nie obsługuje ramek lub ich obsługa została wyłączona. Sugerujemy włączenie obsługi ramek lub zainstalowanie nowszej wersji przeglądarki. Tymczasem możesz zajrzeć na stronę w wersji bez ramek, która znajduje się <a href=" Zapraszamy! </noframes> </frameset> <noframes>niestety, Twoja przeglądarka nie obsługuje ramek lub ich obsługa została wyłączona. Sugerujemy włączenie obsługi ramek lub zainstalowanie nowszej wersji przeglądarki. Tymczasem możesz zajrzeć na stronę w wersji bez ramek, która znajduje się <a href=" Zapraszamy! </noframes> </frameset> </html> 2. Zapisanie układu ramek w pliku index.html
6 DODANIE ARKUSZA STYLÓW 1. Dodanie stylu jako atrybutu znacznika: <p style= font-family: sans-serif ; color: red; font-size: 16pt > zawartość paragrafu </p> 2. Dodanie stylów w nagłówku dokumentu: <head> <style type= text/css > selektor { właściwość: wartość; inna-właściwość: inna-wartość } body {font-family: Arial, Helvetica; font-size: 12pt} ul {font-family: Times New Roman, Times} p { font-family: sans-serif ; color: red; font-size: 16pt} </style> </head> 3. Dodanie zebranych stylów w oddzielnym pliku style.css: selektor { właściwość: wartość; inna-właściwość: inna-wartość } p { font-family: sans-serif ; color: red; font-size: 16pt } <head> i dołączenie go do nagłówka dokumentu, w którym style mają być zastosowane: <link rel="stylesheet" href= style.css"> <!-- wersja dla HTML --> </head>
7 ZASTOSOWANIE KLAS STYLÓW Jeśli chcemy zdefiniować kilka różnych stylów na stronie dla jednego znacznika warto się posłużyć klasami stylów, tworząc np.: <head> <style> h1.czerwony { color: red } h1.zielony { color: green } h1.niebieski { color: blue } </style> </head> <body> <h1>nagłówek ten jest w kolorze domyślnym</h1> <h1 class= czerwony >Nagłówek ten jest w kolorze czerwonym.</h1> <h1 class= zielony >Nagłówek ten jest w kolorze zielonym.</h1> <h1 class= niebieski >Nagłówek ten jest w kolorze niebieskim.</h1> </body> Przecinek służy do oddzielania poszczególnych wartości danej właściwości stylu, zaś średnik do oddzielania poszczególnych właściwości stylów.
8 STWORZENIE KLAS STYLÓW DLA <P> Analogicznie możemy sobie zdefiniować klasy stylów dla różnych typów paragrafów następująco: następująco: <style> p.glowny { font-family: Times New Roman; font-size: 14pt } p.notka { font-family: Arial, Helvetica; font-size: 10pt } </style> wtedy w tekście zmieniamy styl elementu <p> poprzez zmianę jego atrybutu klasy: <p class= glowny >...</p> <p class= notka >... </p> Można też stworzyć klasę uniwersalną, która nie jest przypisana żadnemu konkretnemu znacznikowi i przypisana żadnemu konkretnemu znacznikowi i może być zastosowana w każdym elemencie na ana żadnemu konkretnemu znacznikowi i może być zastosowana w każdym elemencie na stronie, np.: a w każdym elemencie na stronie, np.: m elemencie na stronie, np.: le> l, Helvetica; font-size: 10pt } ca; font-size: 10pt }
9 OPUBLIKOWANIE STRON W INTERNECIE 1. Korzystając z WinSCP lub TotalComandera połączyć się ze swoim kontem za pośrednictwem swojego loginu i hasła otrzymanego na zajęciach z UNIXa 2. W katalogu głównym swojego konta stworzyć folder o nazwie public_html 3. Do w/w katalogu przegrać wszystkie pliki. 4. Uruchomić Windows Internet Explorer 5. W oknie przeglądarki wpisać nazwę swojego konta wraz z adresem sieciowym, np Sprawdzić, czy serwis działa prawidłowo 7. Poprawić działanie serwisu poprzez uzupełnienie i upiększenie dodatkowych elementów...
10 ZAPISANIE SOBIE STRONY! Proszę o zapisanie sobie strony na swoim koncie FTP np. poprzez opublikowanie strony w katalogu public_html lub na pen-drive tak, żeby można było wykorzystać ją na następnych ćwiczeniach! Proszę na następne zajęcia zabrać swój login i hasło do konta na serwerze AGH (konta stworzonego na zajęciach z UNIXa), gdyż bez niego nie uda nam się dodać elementy interaktywne do strony napisane w JavaScript, PHP, MySQLu itp. Dziękuję za aktywny udział w zajęciach!
11 LITERATURA i ODNOŚNIKI 1. Elizabeth Castro, Po prostu HTML, XHTML i CSS, Wydanie VI, HELION, ISBN: , Gliwice, David Crowder, Rhonda Crowder, Tworzenie stron WWW. Biblia, Wydanie I, ISBN , Helion, Gliwice, Elisabeth Freeman & Eric Freeman, Head Frist HTML with CSS & XHTML, Helion, ISBN: /8, Gliwice, Todd Stauffer, Kurs tworzenia stron internetowych, Helion, ISBN: , Wydanie I, Gliwice, Wikipedia, 6. Jeffrey Zeldman, Projektowanie serwisów WWW. Standardy sieciowe., Wydanie II, Helion, ISBN: , Gliwice, 2007.
prowadzący dr ADRIAN HORZYK /~horzyk e-mail: horzyk@agh Konsultacje paw. D-13/325D
INTERNET i PROJEKTOWANIE STRON WWW LABORATORIUM 3. prowadzący dr ADRIAN HORZYK http://home home.agh.edu.pl/~ /~horzyk e-mail: horzyk@agh agh.edu.pl tel.: 012-617 617-4319 Konsultacje paw. D-13/325D JavaScript
Bardziej szczegółowoW z W a z leż e n ż ości c od s topnia z a z awa w nsowa w nia zb z uduj: Otwórz EdHTMLa lub Pajączka
INTERNET i PROJEKTOWANIE STRON WWW LABORATORIUM 1. z tworzenia stron WWW w XHTML 1.0 Transitional i CSS 1.0 prowadzący dr ADRIAN HORZYK http://home.agh.edu.pl/~horzyk e-mail: horzyk@agh.edu.pl tel.: 012-617
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ół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ół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ół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ółowoProgramowanie w Internecie
Programowanie w Internecie Paweł Kasprowski pawel@kasprowski.pl Aplikacja internetowa Definicja: Aplikacja uruchamiana na serwerze WWW komunikująca się z użytkownikiem za pomocą przeglądarki internetowej
Bardziej szczegółowoTest z przedmiotu. Witryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Tylko jedna odpowiedź jest poprawna!!! Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegółowoWstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy
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ółowoStyle zewnętrzne <link rel= stylesheet href= style.css />
Znacznik jest największym nagłówkiem, a najmniejszym. Przykład nagłówek stopnia pierwszego nagłówek stopnia drugiego nagłówek stopnia trzeciego nagłówek
Bardziej szczegółowo[HTML I XHTML ĆWICZENIE 0] dr Artur Bartoszewski
I. Znaczniki Jeśli wyświetlisz kod źródłowy strony WWW, zobaczysz, że zawiera on szereg poleceń języka HTML umieszczonych w nawiasach kątowych. Twory te noszą nazwę znaczników. Znaczniki informują przeglądarkę,
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ółowoDokument hipertekstowy
Dokument hipertekstowy Laboratorium 2 Podstawy HTML mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie podstawowych elementów HTML stworzenie strony ćwiczenie zadanie domowe Konstrukcja
Bardziej szczegółowoDanuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu
Bardziej szczegół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ół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ółowoTechnologie Informacyjne lista nr 5.
dr inż. Roman Ptak roman.ptak.staff.iiar.pwr.wroc.pl Technologie Informacyjne lista nr 5. Ver. 2.0 Zadanie. Proszę w arkuszu kalkulacyjnym zredagować dokumenty według poniższych poleceń z zadań 1 5. Kolejne
Bardziej szczegółowoĆwiczenie 9 - CSS i wstawianie CSS
Ćwiczenie 9 - CSS i wstawianie CSS Wprowadzenie: Od tego ćwiczenia zajmować się będziemy CSS czyli Kaskadowymi Arkuszami Stylów (Cascading Style Sheets). CSS stanowią uzupełnienie dla HTML-a. HTML odpowiada
Bardziej szczegół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ół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ół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ółowoPodstawy HTML. Dr inż. Arkadiusz Majewski
Podstawy HTML Dr inż. Arkadiusz Majewski Zasady tworzenia stron www 1. Informacyjna piramida Nie przeładowywać home page (pierwszej Stronicy Strony). Powinna być ona przejrzysta i prezentować ogólne i
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ółowoI. Menu oparte o listę
I. Menu oparte o listę We wcześniejszych przykładach założyliśmy, że menu posiada tylko jeden poziom nawigacji. Czasem jednak jeden poziom nie wystarczy za pomocą list elementów oraz kaskadowych arkuszy
Bardziej szczegół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ół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ół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ółowoJAK POŁĄCZYĆ HTML I CSS?
IDEA ARKUSZY STYLÓW CSS Skrót CSS pochodzi od angielskiej nazwy Cascading Style Sheets, co tłumaczy się jako kaskadowe arkusze stylów. Język CSS łączy się z językiem HTML i służy do określania wyglądu
Bardziej szczegółowoPodstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}
Kaskadowe arkusze stylów (CSS) W trakcie projektowania własnego serwisu w języku HTML napotkamy problem z określeniem precyzyjnego pozycjonowania tekstu i grafiki oraz elastycznym formatowaniem tekstu.
Bardziej szczegółowoMultimedia. Główne składowe DHTML a DHTML HTML. CSS (Cascading Style Sheets kaskadowe arkusze stylów) JavaScript
Multimedia DHTML mgr inż. Piotr Odya piotrod@sound.eti.pg.gda.pl Główne składowe DHTML a HTML CSS (Cascading Style Sheets kaskadowe arkusze stylów) JavaScript 1 DOM Obiektowy Model Dokumentu drzewiasta
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ół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ółowoO HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl
O HTML R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl HTML! HTML jest skrótem od Hyper Text Markup Language. Jest to kolejny język opisu strony dotyczący
Bardziej szczegółowoSIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE
Politechnika Gdańska Wydział Elektrotechniki i Automatyki Katedra Inżynierii Systemów Sterowania SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Temat: Prosty serwis internetowy oparty o zestaw powiązanych
Bardziej szczegółowoJęzyk HTML. Elementy projektowania stron WWW. Część 2. Idea języków znakowania. Znakowanie znaczeniowe i typograficzne. dr inŝ.
Język HTML Elementy projektowania stron WWW Część 2 dr inŝ. Tomasz Traczyk Języki znakowania Znakowanie znaczeniowe i typograficzne Budowa dokumentu HTML Przegląd znaczników HTML Arkusze stylistyczne Narzędzia
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ółowoTworzenie Stron Internetowych. odcinek 6
Tworzenie Stron Internetowych odcinek 6 CSS kaskadowe arkusze stylów CSS (Cascading Style Sheets), czyli Kaskadowe Arkusze Stylów "stylów" "arkusze" Reguły opisujące wygląd dokumentu opisanego za pomocą
Bardziej szczegółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowoAplikacje internetowe
Temat: Język HTML i style CSS Aplikacje internetowe Pracownia specjalistyczna, studia podyplomowe, rok 2011/2012 1. Stwórz formularz HTML pozwalający na rejestrację użytkownika w aplikacji internetowej.
Bardziej szczegółowoKaskadowość 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
Bardziej szczegółowoŚrodki dydaktyczne: tablica, komputer (z Notatnikiem i przeglądarką www) pliki ramkapion.zip, ramkapoziom.zip, zagniezdzenieramek.zip.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Zastosowanie ramek w tworzeniu
Bardziej szczegół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ółowoTworzenie stron WWW. Ilustrowany przewodnik. Wydanie II
Idź do Spis treści Przykładowy rozdział Katalog książek Katalog online Zamów drukowany katalog Twój koszyk Dodaj do koszyka Cennik i informacje Zamów informacje o nowościach Zamów cennik Czytelnia Fragmenty
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ół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ółowoAplikacje WWW - laboratorium
Aplikacje WWW - laboratorium HTML + CSS Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej składającej się z zestawu stron w języku HTML. Ćwiczenia można wykonać na dowolnym komputerze,
Bardziej szczegółowoPo zrealizowaniu materiału student będzie w stanie korzystać z usługi RSS oferowanej na stronach www utworzyć kanał RSS na stronie www
Po zrealizowaniu materiału student będzie w stanie korzystać z usługi RSS oferowanej na stronach www utworzyć kanał RSS na stronie www 2 1 Specyfikacja RSS http://www.rss-specifications.com/rss-specifications.htm
Bardziej szczegółowoOPIS PROGRAMU OBSŁUGI STEROWNIKÓW INTECONT >> WAGMASTER << >> INTECONT <<
OPIS PROGRAMU OBSŁUGI STEROWNIKÓW INTECONT >> WAGMASTER > INTECONT
Bardziej szczegółowoOdsył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
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ółowoUkłady witryn internetowych
1. CEL ĆWICZENIA Celem ćwiczenia jest zapoznanie się z możliwościami kaskadowych arkuszy stylów CSS w zakresie kontrolowania położenia elementów na stronie. 2. MATERIAŁ NAUCZANIA W normalnym układzie opartym
Bardziej szczegółowoPrzepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania
HTML & CSS 1 Przepis Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy
Bardziej szczegół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ółowoSpecyfikacja standardów technicznych
SPECYFIKACJĘ DOSTOSOWANĄ DO PAŃSTWA POTRZEB DOSTARCZA Specyfikacja standardów technicznych E- mailing Video e- mailing Real- time e- mailing Video Landing Page Wersja z dn. 11.03.2016 r. Spis treści 1.
Bardziej szczegółowoKró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
Bardziej szczegółowoTechnologie Internetu HTML. Aleksander Denisiuk. denisjuk@pja.edu.pl
Technologie Internetu HTML Aleksander Denisiuk denisjuk@pja.edu.pl Polsko-Japońska Akademia Technik Komputerowych Wydział Informatyki w Gdańsku ul. Brzegi 55 80-045 Gdańsk Technologie Internetu p. 1 HTML
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ółowoprowadzący dr ADRIAN HORZYK /~horzyk e-mail: horzyk@agh Konsultacje paw. D-13/325D
INTERNET i PROJEKTOWANIE STRON WWW LABORATORIUM 2. prowadzący dr ADRIAN HORZYK http://home home.agh.edu.pl/~ /~horzyk e-mail: horzyk@agh agh.edu.pl tel.: 012-617 617-4319 Konsultacje paw. D-13/325D PHP
Bardziej szczegółowoSpis treści. Część I Elementarz... 17
Spis treści Rozdział 1. Wprowadzenie... 13 Dla kogo jest ta książka?... 13 Jak czytać tę książkę?... 14 Testowanie stron WWW... 14 Edycja kodu XHTML... 15 Część I Elementarz... 17 Rozdział 2. Składnia
Bardziej szczegółowoefaktura walidator Instrukcja integracji komponentów webowych v2012.04.11
efaktura walidator Instrukcja integracji komponentów webowych v2012.04.11 Syriusz sp. z o.o. Rzeszów 2012 EFAKTURA INSTRUKCJA INTEGRACJI KOMPONENTÓW WEBOWYCH str. 2 Spis treści 1. Informacje ogólne...3
Bardziej szczegółowoEdytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy OpenOffice to darmowy zaawansowany pakiet biurowy, w skład którego wchodzą następujące programy: edytor tekstu Writer, arkusz kalkulacyjny Calc, program do tworzenia
Bardziej szczegółowoWorld Wide Web. Materiały szkoleniowe opracowane przez: Centrum Szkoleń Informatycznych VEDIUS
Materiały szkoleniowe opracowane przez: World Wide Web Centrum Szkoleń Informatycznych VEDIUS Spis treści Wybierz blok tematyczny Wprowadzenie Style CSS HTML Grafika na www XHTML Formularze Projektowanie
Bardziej szczegółowoWykład 2_1 TINT. Kaskadowe arkusze stylu Wprowadzenie, formatowanie tekstu, czcionki. Zofia Kruczkiewicz
Wykład 2_1 TINT Kaskadowe arkusze stylu Wprowadzenie, formatowanie tekstu, czcionki Zofia Kruczkiewicz 1. Wprowdzenie Kaskadowe arkusze stylów CSS element dynamiczny języka HTML (DHTML) Kaskadowe arkusze
Bardziej szczegółowoInstalacja przeglądarki FIREFOX OnLine FRSE KROK PO KROKU
Program Uczenie sie przez całe życie Comenius Partnerskie Projekty Szkół Instalacja przeglądarki FIREFOX OnLine FRSE KROK PO KROKU Do rejestracji w systemie OnLine wymagane jest: Przeglądarka Firefox -
Bardziej szczegółowoInstrukcja krok po kroku Konfiguracja Windows. Strona 2 z 14
Wstęp Instrukcja krok po kroku Konfiguracja Windows. Strona 1 z 14 Temat: Konfiguracja Windows Ćw. 1 W systemach Windows jest wiele poleceń uruchamiających elementy (aplety) Panelu sterowania lub polecenia
Bardziej szczegółowo1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA. Scenariusz lekcji. 2.1 Wiadomości: 2.2 Umiejętności: Scenariusz lekcji
Scenariusz lekcji 1 TEMAT LEKCJI: Formatowanie treści oraz grafika w kodzie HTML 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: wymienić i scharakteryzować zasady tworzenie czytelnych, atrakcyjnych i estetycznych
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ół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ółowoWydział Ekonomiczno-Informatyczny w Wilnie. 1. Podstawy programowania strukturalnego (C) 2. Wstęp do programowania obiektowego
Podstawy programowania w internecie nazwa A. Informacje ogólne Tę część wypełnia koordynator (w porozumieniu ze wszystkimi prowadzącymi dany przedmiot w jednostce) łącznie dla wszystkich form zajęć (np.
Bardziej szczegółowoCopyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo
Bardziej szczegółowoJęzyk CSS odpowiada za wizualną prezentację stron internetowych w przeglądarkach. dr Beata Kuźmińska-Sołśnia
Język CSS odpowiada za wizualną prezentację stron internetowych w przeglądarkach dr Beata Kuźmińska-Sołśnia CSS Cascading Style Sheets (z ang. Kaskadowe Arkusze Stylów) specjalny język opracowany tylko
Bardziej szczegółowoWstęp do HTML. Najstarszym i najprostszym pierwowzorem hipertekstu są powszechnie znane odnośniki encyklopedyczne:
Wstęp do HTML Internet - sieć sieci, ogólnoświatowa intersieć, która łączy komputery z innymi komputerami poprzez protokoły z rodziny TCP/IP. Sieć WWW - zbiór serwerów WWW, który stanowi podzbiór całego
Bardziej szczegółowoICT MP M D P U wykład 1
ICT MPDU wykład 1 Kompendium tematyki przedmiotu Technologie teleinformatyczne wspomagające przesył informacji i komunikację Wykorzystanie protokołu http (HTML+JavaScript+PHP+MySQL) Sharepoint w chmurze
Bardziej szczegółowoZnaczniki języka HTML
www.math.uni.lodz.pl/ radmat Elementy inline ... Elementy inline ... ... Elementy inline ... ... ... Elementy inline
Bardziej szczegółowoPoziomy wymagań Konieczny K Podstawowy- P Rozszerzający- R Dopełniający- D Uczeń:
WYMAGANIA EDUKACYJNE PRZEDMIOT: Witryny i aplikacje internetowe NUMER PROGRAMU NAUCZANIA (ZAKRES): 351203 Lp 1. Dział programu Podstawy HTML Poziomy wymagań Konieczny K Podstawowy- P Rozszerzający- R Dopełniający-
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ółowoLaboratorium 1 Wprowadzenie do PHP
Laboratorium 1 Wprowadzenie do PHP Ćwiczenie 1. Tworzenie i uruchamianie projektu PHP w Netbeans Tworzenie projektu Uruchom środowisko NetBeans. Stwórz nowy projekt typu PHP Application (File->New Project,
Bardziej szczegółowoKONFIGURACJA SERWERA USŁUG INTERNETOWYCH
Zespół Szkół Technicznych w Suwałkach Pracownia Systemów Komputerowych Ćwiczenie Nr 23 KONFIGURACJA SERWERA USŁUG INTERNETOWYCH Opracował Sławomir Zieliński Suwałki 2013 Cel ćwiczenia Nabycie praktycznych
Bardziej szczegółowokaskadowe arkusze stylów
Autor: Marek Buła bulkas@poczta.onet.pl CSS kaskadowe arkusze stylów CASCADING STYLE SHEETS Validator (X)HTML Validator CSS CSS CSS level 1 (1996, 1999) contains properties for fonts, margins, colors,
Bardziej szczegółowoPRZEWODNIK PO PRZEDMIOCIE
Nazwa przedmiotu: Kierunek: Inżynieria Biomedyczna Rodzaj przedmiotu: obowiązkowy moduł specjalności informatyka medyczna Rodzaj zajęć: wykład, laboratorium PROGRAMOWANIE INTERNETOWE Internet Programming
Bardziej szczegółowoRys. 1. Widok uruchomienia polecenia apt-get install build-essential. Rys. 2. Widok uruchomienia polecenia apt-get install apache2
1. Instalacja serwera WWW Aby zainstalować serwer WWW w systemie Linux, należy wykorzystać menedżer pakietów apt-get. Polecenia które należy wpisać w terminalu użytkownika root 1 : apt-get install build-essential
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ółowoKaskadowe arkusze stylów
KASKADOWE ARKUSZE STYLÓW CSS Żeby tworzyć atrakcyjnie wyglądające, rozbudowane serwisy należy skorzystać z innych języków, np. CSS (kaskadowych arkuszy stylów, ang. Cascading Style Sheets). CSS nie jest
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ółowoDokument hipertekstowy
Dokument hipertekstowy Laboratorium 4 CSS mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie konceptu stylów tworzenie różnych typów reguł stylów Style służą do zmiany wyglądu elementów
Bardziej szczegółowoWydział Ekonomiczno-Informatyczny w Wilnie. 1. Podstawy programowania strukturalnego (C) 2. Wstęp do programowania obiektowego
Podstawy programowania w internecie nazwa SYLABUS A. Informacje ogólne Tę część wypełnia koordynator (w porozumieniu ze wszystkimi prowadzącymi dany przedmiot w jednostce) łącznie dla wszystkich form zajęć
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ółowoĆwiczenie 1 (28) Zakładanie darmowego konta pocztowego.
Ćwiczenie 1 (28) Zakładanie darmowego konta pocztowego. Zakładanie konta pocztowego na portalu Onet. a) wpisz w pasku adresów adres przeglądarki www.onet.pl b) klikinij napis poczta c) otrzymasz okno logowania,
Bardziej szczegółowoWarszawa, dnia 4 marca 2015 r. Poz. 1788 UCHWAŁA NR 72/2015 RADY MIEJSKIEJ W RADOMIU. z dnia 23 lutego 2015 r.
DZIENNIK URZĘDOWY WOJEWÓDZTWA MAZOWIECKIEGO Warszawa, dnia 4 marca 2015 r. Poz. 1788 UCHWAŁA NR 72/2015 RADY MIEJSKIEJ W RADOMIU z dnia 23 lutego 2015 r. w sprawie wzoru deklaracji o wysokości opłaty za
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ółowoCSS Kaskadowe Arkusze Stylów
Wprowadzenie CSS Kaskadowe Arkusze Stylów CSS (ang. Cascading Style Sheets, kaskadowe arkusze stylów) są językiem opisu stylów używanym do opisu prezentacji dokumentu napisanego w HTML-u lub XML-u (włączając
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ół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ółowoZmiana logo. Dziękujemy za wybór naszych rozwiązań. apjoo od Apláuz. Wspólnie przebrniemy przez proces konfiguracji strony www i wstawiania treści.
Użytkownicy i hasła Dostęp do zaplecza umożliwia rozbudowany system zarządzania użytkownikami. 1. Konta użytkowników tworzy się wybierając z menu Użytkownicy > Menedżer użytkowników na stronie głownej
Bardziej szczegółowoReferat Pracy Dyplomowej
Referat Pracy Dyplomowej Team Pracy: Projekt i realizacja gry w technologii HTML5 z wykorzystaniem interfejsu programistycznego aplikacji Facebook Autor: Adam Bartkowiak Promotor: dr inż. Roman Simiński
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ółowoFormularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej
Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej stosuje się język PHP lub JSP)
Bardziej szczegółowoInstrukcja użytkowania platformy ONLINE. Akademii Doskonalenia Zawodowego NATUROPATA ADZ Naturopata
Instrukcja użytkowania platformy ONLINE Akademii Doskonalenia Zawodowego NATUROPATA 2016 ADZ Naturopata SPIS TREŚCI Rozdział 1. Wymagania techniczne.... 4 1. System operacyjny.... 4 2. Przeglądarka internetowa....
Bardziej szczegółowo