zadanie1c.pdf

Aplikacje internetowe – laboratorium – zadanie dodatkowe

HTML

Zadanie dodatkowe

PrygotujwojątrondomowąwykorytującHTML5.Stronamuipoiadadnagłówek,

topkoraco najmniej trzy podstrony (tronagłównaoratrydodatkowe). Jelipotrai,

możew tym celu (ale tylko w tym) wykorytadPHP,jednakniejettowymagane.

Wnagłówkutronymuinaledi tytuł,podtytuł oraz menu.

Stopka tronymabydwykonanawtylu „fat” ( http://ui-patterns.com/patterns/FatFooter ) .

Napodtronachmuą pojawidi:

 Tabelka lub lista – przynajmniej 3 elementy (np. ulubione gitary, wzmacniacze, ...)

 Formularz – korytajprynajmniej3nowychtypówpólelementu input

 ktualnoci (mogąbydnatroniegłównej)

 Kilkuakapitowy tekst

Pamitajabymakymalnie (aleocywicieenownie,nienaił) wykorytadHTML 5, np.

elementy nawigacyjnepogrupowanewewnątr nav , wpiywaktualnociachumieconew

elementach article , itd.

Tworąctrony pamitaj,aby myledoutrymaniuenownejpoprawnoci drzewa DOM.

Zapewnij, aby w kodie HTML nie nalały i żadne polecenia ormatujące, całod

formatowaniamuibydwykonanapoprearkuetylitycneCSS.Wdołąconymarkuu

stylistycznym wykorzystaj selektory: potomka elementu, dziecka elementu, pierwszego

dieckaelementu,elementuokrelonąwartociąatrybutu,klayiidentyikatora(każdytyp

selektora mui otad wykorytany). Zaponaj i awartocią trony

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-

without i wykorzystaj co najmniej trzy predtawionychtamtechnikdowikenia

atrakcyjnociwojegodokumentu. WykorytajprynajmniejjednącechCSS 3.

Wykorzystaj walidator http://validator.w3.org do zapewnienia godnociHTML 5.