May 29, 2024, Wednesday, 149

HTML+PHP/Zadanie1

From MJanik

Revision as of 13:22, 11 October 2015 by Majanik (Talk | contribs)
Jump to: navigation, search

Poniedziałek - zadanie #1

Przygotowanie

Na zajęciach: ?????

Uruchom program XXX.

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ę 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.

Na zajęciach: uruchomienie klienta FTP

Instalacja klienta FTP

Aby wygodnie przenosić pliki pomiędzy komputerem lokalnym a kontem WWW, najlepiej jest zainstalować zaawansowanego klienta FTP, jak np. freewarowy [http://www.freecommander.com/pl/fc_downl_pl.htm 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.

Pierwsza 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.

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".

  • 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.

Poprawność swojego kodu możesz sprawdzić za pomocą strony <a href="http://validator.w3.org/#validate_by_uri+with_options" target=_blank> W3C Markup Validation Service</a>.