HTML+PHP/Zadanie1 - Revision history

Majanik at 21:11, 7 November 2015

2015-11-07T21:11:52Z

← Older revision		Revision as of 21:11, 7 November 2015
Line 21:		Line 21:


-	<p><b>~~Instalacja~~ klienta FTP</b></p>	+	<p><b>Tylko w domu: instalacja klienta FTP</b></p>
	<p align=justify>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 [http://totalcmd.pl/download/app/new/ Total Commander].		<p align=justify>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 [http://totalcmd.pl/download/app/new/ Total Commander].
	<br><br>		<br><br>

Majanik at 21:11, 7 November 2015

2015-11-07T21:11:07Z

← Older revision		Revision as of 21:11, 7 November 2015
Line 65:		Line 65:


-	<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. W szczególności spróbuj sformatywać wygląd strony używając zagnieżdżonych tabel.
		+
	<br><br>		<br><br>
	Poprawność swojego kodu możesz sprawdzić za pomocą strony [http://validator.w3.org/#validate_by_uri+with_options W3C Markup Validation Service]. </p>		Poprawność swojego kodu możesz sprawdzić za pomocą strony [http://validator.w3.org/#validate_by_uri+with_options W3C Markup Validation Service]. </p>

Majanik at 21:08, 7 November 2015

2015-11-07T21:08:47Z

← Older revision		Revision as of 21:08, 7 November 2015
Line 51:		Line 51:
	<font color="#dd1379">		<font color="#dd1379">
	<b>Ważne: </b>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".</font></p>		<b>Ważne: </b>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".</font></p>
		+
		+	<font color="#dd1379">
		+	<b>Ważne 2: </b> 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: [https://pixabay.com/pl/ pixabay]. Więcej informacji znajdziesz [http://www.creamsoft.com/blog/skad-brac-ciekawe-i-bezplatne-zdjecia-na-strone-www.html tutaj].
		+	</font>

	<ul>		<ul>

Majanik at 21:02, 7 November 2015

2015-11-07T21:02:28Z

← Older revision		Revision as of 21:02, 7 November 2015
Line 16:		Line 16:
	<p align=justify>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.		<p align=justify>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.
	<br><br>		<br><br>
-	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ę dwa rozwiązania: tymczasowe konto studenckie założone na wydziale fizyki oraz 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>Instalacja klienta FTP</b></p>		<p><b>Instalacja klienta FTP</b></p>

Majanik at 17:30, 1 November 2015

2015-11-01T17:30:45Z

← Older revision		Revision as of 17:30, 1 November 2015
Line 2:		Line 2:
	<h2>Przygotowanie</h2>		<h2>Przygotowanie</h2>

-	<p><b>Na zajęciach: ~~?????~~</b></p>	+	<p><b>Na zajęciach: KATE</b></p>
	<p align=justify>		<p align=justify>
-	Uruchom program ~~XXX~~.	+	Uruchom program KATE.
	</p>		</p>

Majanik at 17:28, 1 November 2015

2015-11-01T17:28:42Z

← Older revision		Revision as of 17:28, 1 November 2015
Line 30:		Line 30:

	<h2>Przećwiczenie znaczników - pierwsza strona</h2>		<h2>Przećwiczenie znaczników - pierwsza strona</h2>
-	Stworzyć lokalnie plik sum.html oraz skopiować do jego wnętrza następującą treść: ["http://www.if.pw.edu.pl/~puk/dwa.html" Wiersz Brzechwy].	+	Stworzyć lokalnie plik sum.html oraz skopiować do jego wnętrza następującą treść: [http://www.if.pw.edu.pl/~puk/dwa.html Wiersz Brzechwy].

-	Następnie sformatować tekst w taki sposób, by wyglądał jak ["http://www.if.pw.edu.pl/~majanik/data/Wierszyk_Sum.png" ten obrazek]. Czerwonych napisów nie nalezy zamieszczać na stronie, sugerują jedynie dokąd prowadzą linki ;).	+	Następnie sformatować tekst w taki sposób, by wyglądał jak [http://www.if.pw.edu.pl/~majanik/data/Wierszyk_Sum.png ten obrazek]. Czerwonych napisów nie nalezy zamieszczać na stronie, sugerują jedynie dokąd prowadzą linki ;).

Majanik at 17:28, 1 November 2015

2015-11-01T17:28:14Z

← Older revision		Revision as of 17:28, 1 November 2015
Line 30:		Line 30:

	<h2>Przećwiczenie znaczników - pierwsza strona</h2>		<h2>Przećwiczenie znaczników - pierwsza strona</h2>
-	Stworzyć lokalnie plik sum.html oraz skopiować do jego wnętrza następującą treść: ~~<a href=~~"http://www.if.pw.edu.pl/~puk/dwa.html"> Wiersz Brzechwy~~</a>~~.	+	Stworzyć lokalnie plik sum.html oraz skopiować do jego wnętrza następującą treść: ["http://www.if.pw.edu.pl/~puk/dwa.html" Wiersz Brzechwy].

-	Następnie sformatować tekst w taki sposób, by wyglądał jak ~~<a href=~~"http://www.if.pw.edu.pl/~majanik/data/Wierszyk_Sum.png">ten obrazek~~</a>~~. Czerwonych napisów nie nalezy zamieszczać na stronie, sugerują jedynie dokąd prowadzą linki ;).	+	Następnie sformatować tekst w taki sposób, by wyglądał jak ["http://www.if.pw.edu.pl/~majanik/data/Wierszyk_Sum.png" ten obrazek]. Czerwonych napisów nie nalezy zamieszczać na stronie, sugerują jedynie dokąd prowadzą linki ;).

Majanik at 17:27, 1 November 2015

2015-11-01T17:27:27Z

← Older revision		Revision as of 17:27, 1 November 2015
Line 29:		Line 29:


-	<h2>~~Pierwsza~~ strona WWW</h2>	+	<h2>Przećwiczenie znaczników - pierwsza strona</h2>
		+	Stworzyć lokalnie plik sum.html oraz skopiować do jego wnętrza następującą treść: <a href="http://www.if.pw.edu.pl/~puk/dwa.html"> Wiersz Brzechwy</a>.
		+
		+	Następnie sformatować tekst w taki sposób, by wyglądał jak <a href="http://www.if.pw.edu.pl/~majanik/data/Wierszyk_Sum.png">ten obrazek</a>. Czerwonych napisów nie nalezy zamieszczać na stronie, sugerują jedynie dokąd prowadzą linki ;).
		+
		+
		+	<h2>Domowa strona WWW</h2>
	<p><b>Strona początkowa (index.html)</b></p>		<p><b>Strona początkowa (index.html)</b></p>
	<p align=justify>		<p align=justify>
Line 38:		Line 44:
	<li>Utwórz główny nagłówek strony <tt>H1</tt>; pod spodem będzie miejsce na opcje menu.</li>		<li>Utwórz główny nagłówek strony <tt>H1</tt>; pod spodem będzie miejsce na opcje menu.</li>
	<lI>Zamieść jakąś informację powitalną i jeden obrazek.</li>		<lI>Zamieść jakąś informację powitalną i jeden obrazek.</li>
		+	<lI>Zamieść link do utworzonej uprzednio i sformatowanej strony z wierszem.</li>
	</ul>		</ul>

Majanik at 13:24, 11 October 2015

2015-10-11T13:24:52Z

← Older revision		Revision as of 13:24, 11 October 2015
Line 23:		Line 23:

	<p><b>Instalacja klienta FTP</b></p>		<p><b>Instalacja klienta FTP</b></p>
-	<p align=justify>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	+	<p align=justify>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 [http://totalcmd.pl/download/app/new/ Total Commander].
-	FreeCommander] czy sharewarowy [http://totalcmd.pl/download/app/new/ Total Commander].	+
	<br><br>		<br><br>
	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.
Line 58:		Line 57:
	<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 [http://validator.w3.org/#validate_by_uri+with_options W3C Markup Validation Service]. </p>

Majanik at 13:23, 11 October 2015

2015-10-11T13:23:45Z

← Older revision		Revision as of 13:23, 11 October 2015
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>