Witryny i aplikacje internetowe

Podobne dokumenty
Test z przedmiotu. Witryny i aplikacje internetowe

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Moduł IV Internet Tworzenie stron www

HTML (HyperText Markup Language) hipertekstowy język znaczników

Odsyłacze. Style nagłówkowe

Programowanie WEB PODSTAWY HTML

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Dziedziczenie. Dziedziczenie i kaskadowość. Dodał Administrator środa, 10 marzec :00. Tematy: Dziedziczenie Kaskadowość

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

Podstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

Podstawowe znaczniki języka HTML.

Znaczniki języka HTML

HTML (HyperText Markup Language)

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

STRONY INTERNETOWE mgr inż. Adrian Zapała

Wprowadzenie do języka HTML

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

CSS - layout strony internetowej

Można też ściągnąć np. z:

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

Można też ściągnąć np. z:

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

Wybrane znaczniki HTML

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

Ćwiczenia laboratoryjne nr 8 Podstawy języka XML.

Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony różnych stylów.

CSS. Kaskadowe Arkusze Stylów

HTML podstawowe polecenia

za pomocą: definiujemy:

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: Wersja: 1.

Elementarz HTML i CSS

Podstawy (X)HTML i CSS

Laboratorium 1: Szablon strony w HTML5

Tworzenie stron internetowych w kodzie HTML Cz 5

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}

Edukacja na odległość

przygotował: mgr Szymon Szewczyk PODSTAWY

Rozwiązania zadań EGZAMINACYJNYCH- WITRYNY

Dokument hipertekstowy

Specyfikacja techniczna dot. mailingów HTML

[ HTML ] Tabele. 1. Tabela, wiersze i kolumny

CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów).

Specyfikacja mailingu GG Network

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

MODUŁ 3. WYMAGANIA EGZAMINACYJNE Z PRZYKŁADAMI ZADAŃ

plansoft.org Zmiany w Plansoft.org

I. Wstawianie rysunków

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy

2 Podstawy tworzenia stron internetowych

p { color: yellow; font-weight:bold; }

Hyper Text Markup Language

Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.

Krótki przegląd własności języka CSS

I. Formatowanie tekstu i wygląd strony

Krok 1: Stylizowanie plakatu

Podstawy tworzenia stron internetowych

Wordpress: Joomla! Drupal.

Sierpień 2015 rozwiązanie plik: index.htlm

Ćwiczenie 9 - CSS i wstawianie CSS

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.

Tworzenie Stron Internetowych. odcinek 5

PRÓBNY EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE CZĘŚĆ PISEMNA

Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego

Responsywne strony WWW

Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów.

CSS pozwala przypisać poszczególnym elementom na. grubość, rozmiar czcionki, kolor tła, odległości między

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

Technologie Informacyjne

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

XHTML Budowa strony WWW

URL:

Aplikacje internetowe

Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)

Tworzenie stron internetowych w oparciu o język HTML

Tworzenie Stron Internetowych. odcinek 6

Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY

Podstawy technologii WWW

Wymagania na poszczególne oceny w klasach 3 gimnazjum

I. Dlaczego standardy kodowania mailingów są istotne?

Tworzenie Stron Internetowych. odcinek 6

O stronach www, html itp..

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE

Jednostki miar stosowane w CSS


EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika.

9. TABELE KURS HTML.

Przepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania

2. Projektowanie stron WWW podstawowe informacje

I. Menu oparte o listę

Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp

Transkrypt:

Test z przedmiotu Witryny i aplikacje internetowe Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch <table style= width:400px; border= 2 > </table> <tr style= text-align:center > </tr> <td style= width:30; >laptop</td> <td style= width:70; >parametry</td> a. kolumn o równych rozmiarach b. wierszy o równych rozmiarach c. wierszy o różnych rozmiarach d. kolumn o różnych rozmiarach Zadanie 2 W kodzie deklaracji stylu języka CSS zastosowano polecenie!important, powoduje to, że taka cecha będzie h1 {color: red!important; background-color: yellow} a. miała pierwszeństwo przed innymi, nawet jeśli ma niższy priorytet b. interpretowana w drugiej kolejności c. miała niższy priorytet d. zablokowana Zadanie 3 Zapis koloru stosowana w plikach HTML wykorzystuje model przestrzeni barw a. RGB b. RGC c. CMYK d. CMYS Zadanie 4 Kolor zakodowany #00FF00 ma kolor a. niebieski b. zielony c. żółty

d. czerwony Zadanie 5 Między którymi znacznikami umieścisz teks pogrubiony, pochylony i podkreślony o rozmiarze 4? a) <h4> <b> <i> <u> Tekst wpisany </u> </i> </b> </h4> b) <p size="4"> <b> <i> <u> Tekst wpisany </u> </i> </b> </p> c) <font size="4"> <b> <i> <u> Tekst wpisany </u> </i> </b> </font> d) Wszystkie odpowiedzi są poprawne Zadanie 6 Znacznik <META NAME="Keywords" CONTENT="jakieś wyrazy kluczowe"> umożliwia: a) Określa listę słów, które najczęściej występują w dokumencie b) Określa listę słów, które nie mają związku ze stroną c) Określa listę słów, które ułatwiają znalezienie tej strony przez programy wyszukujące d) Określa listę słów, które są zastrzeżone przez tą stronę Zadanie 7 Który znacznik wstawi napis H 2 SO 4 w linii tej nie może pojawić się inny napis: a) <p> H <sup>2</sup>so<sup>4</sup> </p> b) <p> H <sub>2</sub>so<sub>4</sub> </p> c) H <sup>2</sup>so<sup>4</sup> </br> d) Odpowiedź a oraz c jest poprawna Zadanie 8 Który znacznik wstawia tekst po prawej stronie w kolorze czerwonym: a) <P ALIGN=RIGHT> <FONT COLOR="red"> Tekst </FONT></P> b) <FONT ALIGN=RIGHT COLOR ="red"> Tekst </FONT> c) <FONT COLOR ="red" ALIGN=RIGHT > Tekst </FONT> d) Wszystkie odpowiedzi są poprawne Zadanie 9 Który znacznik ustala kolor tła dokumentu na czarny i kolor czcionki na żółty a) <BODY BACKGROUND="black" TEXT="yellow"> b) <BODY BGCOLOR="black" FONTCOLOR= yellow > c) <BODY BGCOLOR="black" TEXT= yellow > d) <BODY BACKGROUND="black" FONTCOLOR="yellow"> Zadanie 10 Który znacznik wstawia odsyłacz do strony www.szkola.lo.krzepice a) <A HREF="www.szkola.lo.krzepice"> Liceum Ogólnokształcące Krzepice </A> b) <A HREF="www.szkola.lo.krzepice"> www.szkola.lo.krzepice </A> c) <A HREF="http://www.szkola.lo.krzepice"> LO</A> d) Wszystkie odpowiedzi są poprawne Zadanie 11 Który znacznik wstawia rysunek szkola.gif o szerokości 120 i wysokości 160 pixeli oraz o obramowaniu 5: a) <IMG SRC="szkola.gif" WIDTH=160 HEIGHT=120 BORDER=5> b) <IMG SRC="szkola.gif" WIDTH=120 HEIGHT=160 SIZE=5> c) <IMG SRC="szkola.gif" WIDTH=160 HEIGHT=120 SIZE=5>

d) <IMG SRC="szkola.gif" WIDTH=120 HEIGHT=160 BORDER=5> Zadanie 12 Następujące znaczniki <UL> <LI> Dowolny tekst <LI> Dowolny tekst <LI> Dowolny tekst </UL> wstawiają: a) Wykaz numerowany b) Wykaz nienumerowany c) Tabelę o jednym wierszu i trzech kolumnach d) Tabelę o trzech wierszach i jednej kolumnie Zadanie 13 Który znacznik wstawia tekst po prawej stronie w kolorze czerwonym: a) <P ALIGN=RIGHT> <FONT COLOR="red"> Tekst </FONT></P> b) <FONT ALIGN=RIGHT COLOR ="red"> Tekst </FONT> c) <FONT COLOR ="red" ALIGN=RIGHT > Tekst </FONT> d) Wszystkie odpowiedzi są poprawne Zadanie 14 Co oznacza skrót CSS? A - Creative Style Sheets B - Cascading Style Sheets C - Colorful Style Sheets D - Computer Style Sheets Zadanie 15 Jaka jest poprawna forma dodawania arkusza stylów w HTMLu? A - <stylesheet>mystyle.css</stylesheet> B - <style src="mystyle.css"> C - <link rel="stylesheet" type="text/css" href="mystyle.css"> D - <a href= mystyle.css > mystyle.css</a> Zadanie 16 Które z podanych tagów pozwalają na dodawanie wewnętrznych stylów? A - <css> B - <style> C - <script> D - <tag> Zadanie 17 Która z podanych definicji stylów jest poprawna?

A - {body:color=black(body)} B - body:color=black C - {body;color:black} D - body {color: black} Zadanie 18 Jak poprawnie dodaje się komentarze do arkusza stylów? A - /* komentarz */ B - // komentarz // C - <!- komentarz -> D komentarz Zadanie 19 Która własność pozwala na ustalenie kolor tła? A - color: B - background-color: C - bgcolor: D bgc: Zadanie 20 Jak należy dodawać kolor tła dla WSZYSTKICH elementów <h1>? A - all.h1 {background-color:#ffffff} B - h1 {background-color:#ffffff} C - h1.all {background-color:#ffffff} D h1#all {background-color:#ffffff} Zadanie 21 Jak zmienić kolor tekstu elementu? A - color: B - text-color= C - text-color: D - font-color: Zadanie 22 Jak można wyświetlić odnośnik bez podkreślenia? A - a {decoration:no underline} B - a {text-decoration:none} C - a {underline:none} D - a {text-decoration:no underline} Zadanie 23 Jak poprawnie dodaje się komentarze w języku HTML? A - /* komentarz */ B - // komentarz // C - <!- komentarz -> D komentarz Zadanie 24

Rozszerzenie dla plików zawierających grafikę wektorową to: a. bmp b. gif c. jpeg d. svg Zadanie 25 Grafika wektorowa jest to a) generowanie obrazu za pomocą punktów (pikseli). b) generowanie obrazu na podstawie jego matematycznego opisu. c) generowanie obrazu na podstawie ilości użytych kolorów. d) generowanie obrazu z wykorzystaniem gotowych struktur. Zadanie 26 Poniżej przedstawiony został fragment kodu HTML: <HTML> <HEAD> <TITLE> Ćwiczenie 1 </TITLE> </HEAD> <BODY > <CENTER> <TABLE BORDER=5 WIDTH=30%> <TR> <TD COLSPAN=2 ALIGN=center> <FONT SIZE=5> Rozrywka i Sztuka</FONT> </TD></TR> <TR> <TH>PROGRAM</TH> <TH>DZIEŃ</TH> </TR> <TR ALIGN=CENTER> <TD>Sherlock Holmes</TD> <TD>Poniedziałek</TD> </TR> <TR ALIGN=CENTER> <TD>Taniec z gwiazdami</td> <TD>Wtorek</TD> <TR> </TABLE> </CENTER> </BODY> </HTML> Który fragment strony odpowiada tym instrukcjom: Zadanie 27 Z ilu kolorów składa się model barw RGB?

a) 4 b) 3 c) 5 d) 16 Zadanie 28 Zadanie 29 Zadanie 30 Zadanie 31 Zadanie 32

Zadanie 33 Zadanie 34 Zadanie 35 Zadanie 36

Zadanie 37 Aplikacja internetowa lub ich zestaw, pozwalająca na łatwe utworzenie serwisu WWW, jego aktualizację i rozbudowę to: a. CSS b. HTML c. DNS d. CMS Zadanie 38 Akronim stosowany w informatyce dla określenia metod, które pozwalają uzyskać wynik w publikacji identyczny lub bardzo zbliżony do obrazu na ekranie to: a. HTML b. CSS c. DIM d. WYSIWYG Zadanie 39 Przykładem oprogramowania typu CMS jest a. WordPress b. Notepad++ c. KED d. Apache Zadanie 40 Ile znaczników <head> </head> może znaleźć się w pojedynczym dokumancie? a. dowolna ilość b. tylko jeden c. ani jeden d. maksymalnie dwa