Web Dizajn Tutoriali

Ovde postujte sve sto imate od tutorijala i linkova ka njima.
Sve ostalo se brise.

@Macro_ek

Jedan mali tuts...
Potrebni Photoshop CS i DreamWeaver MX (ili bilo koji text editor)

Primijetio sam da mnogo ljudi pita sta znaci to "slice-nuti" (izrezati stranicu) i kako se to radi... pa evo jedno malo slikovito objasnjenje!
Kada ste, konacno, napravili site u Photoshopu i kada ste zadovoljni kako izgleda tada stupa u akciju rezanje site-a!
Zasto rezati site? Pa da bi mogli ubaciti sadrzaj u postojeci layout (koristeci frame-ove), da bi posjetiocima vaseg sajta olaksali pregled i browseru ucitavanje slika....
Ja cu ovdje koristiti jedan dizajn koji sam nabrzaka pripremio za ovaj tut...
Evo ga ovdje



---
Sada na scenu stupa nas dobar prijatelj Slice tool. Pritisnite slovo K na tastaturi da je aktivirate!
---
Pocnite da rezete vas sajt zavisno od potrebe (Kliknite i vucite alatku dok ne napravite zeljeni oblik). Ali nemojte pretjerivati. Primeticete na slici da su rezovi 03, 06, 08, 11, 13 i 15 plave boje, a ostali sive! Plave pravougaonike sam ja izrezao a sive program na osnovu mog rezanja. Imajte u vidu da to morate precizno da uradite (pazite na linije) da bi posle mogli da ubacimo iFrame (u mom slucaju je to rez br 11, a vi mozete izrezati i "linkove" i "novosti")!



---
E kad to odradite idite na FILE / SAVE FOR WEB i kliknite SAVE (HTML i IMAGES)! Sada ste izrezali vas site.
---
Umetanje iFrame-a!

Otvorite vas novovnastali .html fajl sa DreamWeaver-om! Kliknite na SPLIT jezicak da bi imali istovremeni pregled i kodova i site-a!



---
Kliknite na dio gdje zelite da ubacite frame. Primjeticete da se taj dio selektovao u gornjem dijelu prozora...

JA ::

<img src="images/1_11.gif" width="270" height="255" alt="">



i taj dio zamijenite sa necim kao ovo:

JA ::

<iframe src="glavna.html" frameborder="0" "TITLE="Glavna" NAME="main" WIDTH="270" HEIGHT="255" ></iframe>


---
VODITE RACUNA da se "width" i "height" moraju podudarati!!!
Sada samo ostaje da kreirate GLAVNA.html stranicu i da je sacuvate u vas folder!

Ista je procedura ako ste izrezali unutrasnjost Linkova ili Novosti, samo pazite na "width" i "height"!

Nadam se da sam pomogao!

e, da...

ovde imate sta ocete i koliko ocete

www.good-tutorials.com

Link ka linkovima sa tutorijalima

ne stvarno su mnogo dobri obavezno pogledati

http://www.winmatrix.com/forums/index.php?showtopic=787

http://solair.eunet.yu/~popsin/
Na ovom sajtu postoje tutorijali za početnike na srpskom. Zaista lepo objašnjeno i dobro za početnike u sferi Web dizajna.
Download turorijala:
http://solair.eunet.yu/~popsin/tutorial.zip

Kada upisete
<a href ="#">
pretrazivac ce ako ste na dnu neke strane pri kliku vratiti Vas na pocetak
ali ako upisete

<a href="javascript:;">
onda se nece nista dogoditi.Ovo je meni poprilicno bilo potrebno ali nisam znao za to do danas.

pozz

Slucajno sam nabasao na ovo : http://www.w3schools.com/

Nadam se da ce nekoga obradovati. Ako vec ne moze da koristi....valjda nece da steti.

zoniweb ima dobre tutorijale za pocetnike

Evo da postavim jedam mali (ali bas mali) trick!

Vjerovatno vam se mnogo puta (ako se bavite amaterskim slikanjem digitalnim aparatom) desilo da slike budu pretamne i da se ne vide bas najjasnije... Znam da se meni to redovno desava! E pa... vise nece!

Postoji jedan mali trik u Photoshop-u (ja koristim CS2, ali moze i u nizim verzijama) koji dopusta ovo:

---

Napominjem da nije potrebno NIKAKVO prethodno poznavanje photoshopa (ali bi bilo pozeljno)!

1. Otvorite zeljenu sliku koju hocete da posvijetlite!

2. U LAYERS paleti primijeticete sledecu situaciju:

3. Desnim klikom misa na, gore pokazanu slicicu otvorice vam se padajuci meni u kome birate: DUPLICATE LAYER i dobicete:

4. Neka vam gornji layer bude oznacen kao na slici! Sada mijenjamo blending mode (klikni na strelicu - kao sto pokazuje slika - i izaberi SCREEN opciju)!

i dobijas:

5. Ako slika nije dovoljno svijetla samo dupliraj najgornji layer (korak 3) i to je to! Jednostavnije ne moze!!!



Pozdrav!!

Evo nekoliko sajtova i stranica sa raznim korisnim tutorijalima za sve kategorije:

http://alas.matf.bg.ac.yu/~alexis/flash/toc.html
http://www.cet.co.yu/arhiva/39/r39_Flash.htm
http://www.avala.de/
http://www.serbian.de/

http://www.actionscripts.org/tutorials.shtml
http://www.cbtcafe.com/
http://www.flashbible.com/members/
http://www.flashkit.com/
http://www.flash-labs.com/
http://www.flashcfm.com/
http://www.moock.org/webdesign/flash/
http://www.flashplanet.com/

http://www.elitesecurity.org/tema/19935
http://www.htmlgoodies.com/primers/jsp/
http://www.most-art.de/flash/srednji.php

Evo jednog tutoriala na koji sam naisao surfovanjem sjajno je jedan entuzijasta to objasnio onako do detalja u pitanju je nas covek sto ce reci da je na nasem jeziku, u pitanju je HTML editor

http://zemun.dzaba.com/index.htm

Coveku stvarno treba odati priznanje na ulozenom trudu...

Pozz

http://www.tutorialistic.co.uk je veoma dobar za one koji znaju nešto više.

http://www.codegrrl.com takođe, a nudi i neke besplatne skripte.

Evo jednog sajta sa tutorijalima za tuning automobila na Photoshop-u www.photoshopchop.com

http://www.tutorialized.com


Mozda je neko napisao, ali ovaj sajt je fenomenalan

www.nena-reli.com/tutoriali

Tutoriali iskljucivo na nasem jeziku.

http://www.1o1.com/Knjige/Knjige_na_našem_jeziku/Flash_i_ActionScript/
http://www.1o1.com/Knjige/Knjige_na_našem_jeziku/DHTML/
http://www.1o1.com/Knjige/Knjige_na_našem_jeziku/HTML_Programiranje./
http://www.1o1.com/Knjige/Knjige_na_našem_jeziku/Besplatna_fah-knjiga_za_PHPUnit/

http://www.w3schools.com/html/default.asp

tutoriali koji mi dosta pomazu!bolji od knjige

Evo jedan blog sa puno korisnih tutoriala na srpskom : web dizajn, css, php, graficki dizajn....

http://numbersandshapes-design.blogspot.com/

Evo jednog tipicnog zenskog sajta sa uputstvima za izradu tagova : http://www.fantazija.bravehost.com/jun06_tagovi.html samo za clanove

Ako već niste inficirani tabelama, a i ako jeste trebalo bi da procitate tekst koji objasnjava da se sajt ne pravi kao jedna velika tabela.

Sasvim je jednostavno, a i ne boli!

evo i jos nekoliko predloga:

www.farstone.com
kao najprakticniji preporucujem tutorialized.com, takodje postoji i na sajtovima fakulteta koji se bave informatikom neki materijali ali za pocetnike
sto se tice nekog programa za obradu slika to moze biti gimp, besplatan je i nije mnogo veliki program ali nije toliko napredan kao photoshop. ovo je vise za neke jednostavnije obrade.

za one koji se bave web dizajnom evo zanimljivih tutora
HTML Tutorials
http://www.html.net/tutorials/html/lesson1.asp
http://www.informit.com/library/library.aspx?b=STY_html_24hours&rll=1
http://www.htmlite.com/HTMintro.php
http://www.mcli.dist.maricopa.edu/tut/lessons.html
http://archive.ncsa.uiuc.edu/primer.html
http://www.extropia.com/tutorials/web_design/toc.html
http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html
http://htmlgoodies.earthweb.com/
http://www.jmarshall.com/easy/html/
http://www.unmelted.com/beginning-html.html
DHTML Resources

http://www.w3schools.com/dhtml/dhtml_intro.asp

Dreamweaver Resources
http://www.cbtcafe.com/index.htm
http://www.entheosweb.com/website_design/dreamweaver_behaviors.asp
http://www.intranetjournal.com/articles/200002/dream_index.html
http://www.smartwebby.com/web_site_design/dreamweaver_tips.asp

CSS Tutorials
http://www.html.net/tutorials/css/lesson1.asp
http://intensivstation.ch/en/css/
http://www.htmlite.com/CSSintro.php
http://www.hostm.com/css/
http://www.pageresource.com/dhtml/indexcss.htm
http://vzone.virgin.net/sizzling.jalfrezi/frames/fstyles.htm
http://www.webreference.com/html/tutorial18/
http://www.codestyle.org/css/
http://www.htmlhelp.com/reference/css/quick-tutorial.html

Front Page Resources
http://www.unr.edu/edtech/fp/fptut_home.html
http://www.frontpage-templates-themes.com/frontpage-tutorials.shtml
http://www.fgcu.edu/support/office2000/frontpage/
http://www.outfront.net/tutorials_02/faq.htm
http://www.intranetjournal.com/articles/200003/fp_index.html
http://www.outfront.net/spooky/

pozdrav svima

http://www.e-poslovanja.com/articles.php?cat_id=2 evo za pocetnike par korisnih savjeta i upustava