From MJanik

Contents 1 Poniedziałek - zadanie #1 1.1 Przygotowanie 1.2 Przećwiczenie znaczników - pierwsza strona 1.3 Domowa strona WWW

Poniedziałek - zadanie #1

Przygotowanie

Na zajęciach: KATE

Uruchom program KATE.

W domu: Instalacja zaawansowanego notatnika Notepad++

Pobierz instalator notatnika ze strony programu, uruchom go i zainstaluj program.

Utworzenie konta na serwerze

Aby rozpocząć kurs i stworzyć własną stronę, należy utworzyć sobie konto WWW z obsługą PHP. Jest wiele stron, które oferują w Polsce darmowy hosting stron - jedne lepsze, drugie gorsze. Wyboru należy dokonać na podstawie analizie oferty i własnych potrzeb.

Na potrzeby niniejszego kursu proponuję dwa rozwiązania: tymczasowe konto studenckie założone na wydziale fizyki oraz usługi hostinger.pl. Zakładamy konto w portalu, aktywujemy konto za pomocą linka otrzymanego na maila, a następnie tworzymy nowe konto WWW (w pakiecie bezpłatnym) w jednej z wybranych subdomen.

Instalacja klienta FTP

Aby wygodnie przenosić pliki pomiędzy komputerem lokalnym a kontem WWW, najlepiej jest zainstalować zaawansowanego klienta FTP, jak np. freewarowy FreeCommander czy sharewarowy Total Commander.

Aby sprawdzić, jakie są paramentry FTP Twojego konta, należy wejść do panelu konta, wybrać naszą subdomenę i kliknąć zarządzaj. Następnie odnajdujemy opcję Pliki / dostęp FTP. Hasło jest to samo, które zostało użyte do założenia subdomeny.

Przećwiczenie znaczników - pierwsza strona

Stworzyć lokalnie plik sum.html oraz skopiować do jego wnętrza następującą treść: Wiersz Brzechwy.

Następnie sformatować tekst w taki sposób, by wyglądał jak ten obrazek. Czerwonych napisów nie nalezy zamieszczać na stronie, sugerują jedynie dokąd prowadzą linki ;).

Domowa strona WWW

Strona początkowa (index.html)

Będzie to pierwsza strona, którą zobaczą wszyscy odwiedzający Twoją witrynę. Z czasem będziemy dodawać kolejne opcje.

• Zacznij od poprawnego utworzenia pliku index.html, tagów sekcji head itp.
• Utwórz główny nagłówek strony H1; pod spodem będzie miejsce na opcje menu.
• Zamieść jakąś informację powitalną i jeden obrazek.
• Zamieść link do utworzonej uprzednio i sformatowanej strony z wierszem.

Strona "o mnie" (omnie.html)

Na tej stronie zamieścimy podstawowe informacje o Tobie.

Ważne: informacje umieszczone w internecie stają się dostępne dla wszystkich i mogą być wykorzystane w niewłaściwych celach. Dlatego zalecane jest, aby nie udostepniać żadnych prywatnych informacji, takich jak adres zamieszkania, numer PESEL, numer dowodu osobistego, konta bankowego itp. Informacje prywatne - dostępny wyłącznie dla zaufanych czytelników - umieścimy innego dnia w sekcji "prywatnej".

Ważne 2: Nigdy nie należy używać obrazków "z internetu" których autorstwo nie jest jasne. Proponuję korzystać z serwisów udostępniających darmowe obrazki do bezpośredniego korzystania, takie jak: pixabay. Więcej informacji znajdziesz tutaj.

• Ponownie utwórz sekcję nagłówkową następnej strony (większość rzeczy można po prostu skopiować).
• Skopiuj główny nagłówek strony H1; pod spodem umieść pod-nagłówek H2"O mnie".
• Zamieść kilka nieistotnych informacji o sobie, np. miasto pochodzenia, szkoła, wybrane osiągnięcia w nauce, sporcie, sztuce itp.
• Umieść linki do kilku ulubionych stron WWW
• W menu strony głównej dodaj link do pliku omnie.html

Jeśli starczy czasu, popracuj nad polepszeniem stylu (wyglądu) wygenerowanych stron. W szczególności spróbuj sformatywać wygląd strony używając zagnieżdżonych tabel.

Poprawność swojego kodu możesz sprawdzić za pomocą strony W3C Markup Validation Service.