Najczęściej na etapie praktycznym egzaminu z kwalifikacji związanej z aplikacjami internetowymi jednym z zadań jest wykonanie strony internetowej. Strona składa się z kilku elementów, jednym z nich jest menu. Ćwiczenie polega na opracowaniu dwóch wersji stylów CSS, aby osiągnąć efekt jak na zrzutach ekranowych. Wykorzystane kolory to #2bc327 i #fbf8ae, krój czcionki: sans-serif.

1)

2)

Poniżej znajduje się edytor CSS, który pozwoli wykonać ćwiczenie oraz zastosowany dla menu kod HTML. Startowe style zamieszczono tylko dla demonstracji sposobu działania edytora.

Ćwiczeniowy edytor CSS

Kod HTML (do odczytu)

<ul>
	<li><a href="#">Start</a></li>
	<li><a href="#">O firmie</a></li>
	<li><a href="#">Kontakt</a></li>
</ul>