Poradniki tworzenia stron WWW

Dział przeznaczony zagadnieniom związanym z programowaniem PHP. Gotowe rozwiązania, skrypty, porady, pomoc dla początkujących.
Post Reply
sztacheta28
Mieszkaniec Rozpierduchy
Mieszkaniec Rozpierduchy
Posts: 8
Joined: 18-02-2012 10:01

Poradniki tworzenia stron WWW

Post by sztacheta28 »

Zbiór najróżniejszych kursów dotyczących tworzenia stron internetowych posegregowanych przeze mnie:
http://unity3d.cba.pl/forum/viewtopic.php?t=132

Listę aktualizowałem jakiś rok temu, więc parę linków może już nie działać.

-- KODOWA CZĘŚĆ STRONY ---------------------------

HTML:
Opis
Dominujący język wykorzystywany do tworzenia stron internetowych. Dzięki niemu możesz wstawiać grafikę, formularze, tabele, linki, animacje, formować tekst w akapity itp.
Linki
http://pl.html.net/tutorials/html/ <-zupełna podstawa html
http://www.kurshtml.boo.pl/html/zielony.html <-rozszerzenie wiedzy o htmlu

XHTML:
Opis
Język bardzo podobny do HTML. Jeśli już znasz HTML przejście na XHTML nie będzie problemem. Jedną z największych zalet XHTML jest możliwość łączenia z innymi językami zgodnymi z XML, np. MathML czy SVG.
Linki
http://www.kurshtml.boo.pl/html/wprowadzenie,xhtml.html <-osoby chcące przejść z HTML na XHTML niech zaczną od tego
http://webmade.org/kursy-online/kurs-xhtml.php <-kurs xhtml od podstaw

CSS:
Opis
Jest to bardzo często stosowany język stworzony w celu opisu wyglądu strony za pośrednictwem jednego pliku. Stosuje się go do opisu atrybutów(marginesu, wyśrodkowania itp.) elementów (X)HTML, więc sam CSS nie może istnieć.
Te strony:
http://www.csszengarden.com/tr/polish/? ... css&page=0
http://www.csszengarden.com/tr/polish/? ... css&page=0
mają ten sam kod HTML, a różnią się wyłącznie zawartością pliku CSS
Linki
http://www.kurshtml.boo.pl/css/wstep,index.html <-polecam ten kurs
http://pl.html.net/tutorials/css/

PHP:
Opis
PHP jest popularnym językiem, najczęściej stosowanym do tworzenia skryptów po stronie serwera WWW. Jego kod jest wykonywany na serwerze, a nie na komputerze użytkownika, więc użytkownik nie może podejrzeć jego źródła. Można go użyć np. do rejestracji, logowania użytkownika, obliczeń matematycznych, wyświetlenia 1 mln kolejnych liczb za pomocą 3 linii kodu itp.
Linki
http://webhosting.pl/Kurs.PHP..Wstep.do ... skryptowym
http://webmade.org/kursy-online/kurs-php.php
http://php.net/manual/pl/index.php <-przetłumaczony w większości manual php (dodane przez eider)
http://wortal.php.pl/Wortal/Artykuly/PHP <-lista artykułów o php (dodane przez BlackDante)
http://www.uw-team.org/videoarty_kurs_php.html <-video tutoriale stworzone przez unknow'a czyli coś dla opornych (dodane przez BlackDante)
http://phpro.org/tutorials/ <-wiele tutoriali od łatwych do tych z wyższej półki(EN) (dodane przez BlackDante)

ASP:
Opis
Mało popularny język skryptowy. Tworząc skrypty ASP można standardowo korzystać z dwóch języków tj. VBScript oraz JScript. Istnieje również możliwość wykorzystania języka PerlScript w skryptach ASP.
Linki
http://www.egrafik.pl/kurs-asp/ <-podstawy

SQL:
Opis
Język stosowany do obsługi baz danych najczęściej MySQL. Bazę danych można sobie wyobrazić jako zbiór tabel z nagłówkami np. użytkownik | hasło i wierszami np. jan26 | jego_hasło. Bardzo często jest stosowana przy systemie rejestracji i logowania, systemie newsów itp. z powodu prostoty zapisu i odczytu z niej danych. Kod SQL stosuje się łącznie z kodem PHP, więc znajomość PHP jest wymagana.
Linki
http://webmade.org/kursy-online/kurs-mysql.php <-podstawowy kurs MySQL, od jego warto zacząć
http://republika.onet.pl/20405,16567,1, ... html#16567 <-rozszerzony kurs MySQL
http://0day.pl/index.php/archives/11 <-optymalizacja MySQL, gdy już znasz język
http://webhosting.pl/Optymalizacja.w.PH ... owe.zasady <-optymalizacja MySQL, gdy już znasz język

MOD_REWRITE
Mod_rewrite to wyspecjalizowany dodatek do serwera WWW umożliwiający wykonanie niezauważalnego dla użytkownika przekierowania na inny adres URL. Stosuje się go do upraszczania adresów.
Linki
http://www.php.rk.edu.pl/w/p/modrewrite-krotkie-urle/

CURL
Opis
CURL jest to biblioteka, która umożliwia łączenie się z serwerami np. HTTP i FTP. Dzięki temu, że PHP zawiera odpowiedni interfejs do łączenia się z tą biblioteką, możemy wykorzystywać swobodnie jej możliwości. Przykładem zastosowania może być zdalne zalogowanie się i pobranie źródła strony.
Linki
http://wortal.php.pl/phppl/Wortal/Artyk ... tokol-HTTP
http://compzone.org/art-%5BCURL%5DPrzes ... ST-53.html <-Przesyłanie zmiennych metodą POST

JavaScript(JS):
Opis
JS jest językiem stosowanym do obsługi zdarzeń np. pojawienie się obrazka po kliknięciu w link bez przeładowania strony, efekt podświetlenia przycisku po najechaniu myszką, obliczenia matematyczne, dynamiczne wyświetlanie daty itp. W przeciwieństwie do PHP jest wykonywany po stronie użytkownika i nie może posłużyć np. do logowania. Data wyświetlana przez niego będzie datą z komputera użytkownika, a nie serwera.
Linki
http://www.poradnik-webmastera.com/kursy/javascript/ <-ten polecam na początek
http://republika.onet.pl/13965,15234,1, ... html#15234

VBScript
:
Opis
Alternatywa języka JavaScript. Rzadko stosowany. Obecnie rozwijany jedynie w ASP. Przeznaczony jest do pisania skryptów wbudowanych w strony WWW i rozszerza możliwości klasycznych dokumentów HTML.
Linki
http://www.vb4all.pl/vbm/czytam/vbm25/data/vbs1.htm <- 4-częściowy kurs
http://www.w3schools.com/Vbscript/default.asp <-kurs z przykładami (EN)

AJAX (AHAH):
Opis
Technologia tworzenia aplikacji internetowych, w której interakcja użytkownika z serwerem odbywa się bez przeładowywania całego dokumentu, w sposób asynchroniczny. Wykorzystując AJAX można np. załadować treść strony z bazy po kliknięciu w link bez przeładowania całej strony. Drugim przykładem jest zegarek pokazujący dynamicznie czas z serwera, a nie komputera użytkownika jak w przypadku JS.
Linki
http://internetmaker.pl/artykul/3999,1, ... ntu_strony <-Asynchroniczna wymiana fragmentu witryny
http://internetmaker.pl/artykul/3903,1, ... szukiwarka <-kurs na przykładzie wyszukiwarki

jQuery
Opis
Popularna biblioteka ułatwiająca korzystanie z JavaScript. Pozwala osiągnąć interesujące efekty animacji, dodać dynamiczne zmiany strony, wykonać zapytania AJAX.
Linki
http://internetmaker.pl/artykul/4139,1, ... w_-_jquery <-ten polecam na początek
http://www.javascript-tutorial.pl/index ... ory/jquery

.HTACCESS
Opis
Za pomocą specjalnych dyrektyw możliwe jest m.in. wskazywanie stron www wyświetlanych w odpowiedzi na różne komunikaty błędów serwera (np. 404), lub np. ograniczanie dostępu do zasobów znajdujących się na danym serwerze.
Linki
http://webhosting.pl/Jak.uzywac.plikow..htaccess
http://blog.alchemycode.pl/2010/01/27/1 ... -htaccess/ <-10 przykładów wykorzystania plików .htaccess

SMARTY:
Opis
Biblioteka skryptów służąca do tworzenia szablonów dla aplikacji PHP. Pozwala na separację logiki aplikacji (PHP) od jej warstwy prezentacyjnej (HTML).
Linki
http://www.webmaster.twoja.org/index.ph ... Itemid=131
http://compzone.org/art-Ksiega+gosci+w+ ... ty-62.html <-Księga gości w oparciu o Smarty

JAVA:
Opis
Za pomocą Javy można stworzyć takie aplikacje jak dynamiczne czaty tekstowe, gry 2d itp. Java wymaga pobrania odpowiedniego pluginu.
Przykład
http://nintendo8.com/game/629/super_mario_brothers/
Linki
http://kursy.skryptoteka.pl/kurs,9,jsp.html

Flash:
Opis
Narzędzie dzięki któremu można stworzyć aplikacje aktywnie reagujące na zachowania użytkownika. Głównymi zastosowaniami flash są odtwarzacze filmów, muzyki, animowane banery, przyciski, proste gry. Najnowsza wersja flash pozwala także na tworzenie rozbudowanych aplikacji 3d.
Linki
http://republika.onet.pl/20203,16192,1, ... html#16192 <-kurs po polsku
http://www.actionscript.org/resources/c ... als/Flash/ <- dobry zbiór tutoriali do flasha (EN)
http://www.flzone.com/index?2/634 (EN)

Flex
Opis
Adobe Flex jest środowiskiem programistycznym wykorzystywanym do tworzenia tzw. bogatych aplikacji internetowych (RIA – Rich Internet Applications). Flex umożliwia kreowanie wydajnych aplikacji sieciowych o zaawansowanych interfejsach użytkownika oraz rozbudowanej logice biznesowej. Aplikacje stworzone za pomocą Flexa można uruchamiać w większości popularnych systemów operacyjnych.
Linki
http://www.adobe.com/devnet/flex/videotraining.html <-wideotutoriale (EN)
http://www.adobe.com/devnet/flex.html (EN)
http://software.com.pl/video-kurs-programowanie-flex/ <-nie sprawdzałem

Unity:
Opis
Jest to narzędzie stosowane do tworzenie aplikacji 2D, 3D, które można umieścić np. na stronie www. Za pomocą Unity można stworzyć np. strzelankę z obsługą sieci, chat 3d, strategię czasu rzeczywistego itp. Uruchomienie aplikacji wymaga instalacji dodatkowego pluginu ~3mb. Można pisać w nim z użyciem składni JavaScript, Boo, C#, C++(w płatnej wersji).
Przykład
http://unity3d.com/gallery/live-demos/i ... l-paradise
Linki
http://unity3d.com/unity/download/ <- silnik do pobrania
http://www.wonderhowto.com/how-to-creat ... ne-261277/ <-warto zacząć od tego Videotutoriala (EN)
http://unity3d.com/support/documentatio ... index.html <-kolejnym krokiem nauki może być ta strona (EN)
http://unity3d.com/support/documentation/ <-pełna dokumentacja (EN)
http://unity3d.com/support/documentatio ... index.html <- naukę odmiany języków w Unity warto zacząć od linków na dole tej strony (EN)

CGI
Opis
CGI służy do komunikację pomiędzy oprogramowaniem serwera WWW, a innymi programami znajdującymi się na serwerze w celu tworzenia stron "w locie". Program CGI można napisać np. w Perlu, C++, C#. Najczęściej stosuje się PERL
Linki
http://www.webmaster.bbsoft.pl/cgi.php <-podstawowy kurs z przykładami w PERL

Django:
Opis
Django to webowy framework wysokiego poziomu napisany w Pythonie z myślą o szybkim rozwoju aplikacji, posiadający przejrzystą architekturę. Django pozwala na budowanie wydajnych i eleganckich aplikacji internetowych w krótkim czasie.
Linki
http://www.django.pl/documentation/install/ <-poradnik instalacyjny
http://www.django.pl/documentation/tutorial01/ <-tutorial w 4 częściach


-- POZYCJONOWANIE -------------------------------------------

SEO(pozycjonowanie):
Opis
Zwiększanie pozycji strony w Google
Linki
http://www.web-marketing.pl/pozycjonowanie-stron/ <-najlepszy kurs jaki widziałem
http://darmowy-kurs-pozycjonowania.pl/ <-stronka dodana przez puertorico44
http://www.webseoaudit.com/ <-narzędzie do analizy stron, naprawdę konkretne, dodane przez puertorico44
http://pl.wikipedia.org/wiki/Optymaliza ... ernetowych

Lista katalogów:
http://www.katalogiseo.info/ <-bardzo obszerna lista katalogów SEO
http://www.seokatalog.pl/ <-pogrupowana lista katalogów

Presell Pages:
Opis
Presell pages to strony stworzone w celu umożliwiania innym wstawienia artykułów z linkami do ich stron
Linki
http://www.lexy.com.pl/blog/pozycjonowa ... ell-pages/ <-podstawy Pressel Pages
http://www.sprawnymarketing.pl/artykuly ... jonowanie/ <-trochę więcej o Pressel Pages
http://blog.zuno.pl/lista-presell-pages.html <-lista Presell Pages, nietestowana



-- SERWERY --------------------------------------------------

Serwer RED5:
Opis
Darmowy odpowiednik Flash Media Server. Dzięki temu serwerowi można stworzyć np. czat wideo z głosem na strone www w oparciu na technologi flash.
Linki
http://osflash.org/red5

Adobe Flash Media Server:
Opis
Serwer służący do streamingu wideo w internecie.
Linki
http://www.adobe.com/pl/products/flashmediaserver/

Apache:
Opis
Najszerzej stosowanym serwerem HTTP w Internecie. W połączeniu z interpreterem języka skryptowego PHP i bazą danych MySQL, Apache stanowi jedno z najczęściej spotykanych środowisk w firmach oferujących miejsce na serwerach sieciowych.
Linki
http://www.webdeveloper.pl/kurs_apache_ ... ,1,pl.html <-jedna z 8 części kursu
http://httpd.apache.org/ <-oficjalna strona
http://httpd.apache.org/docs/2.2/ <-dokumentacja



-- DOMENY -----------------------------------------------------

DNS:
Opis
DNS to złożony system komputerowy zapewniający z jednej strony rejestrację nazw domen internetowych i ich powiązanie z numerami IP. Z drugiej strony realizuje bieżącą obsługę komputerów odnajdujących adresy IP odpowiadające poszczególnym nazwom.
Linki
http://pl.wikipedia.org/wiki/Domain_Name_System



-- GRAFIKA ----------------------------------------------------

GIMP:
Opis
Jeden z najlepszych darmowych programów do tworzenia grafiki 2D
Linki
http://internetmaker.pl/artykul/649,1,k ... dstaw_cz_1 <-to na początek
http://www.gimpuj.info/index.php?PHPSES ... =tutoriale <-ponad 300 tutoriali

PHOTOSHOP:
Opis
Profesjonalne płatne narzędzie do tworzenia grafiki 2D.
Linki
http://www.cyfrografia.pl/photoshop.html <-bardzo dobry kurs photoshopa
http://www.mepi.pl/tutorial-photoshop/blog.html <-kilka dobrych tutoriali

BLENDER:
Opis
Darmowe narzędzie do tworzenia grafiki 3d
Linki
http://www.max3d.pl/tutorial.php?id=93 <-16 wideotutoriali

3DS MAX:
Kolejny program do grafiki 3d
http://www.edenet.pl/artykuly/artykuly-4.html

RÓŻNE:
http://galeria.muzykaduszy.pl/grafika5.php <-porównanie formatów graficznych na www
http://galeria.muzykaduszy.pl/grafika4.php <-narzędzia pomagające dobrać kolory



-- EDYTORY ------------------------------------------------------

EDYTORY HTML
Opis
Edytory ułatwiające pracę programistom kolorując składnie kodu.
Linki
http://www.kurshtml.boo.pl/html/edytory,zielony.html <-lista edytorów
http://www.dobreprogramy.pl/Notepad,Pro ... 12986.html <-instalka edytora Notepad++, który polecam



-- DŹWIĘK --------------------------------------------------------

AUDACITY:
Opis
prosty w obsłudze bezpłatny edytor do obróbki plików dźwiękowych.
Linki
http://www.instalki.pl/programy/downloa ... acity.html <-instalka
http://poznajpodcasting.pl/Community/47 ... esc_1.html
http://www.komputerswiat.pl/poradniki/p ... acity.aspx



-- MENADŻERY PLIKÓW ------------------------------------------

TOTAL COMMANDER:
Opis
Jeden z najbardziej popularnych menadżerów
Linki
http://totalcmd.pl/ <-stąd można pobrać
http://www.kurshtml.boo.pl/html/wyslani ... dalej.html <-jak wysłać stronę na serwer ftp

CHMOD:
Opis
Zezwolenie dostępu do pliku.
Linki
http://webmade.org/porady/ogolne/chmod.php <-nadawanie chmodów



-- CRON ----------------------------------------------------------------

DARMOWE CRONY
Opis
Darmowe zewnętrzne crony, mogące uruchamiać synchronicznie pliki na serwerze.
Linki
http://cronjob.de <- w darmowej wersji minimalny odstęp pomiędzy uruchomieniem kolejnych zadań to 5 minut, ilość zadań nieograniczona. Serwis przeze mnie sprawdzony i godny zaufania, działa stabilnie. Od końca października, początku listopada 2010 musisz zalogować się raz na 4 tygodnie by utrzymać zadania aktywne (dodane przez Piotr GRD)
http://www.onlinecronjobs.com <- w darmowej wersji zadania uruchamiane co najwyżej raz na dobę, maksymalnie 5 zadań. Jeśli uruchomienie zadania zakończy się niepowodzeniem 3 razy pod rząd (np. Twój serwer nie odpowiada, problemy z połączeniem itp.) - wykonywanie zadania zostaje automatycznie zawieszone. Serwis przeze mnie około roku temu sprawdzony, działał sprawnie, obecnie nie używam, ale widzę, że moje konto wciąż istnieje, ustawione zadanie było uruchamiane do czasu, kiedy faktycznie 3 razy pod rząd z winy mojego serwera nie udało się zadania uruchomić, a było to już kilka miesięcy po tym, jak o onlinecronjobs zapomniałem, więc działają rzetelnie według określonych warunków.(dodane przez Piotr GRD)
http://www.setcronjob.com <- w darmowej wersji minimalny odstęp pomiędzy uruchomieniem kolejnych zadań to 10 minut, ogólna ilość zadań ograniczona ich systemem "resource points" (mniej więcej max 5 zadań jeśli 10-minutowe, max 25 zadań jeśli godzinne, max 100 zadań jeśli dobowe).
http://cronless.com <- w darmowej wersji zadania uruchamiane najwyżej 2 razy na dobę, maksymalnie 5 zadań (dodane przez Piotr GRD)
http://www.mywebcron.com / http://www.freewebscheduler.com <- (dwa adresy, jeden serwis) - brak informacji, dostępne chyba tylko po zalogowaniu. (dodane przez Piotr GRD)
http://www.onlinecronjobs.com <-(EN)(FR)(RO) (dodany przez eidera)

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest