Temat: tworzenie stron

Witam zastanawiałem się chwile gdzie dać ten temat ale myślę chyba że w dobrym miejscu.
A wiec do rzeczy, chciałbym nauczyć się tworzyć strony internetowe ( takie zajęcie na wolny czas) Jest gdzieś w interecie jakiś darmowy dobry kursik albo cos?

Najpierw poczytałbym o wersjach html itp. A później taki fajny kursy dla początkujących. Robiłem go i wszystko chwytałem.
http://www.kurshtml.edu.pl/html/zielony.html

Jak znasz angielski na troche lepszym niz srednim poziomie to: https://tutsplus.com/course/30-days-...-html-and-css/

Do tego w nauce bedzie ci bardzo przydatna ta stronka: http://kodcss.pl/mapa-serwisu-kod-css - chyba wszystkie mozliwosci css omowione.
A jak jestes w stanie wydac troche kasy na taka nauke to polecam swietne kursy na eduweb - http://eduweb.pl/kursy/photoshop/psd-do-html-css.html Mimo ze jest w tym zawarte tworzenie grafiki, to mozesz w miare ominac ten dzial, ale wytlumaczone dalej przeniesienie gotowego PSD do dzialajacej strony HTML jest swietne, i polecam. Bo w kilka godzin kursu nauczysz sie zrobic poprawnie dzialajaca strone.

Jak bys mial juz w trakcie nauki jakies pytania/problemy to pisz w dziale sprzet/oprogramowanie -> programowanie, ewentualnie do mnie na pw. Ale lepiej tam jako temat w dziale bo tez tam czesto zagladam, i nie tylko ja :)

@edit
Bardzo wazna kwestia w trakcie nauki, a jednak lekcewazona. Zamiast kopiowac z neta, lepiej je przepisuj recznie, wtedy nauka tych wszystkich slowek duzo lepiej przychodzi :)


@edit2

Do tworzenia stronek potrzebne ci bedzie jakis przyzwoity edytor tekstu.
Najlepszym w tym momencie chyba jest i dlugo bedzie edytor Sublime Text 3, wraz z dodatkiem Emmet. Wiecej info na temat instalacji programu i tego dodatku znajdziesz w necie. Jesli polubisz tworzenie stron to zakochasz sie w tym programie po prostu :D

@down
A uzywales sublime text? Wiem ze gadam jak fanboy :D Jak czesto uzywasz html/css/jquery to bardzo polecam ten edytor. Do tego livereload I jest bosko :P

od siebie polecam dreamwaver cs3. Nie spotkałem się z lepszym edytorem imo.

Panowie a dla kompletnie zielonego jaki edytor byscie polecili, taki ktory by sie przydal rowniez w przyszlosci? Do zajmowania sie tym wiecej niz tylko dla zabicia czasu.

Dzzej nie masz o tym pojecia to po co wciszkasz kit? :D

Edytor =/= system cms.

Niby są, ale nic nie zastapi przegladarki. Wiem ze kiedys jak pracowalem w dreamweaver to potrafil sie mylic i w edytorze wyswietlalo sie jak chcialem, a w przegladarce sie sypalo, i odwrotnie, w przegladarce dobrze a w eytorze sie sypalo. Pozatym nic nie jest lepsze niz dobrze przemyslany kod napisany recznie z palca, nie ufam edytorom graficznym bo robia syf w kodzie :P
Edytor ktory ma podglad to np dreamweaver, no ale jak dla mnie to kombajn. Jak chcesz BARDZO szybko podglad to trzeba sobie zrobic srodowisko pracy, przygotowanie takiego zajmie z odpowiednim poradnikiem z neta maksymalnie 30 minut.

Ja do codziennej pracy uzywam wlasnie takiego zestawu:

Edytor - Sublime Text 3 + dodatek Package Manager + dodatek Emmet + dodatek CSS Snippets,
serwer php/mysql - WAMP, zeby dzialalo php trzeba miec jakis interpreter i tym wlasnie zajmuje sie WAMP, lub XAMPP. Cala jego obsluga polega na wlaczeniu go i tyle :P
Program Live Reload - program w którym podajemy sciezke do aktualnie tworzonego projektu na dysku, i razem z wtyczka do chrome dziala w ten sposob, ze jak zapiszesz plik jakis plik we wskazanym katalogu, czy zaktualizujesz np css, w przegladarce otwarta strona automatycznie sie odswiezy, niezbedne do szybkiej pracy :)

Jako klient FTP - FileZilla.

Sublime text nie jest kombajnem jak DreamWeaver, a ma lepsze udogodnienia niz wymieniony wczesniej Notepad++, przedewszystkim, standardowy motyw jest ladny, i tlo ma ciemne przez co nie meczy oczu podczas pracy. Dodatkowo ma wiele super skrotow klawiszowych na:
klonowanie aktualnej linii,
przenoszenie aktualnej linii ponad/ ponizej innej linii (nie to samo co enter),
zaznaczanie kilku elementow naraz, kilka kursorow = pisanie w kilku miejscach naraz, dobre przy wpisywaniu klas.

Do tego mozna sobie w bardzo latwy sposob (jest gotowy szablon do edycji) wlasne "snippety" czyli kawalki kodu ktore reaguja na tab, i tak np jesli czesto piszesz cos w stylu:

<a href="#"></a> to w sublime text mozna to zrobic za pomoca: wpisujesz a i klikasz tab = samo rozwinie sie do pelnej funkcji. Wiele takich skrotow jest w dodatku emmet.

A samych mozliwych dodatkow jest mnostwo, jest np automatyczny upload na serwer przy zapisie, ale ja z niego nie korzystam. Problemem w sublime text moze byc tylko edytor opcji ktory jest w postaci tekstu :/ Nie ma ladnego okna z ustawieniami, wszystko jest w kodzie co moze stanowic problem, ale ja na razie nie mialem potrzeby jeszcze nic zmieniac.

Swietna opcja tez jest podzial okienka edytora na kilka dzieki czemu mozna miec 2 widoczne naraz pliki z kodem, np html i css, i podzielone na 2 /3/4/.../8 czesci.

Ja mam mala rozdzialkie wiec tak srednio sie pisze na podziale na 2 pionowe, ale sadze ze przy 1920 spokojnie starczy miejsca na 2 wygodne kolumny.

Dla kompletnego nooba Microsoft Frontpage to chyba najlepsza opcja. Podobnie jak dreamweaver ma live podgląd i podział kod/podgląd więc wystarczy do nauki. Notepad++ do nauki, to jakby ktoś kto chce zdać prawko zaczął naukę od tira. Po co? Żadnych pomocy, głupie podświetlanie kodów, brak podglądu.

npp jest genialny, nei znasz się haxigi
jakiego bym języka w nim nie puścił nie mam żadnego problemu, nppftp + npp exec i można sobie spokojnie wszystko ogarnąć wliczając podgląd itp
większość "pomocy" z jakimi się spotkałem tylko irytuje, a to dopisze mi klamerkę, a to wyświetli podpowiedź i nie chce jej zniknąć, a jak coś mi potrzebne to strzela fochy i 0 pomocy, npp rox