Polecenia do wykonania
Transkrypt
Polecenia do wykonania
Tworzenie stron internetowych w języku znaczników HTML Temat 14 Polecenia do wykonania 1) W katalogu „Podstawy informatyki” utworzonym na pierwszych zajęciach dodaj podkatalog „Temat 14”. W dowolnym edytorze HTML stwórz stronę internetową, która będzie wyglądała jak ta przedstawiona we wzorze 1. Do jej utworzenia wykorzystaj znaczniki HTML, a nie moŜliwości edytora. Pamiętaj o zastosowaniu znaczników strukturalnych i informacyjnych oraz o zadeklarowaniu typu dokumentu. Znaki mają być kodowane w UTF-8. Tekst określa typ znacznika jaki powinien zostać wykorzystany. Do wyrównania tekstu wykorzystaj znaczniki: <p style="text-align: center">Tekst wycentrowany</p> <p style="text-align: right">Tekst wyrównany do prawej strony</p> Nadaj stronie nazwę index.html i zapisz w katalogu „Temat 14”. 2) Skopiuj plik na serwer Wizard do katalogu public_html w Swoim katalogu domowym. 3) Wyświetl stworzoną przez siebie stronę internetową w przeglądarce wpisując adres wizard.uek.krakow.pl/~login gdzie login zastąp Swoim loginem za serwer Wizard 4) Zmień nazwę pliku na INZadanie12.html gdzie IN zastąp Swoimi inicjałami. Wyświetl tą stronę w przeglądarce odpowiednio modyfikując adres. 5) W dowolnym edytorze HTML stwórz stronę internetową, która będzie wyglądała jak ta przedstawiona we wzorze 2. Pamiętaj o zastosowaniu znaczników strukturalnych i informacyjnych oraz o zadeklarowaniu typu dokumentu. Znaki mają być kodowane w UTF-8. Nadaj jej nazwę INZadanie13.html i zapisz w katalogu „Temat 14”. Informacje przydatne przy wykonywaniu zadania: Nazwy wydziałów to nagłówki 3 poziomu Kolory wykorzystane z zadaniu to kolejno (z angielskiego): purple, maroon, lime, aqua, green, red, blue, orange, Violet Czcionki wykorzystane w zadaniu oprócz podstawowej Times New Roman to Arial i Courier New Logo uczelni znajduje się pod linkiem http://wizard.uek.krakow.pl/~wojcikk/html/logo.gif NaleŜy wykorzystać obraz motyla pobrany na zajęciach pierwszych z sieci Etykiety linków opisują do czego mają się one odnosić, a linki w kontaktach powinny dodatkowo uruchamiać program pocztowy z otwartą nową wiadomością do osoby, której imię i nazwisko powinno znaleźć się w etykiecie. 6) Skopiuj plik na serwer Wizard i wyświetl stronę w przeglądarce. ©Katarzyna Wójcik – Katedra Systemów Obliczeniowych UEK 27 grudnia 2010