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?
Wersja do druku
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.
jest jakis edytor ktory pokazuje graficzny pogląd "live" robionej strony?
Joomla!. Tak zwany WYSIWYG - What You See Is What You Get. Bardzo przyjemny CMS.
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.
Na początek Notepad++ nie ma sensu zawracać sobie głowę resztą, z dodatkowej funkcjonalności i tak nie skorzystasz.
tylko webmatrix
Zacznij od nauki HTMLa, możesz do tego użyć Joomla!, przy której będziesz miał szybkie efekty, ogarniesz mniej więcej co i jak działa, a i same pliki strony możesz ręcznie edytować. Czy to htmlem czy php.Cytuj:
Badyll napisał
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 :PCytuj:
jest jakis edytor ktory pokazuje graficzny pogląd "live" robionej strony?
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:Cytuj:
Panowie a dla kompletnie zielonego jaki edytor byscie polecili, taki ktory by sie przydal rowniez w przyszlosci?
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
Tak się składa że Notepad++ ma większość tych funkcji np. klonowanie linii to ctrl+d, motywy do notepada też są całkiem spoko i bez problemu można mieć ciemno tło, które nie męczy, npp tak samo ma podgląd kilku plików jednocześnie przy czym mało waży i w ogóle obsługuje wiele składni/języków - jak dla mnie najlepszy program do pracy przy mniejszych rzeczach.
Oczywiście, że nie, ale zaproponowałem kolesiowi coś, co sobie sam ogarnie na początku, a potem przerzuci się na coś ambitniejszego.Cytuj:
Bazan napisał