Tag: html

maj 7, 2011 Posted by admin in Blogovanje, Novosti iz oblasti web dizajna

10 Web Dizajn Tehnologija

Ovo je post za sve one koji imaju ambicije da se bave web dizajnom i ne znaju odakle da počnu i šta da rade. Ovde ćemo opisati sve osnovne tehnologije koje web dizajneri koriste kako bi kreirali sajtove i web aplikacije.

HTML - Poznavanje HTML, XHTML jezika je neophodno u web dizajnu i predstavlja nešto od čega se kreće. Svakom iskusnom web dizajneru ova tehnologija predstavlja neku vrstu navike. Iako se HTML smatra kao jednom od najlakših web tehnologija, ona i dalje predstavlja neizostavni elemenat u web dizajnu.

CSS - Mogućnost da predstavite dizajn koristeći CSS će smanjiti veličinu fajlova i vreme učitavanja i poboljšati rangiranje na pretraživačima. Mogućnost da kreirate CSS do nivoa gde će na svim browserima stranice biti kompatibilne, je veoma cenjeno znanje i svakako će se ceniti u ovom poslu.

Grafički dizajn - Ukoliko radite kao freelance web dizajner, onda će vaše dizajnerske veštine doći do većeg izražaja, nego kad radite u nekoj kompaniji u timu od više ljudi gde imate samo ulogu developera. Grafički dizajn sam po sebi nije potreba već nešto što je neophodno znati i veoma će koristiti, čak i pri najosnovnijim zadacima.

jQuery - Ovo je jedna od najaktuelnijih i najpopularnijih tehnologija u web dizajn svetu, gde se omogućava interakcija sa serverom u realnom vremenu i još mnogo toga. Na mnogim sajtovima se primete mnoga poboljšanja u smislu korišćenja i vizuelnih efekata.

PHP - PHP se smatra za prvi izbor server skriptnih jezika na Internetu. Otvoren kod PHP jezika se pokazao odlično u celoj PHP zajednici od kog svi imaju koristi. PHP je široko korišten na Internetu, od najjednostavnijih funkcija, do potpuno dinamičkih sajtova i postavljanje templejt fajlova kroz objektno orijentisanu aplikaciju i okruženje.

Flash - Animacije i animirani sadržaj su veoma popularni na Internetum gde se u centar pažnje u poslednje vreme stavlja 3D i interakcija sa korisnikom. Posedovanje veštine da se napravi dobra animacija koji će kod korisnika izazvati 'wow' efekat će svakako biti korisna. Animacije i video su jedan od najboljih načina da se privuče pažnja korisnika.

SEO - Search Engine Optimisation je zlatna koka web dizajna. Sa jakom SEO kampanjom, sajtovi se izlažu ciljnoj publici i pretiču svoju konkurenciju koji nemaju dobro optimizovan sajt. Potpuno je beskorisno da se kreira odlično dizajniran sajt sa najnovijim tehnologijama, ako niko ne može da ga pronađe. Ako imate sajt koji ima namenu da prodaje, reklamira i promoviše, brzo ćete shvatiti važnost SEO optimizacije.

Administracija servera- Ovo iako nije neka glamurozna uloga u web dizajnu, svakako je bitna. Administrivanje domena, hostinga, mailova, servera, bekapa, je neophodna kako bi sajt radio normalno i bez ometanja.

Project managment - Pri upravljanju ili u radu u web dizajn kompaniji, svakako dobra praksa uopšte je mogućnost upravljanja projektom u zadanim vremenskim rokovima, raspoloživom budžetu i resursima. Ukoliko uspete da dobro upravljate svojim projektima u zadanim vremenskim rokovima i resursima, klijenti će to svakako primetiti.

MYSQL - Open source tehnologije potpuno dominiraju webom. Web dizajneri svih nivoa mogu da koriste MySQL tehnologiju u kreiranju web sajtova i aplikacija. Kad pogledamo da većina web aplikacija koristi MySQL sa PHP tehnologijom, nije uopšte čudno da posedovanje ovakvih znanja ima veliku vrednost u web dizajn industriji.

Web Dizajn Srbija, Novi Sad

Tags: CSS, html, jQuery, mysql, PHP, SEO, web dizaj tehnologije, web dizajneri, web dizajneri pocetnici

april 26, 2011 Posted by admin in Blogovanje

Kako Napraviti Dobar Portfolio

Portfolija su jedna od najboljih metoda da dizajneri pokažu kreativnost i znanje. Mogućnost da prikažete svoje sposobnosti na način koji će zainteresovati vašu ciljnu publiku tj. potencijalne klijente i buduće saradnike je važna kao i traženje posla za rezime. U ovom članku ćemo ispitati tri elementa portfolija koji najbolje prikazuje vaše sposobnosti i dati primere kako bi mogli sami da primenite ove metode.

Showcasing Skills in Web Design

Veština i Znanje su Bitni Klijentima

Web tehnologije koje koristite
Koje usluge pružate
Vizuelni primeri vaših prethodnih radova koji pokazuju da posedujete neophodne veštine za taj posao

Ovo je slično kao i analiziranje mogućnosti i sposobnosti kod slikara: tehnologije predstavljaju alate koje koristi (npr. četkica), usluge predstavljaju jaku tačku (npr. portreti) i na kraju vizuelni primeri kao krajnji rezultat.

Designme
Ukoliko ste talentovani za web dizajn, napravite dobar portfolio i opravdajte to znanje.

Designme

Važnost ove tri pominjane stavke se podrazumeva. Ukoliko ne objasnite koje jezike poznajete, možete dobiti zahteve za posao koji ne možete da savladate i privučete pogrešne grupe klijenata. Ako ne objasnite koje usluge pružate, moguće je da ćete dobiti zahteve za širok spektar stvari, od dizajniranja ikonica do pisanja softvera i bez portfolija i prethodnih klijenata vaša reputacija će biti potpuno nedefinisana.

Prikazivanje Veština

Postoji mnogo različitih tehnologija koje redovno koristimo. Od jednostavnih markup jezika (HTML), do kompleksnih server-skriptnih jezika (PHP). Bilo da ste dizajner ili developer, veoma je bitno da precizno definišete koje tipove jezika poznajete kako bi privukli željeni tip klijenata. Ovo obično možete da naglasite u listi nabrajanja, ali možete i detaljnije da objasnite na kom ste nivou znanja sa svakim od navedenih jezika.

Prikazivanje Usluga

Informacije o uslugama koje pružate se zasnivaju na vašem poznavanju programskih jezika. Pružanje preciznih informacija o uslugama koje pružate, će vam pomoći da privučete potencijalne klijente koje odgovaraju vašim veštinama i tipu projekata koje radite. Osim ako želite da uzimate svaki mogući tip posla.

Prikazivanje Portfolija

Konačno dolazimo do portfolija, gde je uobičajena praksa da se prikaže lepa velika slika ili screenshot urađenog projekta sa svim detaljima i imenom brenda, firme ili pojedinca s kojim ste sarađivali i link do samog sajta (ukoliko postoji - ukoliko ne, dobra praksa je da se sajt hostuje na neki server kako bi se mogao prikazati kao validan rad). Kad prikazujete urađene projekte, najbolje je prikazati najbolje radove sortirane po datumima, ukoliko ima puno radova.

Robalan
Robalan

Kreativnost je Presudna

U web dizajn i development poslu, kreativnost i označavanje bitnih apsekata vašeg rada pravi veliku razliku. Ukoliko klijenti znaju ko ste, šta možete da uradite, šta nudite i vidite da ste dobri u svom poslu, pronaći će vas! Prikazivanje portfolija je više od samog navođenja znanja i projekata. Portfolio mora da objasni vašu svrhu, da prikaže vašu želju da vas klijenti angažuju.

Dok imate na umu da sajt mora biti koristan i pristupačan, izrada jedinstvenog portfolija koji ne izgleda dosadno će inspirisati ljude da detaljnije pogledaju vaše radove i ozbiljno razmotre o angažovanju. Ukoliko je prikaz vaših radova zastareo i nečitljiv, niko vas neće angažovati. Kad završite sa čitanjem ovog članka dobro razmislite o vašem portfoliju i da li mu treba modifikacija ili popravljanje kako bi se predstavili u najboljem svetlu.

Tags: html, kako napraviti dobar portfolio, PHP, portfolio, prikaz vestina, prikaz znanja, web development portfolio, web dizajn portfolio

mart 14, 2011 Posted by admin in Free Download - Besplatne stvari, Novosti iz oblasti web dizajna

Korisni Online Alati za Web Dizajnere i Developere

Ovaj post sadrži besplatne online alate za obavljanje raznih dizajn i development zadataka.

0 to 255

0 to 255 je jednostavan alat koji pomaže dizajnerima da odaberu nijanse boja.

Spritebox

Spritebox je WYSIWYG alat koji omogućava dizajnerima da brzo i jednostavno kreiraju CSS klase i ID iz jedne sprite slike. Zasnovan je na principu korišćenja background-position svojstva da postavi deo sprite slike u blok elemenat stranice. Ovaj alat je urađen u kombinaciji jQuery, CSS3 i HTML5 jezika i potpuno je besplatan.

jsFiddle

jsFiddle je igralište za web developere, alat koji se može koristiti na mnogo načina. Može se koristiti kao online editor da se prave snippeti za HTML, CSS i JavaScript. Kod se može deliti sa drugima, implementirati u blog itd.

Frame Box

Frame Box je jednostavan online alat za kreiranje i deljenje wirefrejmova.

CSS3 Generator

CSS3 Generator je jednostavan alat koji kreira CSS3 kod za više browsera zasnovane na vrednostima koji se specificiraju u generatoru.

ProCSSor

ProCSSor je moćan i besplatan CSS ulepšavač koji vam dopušta da podesite CSS tačno onako kako želite. Omogućava vam da pretvorite CSS u nešto bolje i privlačnije sa minimalno truda i vremena.

Super Conversion Button

Ovaj alat omogućava jednostavno kreiranje lepog dugmeta za svega par minuta.

wordmark.it

Wordmark.it je alat koji dopušta brz pregled kako tipografski logo firme izgleda sa instaliranim fontovima pre podešavanja novih fontova.

Tags: besplatni alati za web developere, color picker, css3, free online web developer tools, free web developer tools, html, online alati za web dizajnere

mart 8, 2011 Posted by admin in Novosti iz oblasti web dizajna

Uloga HTML i CSS u web dizajnu

Ukoliko razmišljate o tome da budete web dizajner kao karijeru ili kao hobi, morate biti sposobni da uradite više od dizajna neke lepe stranice. Profesionalni web dizajneri su eksperti u programiranju i kodiranju. Najtalentovaniji web dizajneri su upravo oni koji mogu da balansiraju svoju kreativnu i umetničku stranu sa tehničkom i praktičnom stranom (kodiranje).

Kao veb dizajner, ima puno različitih web dizajn standarda i metoda koje treba savladati. Dva najbitnija su HTML i CSS. Ovo je odgovor na pitanje koliko je potrebno vremena da se savlada HTML i CSS.

Šta je HTML?

Još od prvih dana web dizajna, HTML je bio standard za profesionalne web sajtove. Hypertext Markup Language može biti prilično zbunjujući. HTML je jezik ili kod, koji se koristi da se generiše, menja položaj teksta, slika, tabela, frejmova i ostalih elemenata. Ukoliko na svom browseru selektujete view > Source, vidi se kod koji prikazuje samu web stranu, koji može svako da vidi.

html

Oni koji su koristili HTML i koji ga znaju tvrde da nije teško naučiti. Postoji nekoliko osnovnih tagova (kodova) koje dizajner treba da nauči i jednostavna stranica je pred vama. Što je kompleksniji HTML, više možete da uradite sa svojim sajtom.

Proces kreiranja sajta je pojednostavljen do te mere, da čak i oni koji nemaju znanja o HTML-u mogu da kreiraju svoj sajt. To su tzv. WYSIWYG (What you see is what you get) editori. Oni omogućavaju kreiranje stranice bez upotrebe koda i editor pretpostavlja šta vam treba i radi sav posao. Neki softver programi imaju opciju konvertovanja dokumenta u HTML. Ovo su odlični alati za početnike. Nažalost, proces pogađanja koji vam kod treba, kreira greške i bagove u dizajnu i može dovesti do daljih frustracija.

Šta je CSS?

CSS je noviji jezik i nije poznat web dizajnerima početnicima. CSS je kreiran da omogući dizajnerima kreativnost i kontrolu nad njihovim dizajnom. Danas postoji više tipova Internet browsera, dizajniranje može biti teško za HTML dizajnere. CSS štedi vreme, a samim tim trud i novac pri kreiranju sajtova. CSS dozvoljava kreiranje stilova za ceo sajt, što znatno smanjuje vreme i uložen napor za kreiranje sajta. Ovo konkretno znači da kad je promena napravljena na jednoj stranici, to utiče na sve ostale stranice.

css

HTML vs CSS

CSS ne zauzima mesto HTML-u. Koristi se više kao poboljšanje, ne kao zamena. HTML je i dalje savršen tip kodiranja za glavnu strukturu sajta.

CSS brilijira u tome, kako će stranica izgledati. Izgled sajta kao što je pozadina, boje, sadržaj, postavljanje slika, može se urediti pomoću CSS-a.

Stranica može da se završi korišćenjem HTML-a, CSS-a, omogućava dizajnerima da podese margine za svaku stranu, preklapanje reči, bolje pozicioniranje elemenata i podešavanje fontova za celu tabelu ili samo delove. Ovakve su naizgled male prepravke, ali ovakvi CSS trikovi štede vreme za dizajnere za generalni izgled, dizajn i navigaciju.

Učenje

Postoji mnogo mesta i resursa, gde novi dizajneri mogu da nauče i HTML i CSS. Ako ste se opredelili za "ručni" pristup, biblioteka ima velik izbor tutoriala za ove tehnike. Moguće je naučiti veštinu sa eksperimentisanjem. Ukoliko ste disciplinovani, ova metoda učenje je ne samo efektivna, već i besplatna.

Sa popularnošću WWW-a, čini se da se svako bavi dizajnom ovih dana. Od besplatnih online editora, do komercijalnih Internet magova, postoji veliko tržište za web dizajn, koje se neće umanjiti u skorije vreme. Ukoliko odlučite da učite natenane i tražite male firme ili krenete ozbiljno za dizajniranje velikim koorporacijama, osnove dizajniranja je mesto od kog se kreće.

Tags: CSS, html, learnig html, learning css, ucenje css, ucenje html, web design, Web dizajn

mart 3, 2011 Posted by admin in Novosti iz oblasti web dizajna

20 kreativnih slideshow sajtova

Slideshow je idealan način za prikaz željenog sadržaja u sažet prostor. Korišćenje javascripta omogućava dizajnerima da ulepšaju slideshow sa animacijama i efektima. Ovaj post sadrži kolekciju kreativnih sajtova sa slideshow efektima.