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

Podobne dokumenty