9 ideja za izgradnju velike web stranice s manje
Svi znamo koliko je naporan web rad. To nije zadatak za one koji su slabijeg srca i obično zahtijeva godinu ili više studija da bi se doista shvatilo. Kako je naše doba napredovalo, vidjeli smo briljantne ideje i inovacije koje vode online zajednicu prema otvorenom izvoru i dijeljenju.
Izgradnja web-mjesta doista se razvila u višeslojni proces. Morate uzeti u obzir grafiku web-stranica, kodiranje stilova i rasporeda front-end-a, hosting poslužitelja, a možda i back-end programiranje za dizanje. Programeri se već godinama igraju s tim sustavima i napokon smo došli do točke interesa, ali će biti izuzetno iscrpljujuće ako ćete sve te radove obraditi sami.
U nastavku sam podijelio neke korisne resurse za učinkovito planiranje sjajnih dizajna web-lokacija. Oni dolaze u mnogim oblicima tijekom cijelog kreativnog procesa. Iako ovo nije iscrpan popis, nadam se da ću dotaknuti resurse koji su korisni i stručnjacima i početnicima.
1. Ostavite ga stručnjacima
Od dizajnera ikona do programera diljem svijeta svi imamo različite vještine različitih veličina. Često se ne zamišljamo kao super heroji koji žele graditi vještine izvan točke majstorstva. Međutim, postati kreativni umjetnik i programer je pravi dar.
Za one koji se usredotočuju na specifičnu nišu, vanjsku pomoć treba toplo pozdraviti. To može ubrzati proces izgradnje web stranice deset puta i nudi jedinstveno iskustvo za rad unutar postavljanja tima. Neke od najboljih usluga PSD-a i HTML-a uključuju psd2html i xhtmlchop.com, Google "PSD u HTML usluge" kako bi dobili više, ili pogledajte popis 100+ usluga ovdje.
Fizički proces sjedenja za kodiranje Photoshop dokumenta u HTML / CSS može biti neugodno. Pogotovo ako ste godinama kodirali kako ponavljanje postaje dosadno i gotovo zastarjelo. Mnoge od tih usluga obećavaju isporuku od 24 sata i čak nude popuste za dizajne pod-stranica.
Ako ste zainteresirani za kodiranje, ali zaostajete u dizajnerskim vještinama, preporučio bih pregledavanje nekih digitalnih umjetničkih mreža. To uključuje Dribbble i DesignMoo gdje grafički dizajneri mogu postavljati i dijeliti svoje najnovije radove. Općenito ćete pronaći i stranicu prikaza portfelja za svakog izvođača, uključujući kontaktne informacije kao što su e-pošta, Twitter ili IM chat.
2. Outsourcing rješenja
Postoje izvrsni primjeri slobodnih novinara koji nude svoje usluge za podršku projektnim studijima. No, s današnjom trenutnom razinom komunikacije postoje mnogi slučajevi u kojima će slobodnjaci raditi rukom u ruci kako bi dovršili rad na projektu. Čak i s dvije različite lokacije širom svijeta!
Sa puštanjem tolikih slobodnih zajednica nikada nije bilo lakše za dizajnere i programere da se sastanu i rade zajedno. Velika zajednica Programer Meet Designer omogućuje i web programerima i dizajnerima da šalju poruke i dijele ideje za projekte. To je relativno nepoznata mreža i još uvijek djeluje kao mali prsten profesionalaca.
Alternativno, možda tražite posao kao slobodnjak i teško ćete pronaći posao. Ovo je mjesto gdje mnoge ploče za posao s Interneta pokazuju svoju upotrebu. Takve tvrtke kao što su Fresh Web Jobs i Krop samo su neki od primjera mnogih prilika za slobodnjake. Svaki se svakodnevno ažurira i nudi pune opise zajedno s kontaktnim informacijama.
3. Koristite Open Source
Jedan od najboljih izuma današnje web development zajednice mora biti open source softver. Nebrojeno se napora svakodnevno radi na dopunjavanju i poboljšavanju postojećih knjižnica. jQuery i Mootools su dvije od stotina JavaScript knjižnica koje se izdvajaju od ostalih na temelju jednostavnih vodiča i ugleda. Međutim, JavaScript nije jedini otvoreni protokol na kojem je radio. Doslovno stotine tisuća programera svakodnevno dijele i doprinose paketima koda na GitHubu. Jezici uključuju PHP, CSS, SQL, ASP, Objective-C, Java i još mnogo toga!
WordPress, platforma za bloganje koju je razvio Matt Mullenweg i koja je povijesno rasla tijekom proteklih nekoliko godina, vjerojatno je utjelovljenje projekata s uspjehom otvorenog koda. Čini se impresivnim gledajući na tako mnogo manjih paketa koji se prosiju kroz web, ali WordPress ovlasti milijune web-mjesta i ugošćuje tisuće programera koji rade na njihovom pozadinskom sustavu. Cijeli paket je besplatan za preuzimanje i vrlo jednostavan za instalaciju. Službena web stranica tvrtke wordpress.org nudi poveznice i vodiče za programere zainteresirane za izgradnju WP tema i dodataka. Također smo sponzorirali uvodni vodič o WP dodatcima za početnike programera. Slično tome, postoji službena galerija koja se može pohvaliti impresivnom količinom besplatnih dodataka za sve korisnike WordPressa.
Za one od vas koji traže skripte otvorenog koda za e-trgovinu, pogledajte ovaj post.
4. Izrada vlastitih ikona - Nije potrebno
Krećući se prema grafičkoj i animacijskoj strani dizajna, još uvijek vidimo otvorenu zajednicu. Web dizajneri ne samo da dijele svoja umjetnička djela na svijetu, već i pomažu drugima da promoviraju svoje ideje.
Grafika je jedan od najsloženijih aspekata web-mjesta. To posebno vrijedi jer su vrhunski grafički dizajneri teški. Mnogi besplatni skupovi ikona, kao što su FamFamFam, Wefunction, Fugue, i još mnogo toga, otkrivaju svoja preuzimanja kao slobodna za korištenje pri povezivanju kazne ili kreditiranju njihovog rada. To se čini kao jednostavna kompromis za neograničeno korištenje!
Još jedna fantastična usluga Icon Finder ponaša se kao tražilica najpopularnijih skupova ikona. Često ako pregledavate Google rezultate pretraživanja postoje stotine blogova za web-dizajn koji prikazuju najbolje besplatne ikone. Oni su također dijele u takve motore kao Icon Finder da bi izgradnja web stranice još brže.
5. Bolje posao u Hosting i dijeljenje datoteka
Danas svi možemo iskoristiti dodatni novac. Čak i kao web dizajneri važno je potražiti one tvrtke koje nude ponude i podršku za slobodne generacije.
Web hosting je samo jedan od mnogih troškova koje treba uzeti u obzir. Često puta možete pronaći kupone na srodnim web-lokacijama koje štede novac na kupnju imena domena i prostora poslužitelja.
Dijeljenje datoteka postalo je važan dio životnog stila web dizajnera. Dostupne su plaćene i besplatne usluge, a ako znate nekoga u poslu, nije teško dobiti račun za članstvo. Za ostalo razmislite o pregledavanju naših alternativa za dijeljenje datoteka koje pružaju potpuno besplatnu podršku za sve korisnike.
6. Provjera uspješnosti
Web aplikacije su najnoviji trend razbijanja digitalnih šavova. Od mobilnih do aplikacija u pregledniku čini se da se gotovo sve može dovršiti na računalu ovih dana. Za webmastere je važno znati mnoge besplatne mogućnosti za mehaničko testiranje i održavanje web-mjesta.
Ako ste poput većine nas, web-lokacija je od velike važnosti. Vlasništvo vaše web stranice ići dolje za čak nekoliko minuta može postati katastrofalne na svoj promet brojeva, da ne spominjemo duboko zbunjujući za svoje posjetitelje. Pingdom je besplatan alat koji bi svi webmasteri trebali koristiti za provjeru kodova odgovora s web-poslužitelja. Ovo je siguran način da zadržite kartice na pozadini i pratite izvedbu iza kulisa.
Još jedna izvrsna usluga, Google Webmasters omogućuje programerima da zahtijevaju vlasništvo nad njihovom web lokacijom. To se može učiniti pomoću Sitemapa, meta oznake ili drugih alternativa koje pruža Google. Ako upotrebljavate Google račun, moguće je pohranjivati RSS podatke i čak pratiti ključne riječi za pojedinačne web-lokacije. Aplikacija je 100% besplatna i omogućuje vam spremanje neograničenih veza na web-lokaciji!
7. Urednici kodova mogu biti jeftini (ili besplatni)
Bilo da volimo priznati da većina web dizajnera ima tendenciju pikirati u nekom obliku web razvoj. To je samo za one koji su uistinu nadareni u Adobe Photoshopu ili Illustratoru koji se ne upuštaju u HTML i CSS dizajn.
Za programera frontend i backend može biti teško pronaći ugodno radno okruženje. Adobe nudi Dreamweaver koji podržava isticanje koda u mnogim jezicima, ali nažalost košta dosta novca. Pregledali smo prvih 10 besplatnih uređivača izvornog koda i ponudili smo izravne veze za preuzimanje na svakoj stranici.
Ako ste tek počeli u kodiranje ja visoko preporučiti trošenje neko vrijeme istraživanja u tim. Vaše razvojno okruženje je ključno i utjecat će na način na koji pišete kod. Mnogi od tih urednika su specifični za Windows, i iako možete pronaći nekoliko Mac prijateljskih opcija, preporučujem Panicovu kodu - način jeftinijih urednika koda (u usporedbi s Adobe Dreamweaverom) za ozbiljan web razvoj.
8. Pokupite neke početne komplete
Sada da ste je dobio solidnu ideju o uslugama i programima na raspolaganju pokušajte downloading nekoliko starter setove da bi vam ide. Kao web-dizajneri važno je svjesnu pažnju usmjeriti na kreativnost i potaknuti nove ideje za platforme za uređenje.
U posljednjih nekoliko godina dizajneri su polako objavljivali besplatne pakete ikona, predložaka, elemenata forme, GUI komponenti i mnogo sličnih radova. Molimo Vas da pregledate naš popis startnih setova web dizajnera da biste vidjeli je li vam nešto uhvatilo oko.
Rad s Photoshopovim rasporedom nije uvijek najjednostavniji. Često nailazimo na sumnju i ponovno uključivanje kako bismo ispravili sheme boja i položaj. Stara izreka “vježbom do savršenstva” čini se da je vrlo istinita u ovom scenariju, zajedno s mnogim drugima. I ovi osnovni startni setovi trebali bi vas odvesti na desnu nogu!
9. Uvijek pratite vrijeme studiranja
Kako vrijeme prolazi, svi gubimo interes za aktivnosti. Ako ste doista strastveni o web dizajnu, trebali biste biti motivirani i proučavati nove teme. Razmislite o otvaranju uma za razvojni jezik ili prakticiranje novog dijela softvera.
Alati na mreži danas su napredniji nego ikad prije u pomaganju mladim dizajnerima weba da pokupe nagradu. Knjižnica web-dizajna prvotno je pokrenuta u sklopu Template Monster zajedno s tvrtkom Jetimpex Inc, a nastavila je s katalogom vrlo popularnih tutorijala. Web-lokacija se svakodnevno ažurira s novim vezama i izlogama za inspiraciju.
Stranica se također povezuje između brojnih partnerskih mjesta, uključujući Template Ninajas. To rezultira dnevnim ponudama koje ne možete pronaći nigdje drugdje - ponekad čak i demo ili freebies! Predlošci web-lokacija izvrsno su mjesto za početak kada niste upoznati s izradom izgleda web-stranice ili samo trebate neke nove ideje.
Ja bih također visoko preporučiti Tuts + Network created by Envato. Oni su domaćini tisuće tutoriali u rasponu od Photoshop, Illustrator, HTML5, ActionScript, vektor oblika, pa čak i fotografije. Neki od koda zahtijevaju preuzimanje za članstvo, ali svi su vodiči slobodni pratiti i ponuditi detaljne upute za olakšavanje ciklusa učenja.
Uz pisane članke, većina komentara će također ponuditi odlične savjete. Cijelu mrežu vode web-dizajneri i čitaju web-dizajneri, tako da možete biti sigurni u kvalitetne povratne informacije.
Zaključak
Ove metode bi vam trebale pomoći da krenete na gromoglasan put ka prosvjetljenju web dizajna. Najbolji trikovi trgovine su se prenosili godinama kroz internetsku zajednicu. Isto tako, s povećanjem broja web dizajnera, stvoreni su otvoreniji standardi.
Razmotrite neke od gore predstavljenih ideja i provedite neko vrijeme pregledavajući zanimljive članke ili tutoriale. Čak se i upoznavanje sa svježim materijalom može odvratiti od vašeg mozga i navesti vas na razmišljanje o dizajnu. Ako imate slične ideje, slobodno ih podijelite u odjeljku za komentare u nastavku.
