Porady dla laika

[Chris]

Od czego zacząć swoją przygodę z webmasteringiem?

Witajcie. A więc mam do Was dość ogólnikowe pytania. Otóż kilka lat temu zacząłem się nieco interesować informatyką a w szczególności dwoma dziedzinami - grafiką komputerową oraz tworzeniem stron www. Zacząłem nieco czytać o html'u, jednak wówczas wyglądał on nieco inaczej aniżeli teraz. Nie było tak jak jest teraz html - struktura + css - wygląd. Plik html zawierał wszystko, łącznie z definiowaniem wyglądu. Troszkę używałem systemów cms jak jPortal oraz php-fusion czy for dyskusyjnych jak phpBB. Dzięki temu mniej więcej wiem jak wygląda wizualnie php. W grafice natomiast do tej pory projektowałem jakieś bannerki, avatary czy proste layouty.

Mam jednak pytanie na dzień dzisiejszy. Od czego zacząć naukę? Bo jestem świadom, że dzisiejsze standardy inne aniżeli 7-8 lat temu. Czy więcej da mi kurs on-line, kurs w postaci książki czy też kurs video? Jednym słowem jakie materiały KONKRETNIE byście polecili? Jakie książki lub kursy w sieci? No i pytanie na koniec, jaki html się uczyć najlepiej? xHTML czy html 5, a może jeszcze coś innego?

Z góry dziekuję za pomoc.

/Na pokaz jeden z moich layoutów strony www. Czy na takiej grafice mogę uczyć się ciąć i kodować strony www? http://champion1990.deviantart.com/art/Speedway-Team-Club-272314431?q=gallery%3Achampion1990&qo=0

[Kartofelek]

1) layout - jak najbardziej

2) Ja się uczyłem z tego:
http://webmaster.helion.pl/ ale wiem, że ani to nowe ani w 100% dobre. Ja jednak polecam ten kurs.

Pewnie zainteresuje cie jeszcze to: http://net.tutsplus.com/sessions/html5-and-you/ i to: http://html5doctor.com/article-archive/

Dodatkowe strony które warto znać/często odwiedziać:

http://alistapart.com
http://www.smashingmagazine.com/
http://www.webappers.com/
http://tutorialzine.com/
http://www.noupe.com/
http://naldzgraphics.net/
http://www.onextrapixel.com/
http://internetmaker.pl/
http://net.tutsplus.com/
http://tympanus.net/codrops/
http://psd.tutsplus.com/
http://www.emanueleferonato.com/
http://jqueryfordesigners.com/
http://www.webdesignerdepot.com/
http://www.webresourcesdepot.com/
http://www.webdesignerwall.com/
http://ae.tutsplus.com/
http://speckyboy.com/
http://webdesign.tutsplus.com/
http://strims.pl/
http://vector.tutsplus.com/
http://www.webinterfacelab.com/snippets
http://codevisually.com/
http://thinkvitamin.com/
http://wp.tutsplus.com/
http://html5snippets.com/
http://mobile.tutsplus.com/
http://freebiesbug.com/

Najlepiej zainstalować sobie w firefoxie dodatek FastDial (w operze nie trzeba) i walnąć sobie te strony na stronę początkową.

3) Css.
Polecana tutaj często w3school jest dla mnie bardzo średnia. Wolę stackowerflow.com lub to http://dochub.io/#css/

O CSS:
http://adamczuk.net.pl/2009/01/08/obsluga-selektorow-css3-przez-przegladarki/
http://caniuse.com/#
http://dochub.io/#css/
http://meiert.com/en/indices/css-properties/
http://robertnyman.com/css3/
http://www.findmebyip.com/litmus/#css3_ends
http://www.webdevout.net/browser-support-css
http://www.webdevout.net/browser-support-css
https://developer.mozilla.org/en/CSS_Reference

Efekty:
http://anton.trollback.se/shine-effect/
http://tympanus.net/Tutorials/CSSButtonsPseudoElements/index4.html
http://ubuwaits.github.com/css3-buttons/
http://www.webstuffshare.com/2012/05/css3-pictogram-button/
http://demo.webinterfacelab.com/9-3d-buttons/
http://daneden.me/animate/
http://www.noupe.com/css/useful-css-snippets-for-your-coding-arsenal.html
http://webdesign.tutsplus.com/tutorials/site-elements/orman-clarks-chunky-3d-web-buttons-the-css3-version/
http://tympanus.net/codrops/2011/11/07/animated-buttons-with-css3/
http://tympanus.net/Development/HoverClickTriggerCircle/#
http://matthamm.com/box-shadow-curl.html
http://css-tricks.com/better-tabs-with-round-out-borders/
http://tympanus.net/Tutorials/CSS3SlidingImagePanels/index4.html
http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
http://www.brunildo.org/test/img_center.html
http://inspectelement.com/tutorials/create-the-illusion-of-stacked-elements-with-css3-pseudo-elements/
http://tympanus.net/codrops/2012/06/18/3d-thumbnail-hover-effects/
http://demo.webinterfacelab.com/5-progress-bars/
http://css-tricks.com/examples/hrs/
http://html5snippets.com/
http://html5snippets.com/snippets/14-how-to-keep-your-footer-at-the-bottom-of-the-page#
https://github.com/paulirish/css3please/issues/73
http://www.webinterfacelab.com/snippets/page/5

Reszta to czysta praktyka i po prostu częste czytanie tutoriali.

[Radian]

Myśle że warto celować teraz w html 5 i uczyć się css oraz pamiętać o walidacji