Rozwiązania zadań EGZAMINACYJNYCH- WITRYNY
|
|
|
- Małgorzata Kruk
- 5 lat temu
- Przeglądów:
Transkrypt
1 Rozwiązania zadań EGZAMINACYJNYCH- WITRYNY
2 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. Utwórz 3 pliki graficzne, odpowiednio dla każdego zespołu medycznego z bazy danych. Grafiki zapisz w folderze o nazwie PESEL, a następnie w utworzonej bazie danych załącz rysunki do tabeli Zespoły, w polu zespol_logo. Wykonaj stronę WWW prezentującą stworzone przez Ciebie grafiki. Strona powinna składać się z dwóch plików: kodu HTML (index.html) oraz arkusza stylu (format.css). Oba pliki zapisz na pulpicie w folderze PESEL. Wymagania dotyczące grafiki Wymagania wspólne dla wszystkich obrazów: a) szerokość 300 px b) wysokość 200 px c) przy górnej krawędzi umieść napis "SZPITAL MEDYCZNY", zielonego koloru Dodatkowe wymagania dla pliku o nazwie i.png: a) tło: brązowe b) przy dolnej krawędzi umieść napis "Zespół I", szarego koloru oraz koło z wypełnieniem czerwonym. Dodatkowe wymagania dla pliku o nazwie ii.png: a) tło: brak - przezroczyste b) przy dolnej krawędzi umieść napis "Zespół II", szarego koloru oraz kwadrat z wypełnieniem zielonym. Dodatkowe wymagania dla pliku o nazwie iii.png: a) tło: gradient przechodzący; od strony lewej - kolor szary, do strony prawej - jasnoniebieski, b) przy dolnej krawędzi umieść napis "Zespół III", szarego koloru oraz trójkąt z wypełnieniem żółtym. Wymagania dotyczące struktury strony internetowej Kodowanie polskich znaków (ISO lub UTF-8). Tło strony: dowolny odcień szarego (wykorzystaj CSS). Czcionka paragrafu: Verdana o rozmiarze 10 px (wykorzystaj CSS). Tytuł strony: Przegląd Zespołów Medycznych. Zapisz go w odpowiednim znaczniku części nagłówkowej strony oraz w treści strony jako nagłówek 1. Poniżej tytułu wstawione trzy grafiki umieszczone jedna przy drugiej o szerokości 150 px i wysokości 100 px. Kliknięcie w dany obraz otwiera obraz w oryginalnych rozmiarach.. Pod obrazami zamieszczony tekst paragrafu "Kliknij obrazek aby powiększyć tekst".
3 Przykładowe rozwiązanie: <!Doctype HTML> <HTML> <Head> <Title> Przegląd Zespołów Medycznych </Title> <Meta charset="utf-8"> <link rel="stylesheet" href="format.css"> </head> <body> <h1> Przegląd Zespołów Medycznych </h2> <div> <a href="i.png"> <img src="i.png" alt="zespół I" > </a> </div> <div> <a href="ii.png"> <img src="ii.png" alt="zespół II" > </a> </div> <div> <a href="iii.png"> <img src="iii.png" alt="zespół III" > </a> </div> <p> Kliknij aby powiększyć obrazek </p> </body> </HTML> body{ background-color:gray; img{ div{ p{ width:150px; height:100px; display:inline-block; font-family: Verdana; font-size: 10px;
4 Zadanie :Styczeń 2016 Styl elementów witryny zdefiniuj przy pomocy języka CSS. Wymagania odnośnie stylu CSS Kolor czcionki odnośników: żółty, Kolor RGB tła banera, stopki i panelu prawego: #4A7684, Kolor czcionki banera, stopki i panelu prawego: biały, Wyrównanie tekstu banera, panelu lewego i stopki: do środka, Krój czcionki banera i stopki : Arial, Marginesy wewnętrzne banera i stopki: 20px, Szerokość panelu lewego: 65%; Szerokość panelu prawego: 35%; Wysokość paneli lewego i prawego 500px. Wymagania odnośnie witryny: Obsługa polskich liter. Tytuł strony: Stacja Meteo Strona podzielona za pomocą znaczników na baner, panele lewy i prawy oraz stopkę zgodnie z rysunkiem z poprzedniej strony. Zawartość banera: nagłówek pierwszego stopnia o treści: STACJA METEO Zawartość panelu lewego: a. Nagłówek drugiego stopnia o treści Dokumentacja wyników zapytań w bazie Meteo, b. Tabela 2x2, w komórkach kolejno obrazy kw1.jpg, kw2.jpg, kw3.jpg, kw4.jpg zgodnie z rysunkiem z następnego slajdu ( wysokość grafik 200px, szerokość 400 px), c. Obrazy powinny posiadać ramkę o szerokości 1px, d. Obrazy powinny posiadać tekst alternatywny. Dla kw1.jpg tekst kwerenda1, kw2.jpg kwerenda2, kw3.jpg kwerenda3, kw4.jpg kwerenda4. Zawartość panelu prawego: Nagłówek drugiego stopnia o treści zamiana jednostek temperatury, Nagłówek drugiego stopnia o treści Do pobrania. Odnośnik o treści Kwerendy, prowadzi do pliku kwerendy.txt w folderze baza, Odnośnik o treści Eksport MySQL, prowadzi do pliku meteo.sql w folderze baza, Zawartość stopki: tekst paragrafu o treści PESEL AUTORA STRONY:, A NASTĘPNIE WYPISANY JEST Twój numer PESEL
5 Przykładowe rozwiązanie: <!Doctype HTML> <head> <title> meteo </title> <meta charset="utf-8"> <link rel="stylesheet" href="meteo.css"> </head> <body> <header> <h1> STACJA METEO </h1> </header> <main> <h2> Dokumentacja wyników zapytań w bazie Meteo </h2> <table> <tr> <td> <img src="kw1.png" alt="kwerenda1"> </td> <td> <img src="kw2.png" alt="kwerenda2"> </td> </tr> <tr> <td> <img src="kw3.png" alt="kwerenda1"> </td> <td> <img src="kw4.png" alt="kwerenda2"> </td> </tr> </table> </main> <nav> <h2> Zamiana jednostek temperatury </h2> </br> </br> <h2> Do pobrania </h2> <ul> <li> <a href="kwerendy.txt";> Kwerendy </a> </li> <li> <a href="meteo.sql"> Eksport MySQL </a> </li> </nav> <footer> <p> PESEL AUTORA STRONY: </p> </footer> </body> </html> header{ background-color:#4a7684; text-align:center; font-family:arial; padding:20px; main{ height:500px; width:65%; text-align:center; float:left; nav{ height:500px; width:35%; float:left; background-color:#4a7684; footer{ padding:20px; background-color:#4a7684; font-family:arial; text-align:center; clear:both; a { color:yellow; img {border: 2px solid black;
6 Zadanie :czerwiec remont Grafika Przy pomocy programu do obróbki grafiki wektorowej wykonaj projekt loga firmy. Swoją pracę udokumentuj zrzutem ekranowym. Wykonaj następujące czynności: Utwórz dowolny obiekt o kształcie fali o szerokości 600 px i wysokości nie większej niż 100 px Utwórz napis USŁUGI REMONTOWE o atrybutach: pogrubiona czcionka Arial, rozmiar 40, kolor wypełnienia: brązowy Rozciągnij obiekt napisu na szerokość 800 px (obraz 1a) Za pomocą odpowiedniej funkcji edytora umieść tekst na kształcie fali. Czynność udokumentuj za pomocą zrzutu ekranowego tak, aby była widoczna nazwa funkcji, która została użyta do transformacji. Zrzut powinien być czytelny. Nie kadruj oraz nie skaluj obrazu, na zrzucie powinien być widoczny zegar na pasku zadań. Zapisz go pod nazwą zrzut1 w formacie JPEG Ukryj obiekt o kształcie fali w taki sposób, aby był widoczny wyłącznie napis Wyeksportuj obraz do formatu PNG o nazwie logo, nadaj mu szerokość 600 px. Obraz powinien posiadać tło przezroczyste. Przykład pliku logo przedstawia rysunek 1b. Cechy witryny wspólne dla wszystkich stron: Witryna składa się z trzech podstron: index.html, kontakt.html i kalkulator.html Zastosowany właściwy standard kodowania polskich znaków Tytuł strony, widoczny na karcie przeglądarki: Wyremontuj mieszkanie Arkusz stylów w pliku o nazwie remont.css, prawidłowo połączony z kodem strony Podział strony na bloki: baner, cztery bloki menu, blok główny i stopka zrealizowany za pomocą znaczników sekcji, zgodnie z obrazem 2 Zawartość banera: grafika logo Zawartość Menu: cztery bloki, z których każdy zrealizowany za pomocą znaczników sekcji (nie tabeli), zawierające odnośniki: - O NAS prowadzi do strony index.html - KONTAKT prowadzi do strony kontakt.html - KALKULATOR prowadzi do strony kalkulator.html - POLECANE STRONY wskazuje na stronę Strona powinna otworzyć się w osobnej karcie przeglądarki Zawartość bloku głównego: różna dla każdej z podstron, patrz niżej Zawartość stopki: tekst paragrafu Autor strony:, dalej wstawiony Twój numer PESEL
7 Przykładowe rozwiązanie: Zawartość bloku głównego strony index.html: - Nagłówek pierwszego stopnia o treści Nasza oferta - Listę zagnieżdżoną przedstawia obraz poniżej: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>wyremontuj mieszkanie</title> <link rel="stylesheet" href="remont.css"> </head> <body> <header><img src="logo.png" alt="remont"> </header> <nav> <div> <a href="index.html"> O NAS </a> </div> <div> <a href ="kontakt.html"> KONTAKT </a> </div> <div> <a href="kalkulator.html"> KALKULATOR </a> </div> <div> <a href=" POLECANE STRONY </a></div> </nav> <main> <h1> Nasza oferta</h1> <ol> <li>malowanie <ul> <li>elewacji</li> <li>wnętrza mieszkania</li> </ul> </li> <li> układanie glazury</li> <li> układanie podług </li> </ol> </main> <footer>autor strony : </footer> </body> </html>
8 Przykładowe rozwiązanie: Zawartość bloku głównego strony kalkulator.html : - Nagłówek pierwszego stopnia o treści Malowanie pokoju: 8 zł za m2 - Paragraf o treści Wymiary pokoju w metrach:, dwa pola edycyjne typu numerycznego - Poniżej przycisk o treści OBLICZ KOSZT. Jego wciśnięcie powoduje uruchomienie skryptu <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>wyremontuj mieszkanie</title> <link rel="stylesheet" href="remont.css"> </head> <body> <header><img src="logo.png" alt="remont"> </header> <nav> <div> <a href="index.html"> O NAS </a> </div> <div> <a href ="kontakt.html"> KONTAKT </a> </div> <div> <a href="kalkulator.html"> KALKULATOR </a> </div> <div> <a href=" POLECANE STRONY </a></div> </nav> <main> <h1> Malowanie pokoju :8zł za m2 </h1> <p> Wymiary pokoju w metrach </p> </main> <footer>autor strony : </footer> </body> </html>
9 Przykładowe rozwiązanie: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>wyremontuj mieszkanie</title> <link rel="stylesheet" href="remont.css"> </head> <body> <header><img src="logo.png" alt="remont"> </header> <nav> <div> <a href="index.html"> O NAS </a> </div> <div> <a href ="kontakt.html"> KONTAKT </a> </div> <div> <a href="kalkulator.html"> KALKULATOR </a> </div> <div> <a href=" POLECANE STRONY </a></div> </nav> <main> <h1> Dane kontaktowe </h1> </br> <p> Usługi remontowe Jan Nowak</p> </br> <p>ul. Postępu 135</p> </br> <p>warszawa</p> </main> <footer>autor strony : </footer> </body> </html> Zawartość bloku głównego strony kontakt.html: - Nagłówek pierwszego stopnia o treści Dane kontaktowe - Paragraf (akapit) o treści Usługi Remontowe Jan Nowak, paragraf o treści ul. Postępu 135, paragraf o treści Warszawa - Przycisk o treści Wyślij do nas maila, który jest odnośnikiem do adresu mailowego remont@wp.pl
10 KOD CSS: body{ padding:0px; margin-left:auto; margin-right:auto; width:1200px; header { background-color: RGB(255,213,162); width:100%; text-align : center; float:left; nav { width: 100%; float:left; main { background: white; height:400px; width:100%; float: left; footer { background: RGB(191,112,17); clear:both; text-align:right; font-size:150%; div { background-color:rgb(191,112,17); text-align:center; font-size:150%; width:25%; float:left; a{ img{ padding: 20px;
11 Zadanie : styczeń 2017 wynajem samochodów Przygotowanie grafiki: plik auto.png należy pobrać ze strony internetowej z zakładki Egzamin i przeskalować do wymiarów: szerokość 50 px, wysokość 25px. Pozostałych atrybutów obrazu nie należy zmieniać. Cechy witryny: nazwa pliku: samochody.php, zastosowany standard kodowania polskich znaków; tytuł strony widoczny na karcie przeglądarki: Wynajmujemy samochody ; arkusz stylów w pliku o nazwie styl.css prawidłowo połączony z kodem strony; podział strony na bloki: baner, panele lewy, środkowy i prawy zrealizowany za pomocą znaczników sekcji zgodnie z rysunkiem 2; zawartość banera: nagłówek pierwszego stopnia o treści: Wynajem Samochodów ; zawartość panelu lewego: o nagłówek drugiego stopnia o treści: DZIŚ POLECAMY TOYOTĘ ROCZNIK 2014, o nagłówek drugiego stopnia o treści: WSZYSTKIE DOSTĘPNE SAMOCHODY, zawartość panelu środkowego: o nagłówek drugiego stopnia o treści: ZAMÓWIONE AUTA Z NUMERAMI TELEFONÓW KLIENTÓW, zawartość panelu prawego: o nagłówek drugiego stopnia o treści: NASZA OFERTA o lista nienumerowana z punktami o treści: Fiat, Toyota, Opel, Mercedes, o akapit (paragraf) o treści: Tu pobierzesz naszą bazę danych, gdzie bazę danych jest odnośnikiem prowadzącym do pliku SQL z importem bazy danych, o akapit o treści: autor strony: oraz wstawiony Twój numer PESEL Styl CSS witryny internetowej Plik styl.css zawiera formatowanie dla: banera: kolor tła #0B873D, biały kolor czcionki, rozmiar czcionki 150%, wyrównanie tekstu do środka, panelu lewego: kolor tła #8CE1AE, szerokość 40%, wysokość 600 px, panelu środkowego: kolor tła #5CCB89, szerokość 40%, wysokość 600 px, panelu prawego: kolor tła # 1DA956, szerokość 20%, wysokość 600 px, odnośników: odnośnik niewybrany w kolorze brązowym, odwiedzony w kolorze czerwonym, listy nienumerowanej: margines zewnętrzny 20 px, punktorem jest obrazek zapisany w pliku auto.png (własność list-style-image), Niewymienione właściwości obiektów przybierają wartości domyślne.
12 Przykładowe rozwiązanie: Kod HTML: <!Doctype HTML> <HTML> <HEAD> <TITLE> Wynajmujemy samochody </TITLE> <META charset="utf-8"> <link rel="stylesheet" href="styl.css"> </HEAD> <BODY> <HEADER> <h1>wynajem Samochodów</h1> </HEADER> <ASIDE> <h2>dziś POLECAMY TOYOTĘ ROCZNIK 2014</h2> </br> <h2>wszystkie DOSTĘPNE SAMOCHODY</h2> </ASIDE> <MAIN> <h2> ZAMÓWIONE AUTA Z NUMERAMI TELEFONÓW KLIENTÓW </h2> </MAIN> <NAV> <H2> NASZA OFERTA </H2> <UL> <li> Fiat </li> <li> Toyota </li> <li> Opel </li> <li> Mercedes </li> <p> Tu pobierasz naszą <a href="komis.sql"> bazę danych </a> </p> <p> autor strony: </p> </NAV> </BODY> </HTML> Kod CSS: header{ background-color: #0B873D; color: white; font-size: 150%; text-align: center; aside{ background-color: #8CE1AE; width:40%; height:600px; float:left; main{ background-color: #5CCB89; width:40%; height:600px; float: left; nav{ background-color: #1DA956; width:20%; height:600px; float:left; a:link {color: brown; a:visited {color:red; ul { margin: 20px; list-style-image: url("auto.png");
13 Zadanie zima 2016 siła hasła Grafika Witryna internetowa wykorzystuje grafikę, którą należy przygotować. Jest ona zgodna z rysunkiem Cechy grafiki: tło przezroczyste (obraz nie ma tła); na obrazie znajduje się kwadrat o krawędzi równej 450px i zaokrąglonych rogach; kwadrat nie ma wypełnienia, krawędzie grubości 8px są czerwone; w środku kwadratu znajduje się wykrzyknik zapisany czcionką Arial o rozmiarze 450, kolorem czerwonym; na wykrzykniku znajduje się tekst: Czy Twoje hasło jest dobre?, tekst jest złamany dwukrotnie po słowach Twoje i hasło ; tekst jest zapisany czcionką Arial rozmiar 56, niebieskim kolorem; rysunek należy zapisać w formacie PNG pod nazwą rysunek.png. Kwadrat wyznacza granice rysunku, zatem szerokość i wysokość rysunku powinna wynosić 450px.
14 Witryna internetowa Witryna internetowa składa się z trzech podstron: index.html, sprawdz.html reguly.html. Strony mają wspólny szablon zgodny z rysunkiem. Szablon witryny internetowej Wspólne cechy witryny dla wszystkich podstron: zastosowany właściwy standard kodowania polskich znaków; tytuł strony widoczny na karcie przeglądarki: Wskaźnik jakości hasła ; arkusz stylów umieszczony w osobnym pliku o nazwie: styl2.css; podział strony na bloki: baner, panele lewy i prawy, stopka; zrealizowany za pomocą znaczników sekcji zawartość banera: nagłówek pierwszego stopnia o treści: Weryfikacja jakości hasła ; tekst ten jest odsyłaczem i prowadzi do strony index.html; zawartość panelu lewego: o nagłówek drugiego stopnia o treści: Wybierz opcję, o poniżej lista nienumerowana z elementami: Sprawdź hasło oraz Reguły tworzenia hasła. Każdy z elementów listy jest odsyłaczem i prowadzi kolejno do stron: 1 sprawdz.html, 2 - reguly.html zawartość stopki: nagłówek trzeciego stopnia o treści: Wskaźnik jakości hasła, poniżej paragraf (akapit) o treści: Twórca strony:, dalej wpisany numer PESEL zdającego.
15 Strona index.html Cechy panelu prawego dla pliku index.html: wstawiony obraz rysunek.png. <!doctype html> <html> <head> <title> haslo </title> <meta charset="utf-8"> <link rel="stylesheet" href="styl2.css"> </head> <body> <header> <h1> <a href="index.html"> Weryfikacja jakości hasła </a></h1> </header> <nav> <h2> Wybierz opcję:</h2> <br/> <ul> <li> <a href="sprawdz.html"> Sprawdź hasło </a></li> <li> <a href="reguly.html"> Reguły tworzenia hasła </a></li> </ul> </nav> <main> <img src="rysunek.png" alt="rysunek"> </main> <footer> <h3> Wskaźnik jakości hasła </h3> <p> Twórca strony: </p> </footer> </body> </html>
16 Strona sprawdz.html Cechy panelu prawego dla pliku sprawdz.html: tekst paragrafu: Wpisz hasło:, następnie pole tekstowe do wprowadzenia hasła, następnie przycisk z tekstem Weryfikuj. Wszystkie trzy elementy w jednej linii; cechy pola tekstowego: pole pozwala na sekretne wprowadzenie hasła; w czasie gdy wpisywany jest tekst, pole pokazuje kropki; <!doctype html> <html> <head> <title> haslo </title> <meta charset="utf-8"> <link rel="stylesheet" href="styl2.css"> </head> <body> <header> <h1> <a href="index.html"> Weryfikacja jakości hasła </a></h1> </header> <nav> <h2> Wybierz opcję:</h2> <br/> <ul> <li> <a href="sprawdz.html"> Sprawdź hasło </a></li> <li> <a href="reguly.html"> Reguły tworzenia hasła </a></li> </ul> </nav> <main> <figure> <form action="mailto:jan_kowalski@example.com" method="post" enctype="text/plain"> Wpisz hasło: <input type="password" name="haslo" value="" /> <input type="submit" name="przycisk" value="weryfikuj" /> </form> </figure> </main> <footer> <h3> Wskaźnik jakości hasła </h3> <p> Twórca strony: </p> </footer> </body> </html>
17 Strona reguly.html Cechy panelu prawego dla pliku reguly.html: tabela z nagłówkami kolumn. Zawartość tekstu zgodna z tabelą <!doctype html> <html> <head> <title> haslo </title> <meta charset="utf-8"> <link rel="stylesheet" href="styl2.css"> </head> <body> <header> <h1> <a href="index.html"> Weryfikacja jakości hasła </a></h1> </header> <nav> <h2> Wybierz opcję:</h2> <br/> <ul> <li> <a href="sprawdz.html"> Sprawdź hasło </a></li> <li> <a href="reguly.html"> Reguły tworzenia hasła </a></li> </ul> </nav> <main> <table> <tr> <th> Jakość hasła </th> <th> Opis </th> </tr> <tr> <td> dobre </td> <td> długość 7 znaków i więcej, zawiera przynajmniej jedną cyfrę </td> </tr> <tr> <td> średnie </td> <td> długość 4 do 6 znaków, zawiera przynajmniej jedną cyfrę </td> </tr> <tr> <td> słabe </td> <td> inne przypadki </td> </tr> </table> </main> <footer> <h3> Wskaźnik jakości hasła </h3> <p> Twórca strony: </p> </footer> </body> </html>
18 Kod CSS header{ background-color: #08826A; height:60px; font-family:verdana; text-align:center; nav{ background-color:#1e9880; height:550px; width:30%; float:left; main{ background-color:#9ac8bf; height:550px; width:70%; text-align:center; float:left; footer{ background-color:#08826a; font-family:verdana; text-align:right; clear:both; table{ margin:20px; border:1px solid; border-collapse:collapse; width: 80%; tr:hover{ background-color:green; th{ background-color:#1e98880; border:1px solid ; td{ border:1px solid; text-align:right; a{ ul{ img{ margin:20px; padding:15px; border:2px dotted #1E9880;
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok2015 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2015 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz
EGZAMIN 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
EGZAMIN 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
E.14. Zestaw numer 4. Pozdrawiam i powodzenia! :D
E.14 Zestaw numer 4 ( Z góry przepraszam za ewentualne błędy które mogły się wkraść przy przepisywaniu. Jest tego naprawdę bardzo dużo i tak samo dużo czasu zajęło mi przepisanie tego z ogólnodostępnych
Laboratorium 1: Szablon strony w HTML5
Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony
EGZAMIN 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
EGZAMIN 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
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok2017 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz
CENTRALNA KOMISJA EGZAMINACYJNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2015 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz
EGZAMIN 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
MODUŁ 3. WYMAGANIA EGZAMINACYJNE Z PRZYKŁADAMI ZADAŃ
MODUŁ 3. WYMAGANIA EGZAMINACYJNE Z PRZYKŁADAMI ZADAŃ E.14. Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami 1. Przykłady zadań do części pisemnej egzaminu dla wybranych umiejętności
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Nazwa kwalifikacji: Programowanie, tworzenie i administrowanie stronami internetowymi i bazami danych Oznaczenie kwalifikacji:
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.
Style CSS Wstęp Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Podstawową zaletą i zadaniem stylów jest oddzielenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2019 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN 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
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
CSS - layout strony internetowej
www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach: Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach:
PRÓBNY EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE CZĘŚĆ PRAKTYCZNA
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E14 Numer zadania: 01 Wypełnia zdający Numer PESEL zadającego Czas trwania egzaminu:
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu ro;,poczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2019 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok2017 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Witryny 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
Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>
Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2019 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 02
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN 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
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01
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
EGZAMIN 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
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2019 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN 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
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2019 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 03
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu ro;,poczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Podstawy 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.
Box model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości.
Box model Box model: Content Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości. Box model: Padding Content Content - obszar zawartości określany jest za pomocą deklaracji
Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2019 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Wybrane znaczniki HTML
Wybrane znaczniki HTML Struktura dokumentu HTML informacje o dokumencie i plikach zewnętrznych zawartość wyświetlana w przeglądarce wraz z tagami formatującymi
Moduł 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
I. 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
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Sierpień 2015 rozwiązanie plik: index.htlm
Sierpień 2015 rozwiązanie plik: index.htlm strona główna //ustalamy położenie wyświetlania
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
za 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
Danuta 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
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Tworzenie stron internetowych w kodzie HTML Cz 5
Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia
uż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
Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.
Nazwa implementacji: CSS i box model Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie. Wprowadzenie CSS (kaskadowe arkusze stylów, ang. Cascading
Języki programowania wysokiego poziomu. CSS Wskazówki
Języki programowania wysokiego poziomu CSS Wskazówki CSS powinno się projektować hierarchicznie, zaczynając od elementów ogólniejszych, kończąc na szczegółowych - Źle: p.mid { text-align: center; p { color:
2. Prezentacja wizualna
2. Prezentacja wizualna 2.1. Opis rozdziału Rozdział ten przedstawia jak stworzyć przykładowy układ graficzny dla naszej gry w HTML5 i CSS3, które w dalszej części poradnika zostaną wykorzystane do stworzenia
Responsywne strony WWW
www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę zaprojektować następujący layout strony, oparty na DIV-ach: Aby osiągnąć powyższy efekt, w pliku CSS powinniśmy utworzyć reguły: #cala_strona width: 780px;
Przedmiot: 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
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Krótki przegląd własności języka CSS
Krótki przegląd własności języka CSS Stosując arkusze stylów CSS, w sposób wyraźny oddziela się formatowanie dokumentu XHTML od jego warstwy znaczeniowej umieszczonej w sekcji . Niżej zestawiono
Podstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2016 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Dzię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
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01
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
Odsyłacze. Style nagłówkowe
Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami
PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE KASKADOWE ARKUSZE STYLÓW CASCADING STYLE SHEETS Za pomocą HTML tworzymy strukturę dokumentu, jego elementy oraz treść CSS służy do opisu wyglądu struktury dokumentu, elementów oraz treści
PRÓBNY EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE CZĘŚĆ PRAKTYCZNA
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E14 Numer zadania: 01 Wypełnia zdający Numer PESEL zadającego Czas trwania egzaminu:
zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
Obraz 1. Fragment bazy Salon
Zadanie egzaminacyjne Wykonaj aplikację internetową dla salonu pielęgnacji psów i kotów. Wykorzystaj pakiet XAMPP jako środowisko bazodanowo aplikacyjne. Stronę internetową zbuduj przy wykorzystaniu edytora
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01
li CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01 Arkusz zawiera informacje
EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
PROGRAMOWANIE. 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
Podstawowe 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
Pierwsza 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
Aplikacje 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.
Instrukcja 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
ABC 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
Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW.
Ćwiczenie 2 Kaskadowe arkusze stylów CSS. Budowanie makiety strony i jej modyfikacja dr inż. Robert Banasiak 1 Materiały ćwiczeniowe Wszelkie materiały ćwiczeniowe: wykłady, instrukcje oraz pliki ćwiczeniowe
Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie
Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Scenariusz lekcji informatyki klasa II gimnazjum Temat : Strona WWW pierwsze
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
HTML5 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
Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.
Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów. Znaczniki HTML (tagi) postać ogólna: zawartość
Ć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