www.counter-strike.pl
FAQ  Szukaj  Grupy  Rejestracja  Profil  Zaloguj się, by sprawdzić wiadomości  Zaloguj  
Zanim zrobisz layout - Przeczytaj!

 
Napisz nowy temat   Odpowiedz do tematu    Forum Board Counter-Strike.PL Strona Główna -> Strony klanowe
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
Kejter
Użytkownik
Użytkownik


Dołączył: 17 Sty 2006

PostWysłany: Czw Gru 20, 2007 6:24 pm    Temat postu: Zanim zrobisz layout - Przeczytaj! Odpowiedz z cytatem

Zanim zrobisz layout - Czyli przydatne materiały cz.1

Spis Treści
1. Grid Design
2. Paleta kolorów RGB
3. Typografia
4. Czcionki
5. Zasoby internetowe
6. Optymalizacja
7. Tutoriale dla webdesingerów



Witam, postanowiłem że będę co jakiś czas pisał tematy z przydatnymi materiałami przy tworzeniu swoich ukochanych layoutów. Więc jak przystało na "profesjonalnego" grafika tworzenie swojej strony zaczynamy od zaplanowania i rozmieszczenia wszystkich boxów na swojej stronie.

Przydatne artykuły przy rozmieszczaniu :

1. Grid Design

- http://www.designbygrid.com/ - doskonale wytłumaczone tworzenie stron przy użyciu gridu

- http://www.subtraction.com/pics/0703/grids_are_good.pdf - kolejny wyczerpujący pdf

- http://www.subtraction.com/archives/2007/0318_oh_yeeaahh.php - do pozycji wyżej...

- http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/ - zbiór stron opartych o grid (serwer padł niebawem powinno się to zmienić)


Kolejną rzeczą jest zaprojektowanie strony, poniżej interesujące rzeczy :

2. Paleta kolorów RGB

- http://kuler.adobe.com/

- http://www.oreilly.com/catalog/wdnut/excerpt/web_palette.html

- http://web.forret.com/tools/color_palette.asp

- http://www.kaila.biz/design/htm/article/kolory.htm

- http://www.kaila.biz/design/htm/article/tryby.htm

- http://wellstyled.com/tools/colorscheme2/index-en.html - dopasuje kolory najbardziej odpowiadające dla twojego layoutu

- http://www.degraeve.com/color-palette/ - generator kolorów z obrazka .jpg

- http://www.colorschemer.com/online.html - color schemer

- http://www.colorcombos.com/ - ColorCombo czyli jak dobrze dopasować kolory, żeby inni byli zadowoleni :)

- http://www.somacon.com/p142.php - CSS Color Chart

3. Typografia

- http://www.kaila.biz/design/htm/article/fonty.htm - radzę poczytać dobry artykuł...

- http://webdesign.art.pl/typografia - ja wzoruje się na tym

- http://www.webdesignerwall.com/tutorials/typographic-contrast-flow/

- http://www.linotype.com/?gclid=CIK4pdayt5ACFSPlXgod1w3IFg - do podglądnięcia fonty

- http://ilovetypography.com/

- http://www.typography.com/home/index.php?affiliateID=

- http://www.wpdfd.com/issues/23/typography/

- http://www.efuse.com/Design/web_fonts_basics.html

- http://www.webspaceworks.com/resources/fonts-web-typography/48/ - artykuł na temat użyteczności czcionek na stronach www (Polecam)

4. Czcionki

- http://www.dafont.com - bardzo duży zbiór fontów

- http://www.webfontlist.com/ - czasami znajdzie się coś ciekawego

- http://www.getfreefonts.info/ - proste fonty

- http://www.creamundo.com/index.php?lang=en - dość pokaźny zbiór

- http://www.urbanfonts.com/ - dobra strona z czcionkami

-

5. Zasoby internetowe

- http://www.ndesign-studio.com/resources/ - bardzo przydatne materiały

- http://www.wpdfd.com/resources/ - dużo przydatnych linków

- http://www.bluevertigo.com.ar/bluevertigo.htm - różnego rodzaju różności

- http://tutorialblog.org/free-vector-downloads/ - dużo przydatnych ikonek shapów itp...

- http://www.vecteezy.com/ - Dużo darmowych vectorów

- http://garcya.us/blog/free-vector-graphics/ - kolejne vectory

- http://www.bittbox.com/ - bardzo dużo przydatnych rzeczy dla grafików

- http://www.freevectors.net/ - vectory pozbierane ze wszystkich stron

- http://www.allfreelogo.com/ - loga vectorowe

- http://www.squidfingers.com/patterns/ - patterny

- http://www.webweaver.nu/tools/simple-banner/ - Online banner, czyli tworzenie bannerów online.

- http://resources.bravenet.com/clipart - czasami znajduje tutaj dobre gotowe elementy stron

Gdy już stworzymy własną stronę dobrze by było aby wczytywała się dość szybko, by oglądający ją nie zniechęcił się na wstępie :) Poniżej przydatne linki

6. Optymalizacja

- http://www.webreference.com/services/graphics/jw/ - proste optymalizowanie obrazków

- http://www.entheosweb.com/website_design/fast_loading_websites.asp - ogólnie o optymalizacji layoutu i gotowej pociętej już strony.

- http://www.useit.com/alertbox/screen_resolution.html - przeczytaj jeżeli masz problem w jakiej rozdzielczości wykonać swój layout

7. Tutoriale dla webdesignerów

- http://psdtuts.com/category/designing-tutorials/

- http://psdtuts.com/category/web/ - dobre artykuły na temat tworzenia www

- http://www.pixel2life.com/ - dobre tutoriale

- www.tutorialized.com - znany chyba wszystkim

- http://www.drewflaherty.com/ - warto zajrzeć czasami dobrze rzeczy można spotkać


To by było na tyle, jeżeli masz jakieś ale i chciałbyś coś dodać to napisz mi na pm a jeżeli będzie przydatne na pewno się tutaj znajdzie :)

W Następnej części : CSS i XHTML - Czyli dlaczego warto ?
_________________


Ostatnio zmieniony przez Kejter dnia Czw Gru 20, 2007 11:01 pm, w całości zmieniany 2 razy
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
Google
Reklama




PostWysłany: Czw Gru 20, 2007 6:24 pm    Temat postu:

Powrót do góry
Jaason
Admin serwera CS.PL
Admin serwera CS.PL


Dołączył: 22 Paź 2001

PostWysłany: Czw Lip 24, 2008 10:05 am    Temat postu: Odpowiedz z cytatem

CSS i XHTML - Czyli dlaczego warto ? cz.2 by Kejter

Spis Treści
1. XHTML
2. CSS
3. Łączenie CSS i HTML
4. Przykłady szablonów CSS
5. Gotowe szablony stron w CSS do pobrania
6. Galeria stron CSS

Kolejna część i kolejne zagadnienia i problemy do rozwiązania, przedstawię tutaj dużo rozmaitych kursów CSS jak i XHTML pytanie tylko czym różnią się owe techniki, Ależ proszę bardzo odpowiedz w postaci linku :

XHTML i CSS

Jeżeli już zapoznaliście się z powyższymi linkami i wybraliście interesujący was styl pocięcia swojej strony czas się za to zabrać. Pomogą nam w tym różnego rodzaju linki które zaprezentuje wam poniżej

1. XHTML
- http://www.w3.org/TR/xhtml1/ - Specyfikacja XHTML 1.0
- http://www.w3.org/TR/xhtml2/ - Specyfikacja XHTML 2.0
- http://webmade.org/kursy-online/kurs-xhtml.php - kurs xhtml (PL)
- http://kurs.browsehappy.pl/kurs.browsehappy.tar.bz2 - kolejny kurs w języku polskim (PDF)
- http://d4u.pl/url/?xhtml - przykład szablonu XHTML
- http://forum.php.pl/index.php?s=38ecc371718227d493034556e000782f&showtopic=33129&st=0&p=188379&#entry188379
dyskusja dlaczego warto pisać strony w XHTML

2. CSS
- http://www.cssbeauty.com/ - dużo artykułów tutoriali na temat CSS
- http://css.webinside.pl/ - arty, tutki, porady, kursy
- http://developer.mozilla.org/pl/docs/CSS:Na_pocz%C4%85tek - kurs developer mozilla :)
- http://www.csszengarden.com/tr/polish/ - CSS zengarden dużo przydatnej wiedzy
- http://webmade.org/kursy-online/kurs-css.php - Kolejny ciekawy kurs
- http://www.webtips.pl/post6163.html - Przykład 3 Kolumnowej strony w CSS opartej o divy
- http://www.linuxfan.pl/webmaster/poradnik/style.php3 - trochę wyjaśnień o css : )
- http://osiolki.net/tabelki/30examples.html - przykłady stron opartych o CSS
- http://republika.onet.pl/-1,32,fabryka.html - dość godne uwagi dla początkujących

3. Łączenie CSS i HTML
- http://webmade.org/porady/osadzanie-laczenie-css-html.php
- http://webmade.org/porady/css_html/css_html.php
- http://designcorner.pl/?cat=36 - 4 lekcyjny kurs tworzenia stron xhtml/css


4. Przykłady szablonów CSS
- http://layouts.ironmyers.com/
- http://css-discuss.incutio.com/?page=CssLayouts
- http://www.code-sucks.com/css%20layouts/
- http://www.glish.com/css/
- http://www.maxdesign.com.au/presentation/page_layouts/
- http://csscreator.com/?q=tools/layout - Kreator stylów CSS
- http://www.intensivstation.ch/en/templates/

5. Gotowe szablony stron w CSS do pobrania
- http://www.free-css-templates.com/free-templates.html - Osobiście oparłem na jednej z tych przykładów swoją strone
- http://www.freecsstemplates.org/
- http://templates.arcsin.se/ - przejrzyście wytłumaczone szablony łatwe w edycji
- http://www.solucija.com/home/css-templates/
- http://www.freecss.info/
- http://www.ramblingsoul.com/


6. Galeria stron CSS - Czyli co potrafi zrobić CSs
- http://www.csstopsites.com/templates/
- http://www.unmatchedstyle.com/
- http://cssvault.com/
- http://www.designshack.co.uk/
- http://cssmania.com/
- http://www.cssimport.com/

Jak widać za pomocą CSS i XHTML możemy zrobić bardzo zaawansowaną a co ważne zgrabną strone www która zawiera znacznie mniej kodu niż ta zwykła w html (patrz cięcie w PS). W połączeniu z php możemy zrobić bardzo zaawansowaną stronę i bynajmniej dynamiczniejszą niż webspell :>
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
disiz`
Użytkownik
Użytkownik


Dołączył: 17 Cze 2006

PostWysłany: Czw Lis 20, 2008 12:52 pm    Temat postu: Odpowiedz z cytatem

Polecam dodać w pierwszym poście do pkt. 2

adobe kuler

http://kuler.adobe.com/
_________________
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
Wyświetl posty z ostatnich:   
Napisz nowy temat   Odpowiedz do tematu    Forum Board Counter-Strike.PL Strona Główna -> Strony klanowe Wszystkie czasy w strefie CET (Europa)
Strona 1 z 1

 
Skocz do:  
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach


Powered by phpBB © 2001, 2005 phpBB Group
© 1999-2012 Counter-Strike.PL Sebastian Kasperek | Rosi CMS © MD Software | Linki: Zdjęcia reklamowe | Czarter jachtów Mazury