\n
Tre\u015b\u0107 zadania:<\/h3>\n
Twoim zadaniem jest przygotowanie strony internetowej galeria.html<\/strong> oraz pliku style.css<\/strong>, kt\u00f3re wsp\u00f3lnie utworz\u0105 prost\u0105, estetyczn\u0105 witryn\u0119 informacyjn\u0105 o zabytkach miasta.<\/p>\n Strona powinna by\u0107 czytelna, poprawnie sformatowana i zgodna ze standardami HTML5 i CSS3.<\/p>\n Dokument powinien zawiera\u0107:<\/p>\n poprawn\u0105 deklaracj\u0119 sekcj\u0119 do\u0142\u0105czony zewn\u0119trzny arkusz styl\u00f3w style.css<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n W tre\u015bci strony umie\u015b\u0107:<\/p>\n Nag\u0142\u00f3wek g\u0142\u00f3wny strony Kr\u00f3tkie wprowadzenie w akapicie Trzy sekcje Ka\u017cda sekcja powinna zawiera\u0107:<\/p>\n nag\u0142\u00f3wek drugiego stopnia zdj\u0119cie (mo\u017ce by\u0107 z folderu \u201eimages\u201d \u2013 np. zamek.jpg<\/em>, ratusz.jpg<\/em>, katedra.jpg<\/em>),<\/p>\n<\/li>\n kr\u00f3tki opis zabytku w akapicie link \u201eDowiedz si\u0119 wi\u0119cej\u201d prowadz\u0105cy do fikcyjnej strony (np. Na ko\u0144cu strony dodaj stopk\u0119 Strona wykonana w ramach egzaminu zawodowego \u2013 Technik informatyk<\/p>\n<\/blockquote>\n<\/li>\n<\/ol>\n Kolory i t\u0142o:<\/strong><\/p>\n Ustaw kolor t\u0142a strony na jasnoszary ( Tekst g\u0142\u00f3wny ma by\u0107 w kolorze ciemnoszarym ( Czcionki:<\/strong><\/p>\n U\u017cyj czcionki Nag\u0142\u00f3wek g\u0142\u00f3wny ( Akapity z klas\u0105 Klasy i identyfikatory:<\/strong><\/p>\n Dodatkowe formatowanie:<\/strong><\/p>\n Obrazy w sekcjach maj\u0105 mie\u0107 szeroko\u015b\u0107 Linki maj\u0105 by\u0107 niebieskie w stanie normalnym, a po najechaniu myszk\u0105 ( Zadanie egzaminacyjne \u2013 Projekt i stylizacja strony informacyjnej Temat: Stw\u00f3rz stron\u0119 internetow\u0105 \u201eGaleria Miejskich Zabytk\u00f3w\u201d prezentuj\u0105c\u0105 trzy wybrane zabytki miasta. Tre\u015b\u0107 zadania: Twoim zadaniem jest przygotowanie strony internetowej galeria.html oraz pliku style.css, kt\u00f3re wsp\u00f3lnie utworz\u0105 prost\u0105, estetyczn\u0105 witryn\u0119 informacyjn\u0105 o zabytkach miasta. Strona powinna by\u0107 czytelna, poprawnie sformatowana i zgodna ze standardami HTML5 i CSS3. […]<\/p>\n","protected":false},"author":1,"featured_media":291,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[18,19,20],"class_list":["post-255","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-zadania-egzaminacyjne","tag-css","tag-html","tag-nutria"],"yoast_head":"\n
\nWymagania dotycz\u0105ce pliku galeria.html<\/strong>:<\/h3>\n
\n
\n
<!DOCTYPE html><\/code>,<\/p>\n<\/li>\n<head><\/code> z tytu\u0142em strony: Galeria Miejskich Zabytk\u00f3w<\/strong>,<\/p>\n<\/li>\n\n
<h1><\/code> o tre\u015bci Galeria Miejskich Zabytk\u00f3w<\/strong>,<\/p>\n<\/li>\n<p><\/code> z klas\u0105 intro<\/strong>,<\/p>\n<\/li>\n<section><\/code> przedstawiaj\u0105ce wybrane zabytki.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n
<h2><\/code> z nazw\u0105 zabytku,<\/p>\n<\/li>\n<p><\/code> z klas\u0105 opis<\/strong>,<\/p>\n<\/li>\n#<\/code>).<\/p>\n<\/li>\n<\/ul>\n\n
<footer><\/code> z identyfikatorem stopka<\/strong> i tekstem:<\/p>\n\n
\nWymagania dotycz\u0105ce pliku style.css<\/strong>:<\/h3>\n
\n
\n
#f5f5f5<\/code>),<\/p>\n<\/li>\n#333<\/code>).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n\n
Verdana<\/code> jako podstawowej, a w razie jej braku \u2013 sans-serif<\/code>.<\/p>\n<\/li>\nh1<\/code>) wyr\u00f3\u017cnij wi\u0119kszym rozmiarem czcionki (np. 36px<\/code>), kolorem (#004d99<\/code>) oraz centrowaniem tekstu.<\/p>\n<\/li>\n.opis<\/code> maj\u0105 mie\u0107 justowanie (text-align: justify<\/code>) oraz odst\u0119p mi\u0119dzy wierszami (line-height: 1.5<\/code>).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n\n
.intro<\/code> \u2013 tekst pogrubiony, kolor #0066cc<\/code>, wyr\u00f3wnany do \u015brodka, margines dolny 20px<\/code>.<\/p>\n<\/li>\n.opis<\/code> \u2013 czcionka mniejsza o 10% od domy\u015blnej.<\/p>\n<\/li>\n#stopka<\/code> \u2013 tekst ma by\u0107 wycentrowany, kursyw\u0105 i z g\u00f3rn\u0105 ramk\u0105 w kolorze #999<\/code>.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n\n
300px<\/code> i zaokr\u0105glone rogi (border-radius: 10px<\/code>).<\/p>\n<\/li>\n:hover<\/code>) zmienia\u0107 kolor na ciemnoniebieski i by\u0107 podkre\u015blone.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
\nStruktura katalogu projektu:<\/h3>\n
![\"Screenshot-2025-11-10-at-20-11-12-Zadanie-egzaminacyjne-HTML-CSS](\"https:\/\/informatyka.odkrywajto.pl\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-10-at-20-11-12-Zadanie-egzaminacyjne-HTML-CSS.png\" "\\"\\"")
<\/div>\n","protected":false},"excerpt":{"rendered":"