From MJanik
(Difference between revisions)
|
|
| Line 18: |
Line 18: |
| | Na potrzeby niniejszego kursu proponuję usługi hostinger.pl. Zakładamy konto w [http://www.hostinger.pl/zamow 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 potrzeby niniejszego kursu proponuję usługi hostinger.pl. Zakładamy konto w [http://www.hostinger.pl/zamow 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. |
| | </p> | | </p> |
| | + | |
| | | | |
| | <p><b>Na zajęciach: uruchomienie klienta FTP</b></p> | | <p><b>Na zajęciach: uruchomienie klienta FTP</b></p> |
| Line 27: |
Line 28: |
| | Aby sprawdzić, jakie są paramentry FTP Twojego konta, należy wejść do [http://cpanel.hostinger.pl/order/accounts-list 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. | | Aby sprawdzić, jakie są paramentry FTP Twojego konta, należy wejść do [http://cpanel.hostinger.pl/order/accounts-list 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. |
| | </p> | | </p> |
| | + | |
| | | | |
| | <h2>Pierwsza strona WWW</h2> | | <h2>Pierwsza strona WWW</h2> |
| Line 38: |
Line 40: |
| | <lI>Zamieść jakąś informację powitalną i jeden obrazek.</li> | | <lI>Zamieść jakąś informację powitalną i jeden obrazek.</li> |
| | </ul> | | </ul> |
| | + | |
| | | | |
| | <p><b>Strona "o mnie" (omnie.html)</b></p> | | <p><b>Strona "o mnie" (omnie.html)</b></p> |
| Line 51: |
Line 54: |
| | <li>W menu strony głównej dodaj link do pliku omnie.html</li> | | <li>W menu strony głównej dodaj link do pliku omnie.html</li> |
| | </ul> | | </ul> |
| | + | |
| | | | |
| | <p>Jeśli starczy czasu, popracuj nad polepszeniem stylu (wyglądu) wygenerowanych stron. | | <p>Jeśli starczy czasu, popracuj nad polepszeniem stylu (wyglądu) wygenerowanych stron. |
| | <br><br> | | <br><br> |
| | 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>. </p> | | 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>. </p> |
Revision as of 13:23, 11 October 2015
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>.
