9 idej za izgradnjo velikih spletnih strani z manj

Vsi vemo, kako naporno je spletno delo. To ni naloga za slabo srce in na splošno zahteva leto ali več študija, da bi resnično razumeli. Ko je naše obdobje napredovalo, smo videli briljantne ideje in inovacije, s katerimi je spletna skupnost začela delovati proti odprtokodni in skupni rabi.

Izgradnja spletne strani se je resnično razvila v večplasten proces. Upoštevati morate grafike spletnih strani, kodiranje stilov in postavitev vmesnika, gostovanje strežnika in morda programsko opremo za zagon. Razvijalci se že leta igrajo s temi sistemi in končno smo dosegli zanimivo točko, vendar bo izredno naporno, če boste vse to delali sami..

Spodaj sem delil nekaj koristnih virov za učinkovito načrtovanje odličnih modelov spletnih mest. Ti se pojavljajo v različnih oblikah skozi celoten ustvarjalni proces. Čeprav to ni izčrpen seznam, upam, da se bom dotaknil virov, ki so koristni tako za strokovnjake kot za začetnike.

1. Pustite strokovnjakom

Od oblikovalcev ikon do programerjev po vsem svetu imamo vse različne nabore spretnosti različnih velikosti. Pogosto si ne predstavljamo sebe kot super junake, ki si želijo ustvariti veščine, ki presegajo mejo mojstrstva. Toda postati kreativni umetnik in programer je resničen dar.

Za tiste, ki se osredotočamo na določeno nišo, je treba toplo pozdraviti zunanjo pomoč. To lahko pospeši proces izgradnje spletne strani desetkrat in ponuja edinstveno izkušnjo za delo v okviru skupine. Nekatere izmed najboljših storitev PSD za HTML vključujejo psd2html in xhtmlchop.com, Google "storitve PSD v HTML", da dobijo več ali si ogledajo seznam 100+ storitev tukaj.

Fizični proces sedenja za kodiranje dokumenta Photoshop v HTML / CSS je lahko nadležen. Še posebej, če ste že dolga leta kodirali, saj ponavljanje postane dolgočasno in skoraj zastarelo. Mnoge od teh storitev obljubljajo 24-urno dostavo in celo ponujajo popuste za modele podstrani.

Če vas zanima kodiranje, vendar zaostajajo pri oblikovalskih veščinah, vam priporočam, da brskate po nekaterih omrežjih digitalnih umetnikov. Ti vključujejo Dribbble in DesignMoo, kjer grafični oblikovalci lahko objavljajo in delijo svoja najnovejša dela. Na splošno najdete tudi stran z ogledom portfelja za vsakega izvajalca, vključno s kontaktnimi podatki, kot so e-pošta, Twitter ali klepet s hitrim sporočilom.

2. Rešitve za zunanje izvajanje

Obstajajo odlični primeri samostojnih delavcev, ki ponujajo svoje storitve za podporo projektnim studiem. Toda z današnjo stopnjo komunikacije obstaja veliko primerov, ko bodo samostojni sodelavci delali z roko v roki za dokončanje projektnega dela. Tudi verjetno iz dveh različnih lokacij po vsem svetu!

Z izdajo toliko samostojnih skupnosti nikoli ni bilo lažje za oblikovalce in razvijalce, da bi se srečali in delali skupaj. Velika skupnost Programer Meeter Designer omogoča tako spletnim razvijalcem kot oblikovalcem sporočanje in izmenjavo idej za projekte. To je relativno neznano omrežje in še vedno deluje kot majhen krog strokovnjakov.

Druga možnost je, da iščete delo kot samostojni delavec in težko najdete delo. To je, kjer številne oglasne deske z vsega interneta pokažejo svojo uporabo. Takšna podjetja, kot so Fresh Web Jobs in Krop, so le nekaj primerov številnih svobodnih priložnosti. Vsak se dnevno posodablja in ponuja popolne opise skupaj s kontaktnimi informacijami.

3. Uporabite odprto kodo

Eden najboljših izumov današnje spletne razvojne skupnosti mora biti odprtokodna programska oprema. Vsak dan si je treba prizadevati za dopolnitev in izboljšanje obstoječih knjižnic. jQuery in MooTools sta dve od stotine JavaScript knjižnic, ki izstopajo od ostalih na podlagi preprostih vaj in ugleda. Vendar pa JavaScript ni edini odprti protokol, na katerem so delali. Dobesedno na stotine tisočev razvijalcev vsak dan deli in prispeva pakete kode na GitHubu. Jeziki vključujejo PHP, CSS, SQL, ASP, Objective-C, Java in še veliko več!

WordPress, platforma za bloganje, ki jo je razvil Matt Mullenweg in ki se je v preteklih letih razvila v preteklosti, je verjetno zasluga projektov uspeha odprte kode. Zdi se impresivno videti na tako veliko manjših paketov, ki se presejejo preko spleta, vendar WordPress pooblašča milijone spletnih strani in gosti tisoče razvijalcev, ki delajo na svojem podpornem delu. Celoten paket je brezplačen za prenos in zelo preprost za namestitev. Uradna spletna stran podjetja wordpress.org ponuja povezave in vaje za razvijalce, ki se zanimajo za gradnjo WP tem in dodatkov. Prav tako smo sponzorirali uvodno vadnico o vtičnikih WP za začetnike. Podobno je uradna galerija, ki se ponaša z impresivno količino brezplačnih vtičnikov za vse uporabnike WordPressa.

Za tiste med vami, ki iščejo skripte za odprto kodo e-trgovine, si oglejte to objavo.

4. Oblikovanje lastnih ikon - ni potrebno

V smeri grafike in animacije vidimo še odprto skupnost. Spletni oblikovalci uživajo ne samo deliti svoje umetnine na svetu, ampak pomagajo drugim, da promovirajo svoje ideje.

Grafika je nekaj najbolj zapletenih vidikov spletne strani. To še posebej velja, ker so vrhunski grafični oblikovalci težki. Veliko brezplačnih nizov ikon, kot so FamFamFam, Wefunction, Fugue, in še več, razkrijejo svoje prenose kot brezplačne za uporabo pri povezavah s povračilom ali kreditiranju njihovega dela. To se zdi kot preprost kompromis za neomejene uporabe!

Še ena fantastična storitev Icon Finder se obnaša kot iskalnik najbolj priljubljenih nizov ikon. Pogosto, če brskate po Googlovih rezultatih iskanja, je na voljo več sto spletnih oblikovalskih spletnih dnevnikov, ki prikazujejo najboljše brezplačne ikone. Ti so bili tudi v skupni rabi v takšne motorje, kot je Icon Finder, da bi spletne strani zgradili še hitreje.

5. Boljši posel v gostovanju in izmenjavi datotek

Danes lahko uporabimo nekaj dodatnega denarja. Tudi kot spletni oblikovalci je pomembno poiskati tista podjetja, ki ponujajo posle in podpirajo svobodne generacije.

Spletno gostovanje je le eden od številnih stroškov, ki jih je treba upoštevati. Pogosto lahko najdete kupone na povezanih spletnih straneh, ki prihranijo denar pri nakupih domenskih imen in strežniškega prostora.

Skupna raba datotek je postala pomemben del življenjskega sloga spletnega oblikovalca. Obstajajo plačane in brezplačne storitve, in če poznate nekoga v podjetju, to ni težko pridobiti članski račun. Za ostale je treba brskati po alternativah za izmenjavo datotek, ki vsem uporabnikom zagotavlja popolnoma brezplačno podporo.

6. Prosto preverjanje uspešnosti

Spletne aplikacije so najnovejši trendi, ki pritegnejo digitalne šive. Od aplikacij za mobilne naprave do brskalnikov v brskalniku se zdi, da se lahko v računalniku v teh dneh dokonča vse. Za webmastere je pomembno poznati številne brezplačne možnosti za mehansko testiranje in vzdrževanje spletne strani.

Če ste kot večina od nas, potem je spletna uptime zelo zaskrbljujoča. Ob vaši spletni strani šel za še nekaj minut lahko postane katastrofalne za vaše prometne številke, da ne omenjam globoko zmedeno za vaše obiskovalce. Pingdom je brezplačno orodje, ki ga morajo uporabljati vsi webmastri za preverjanje odzivnih kod s svojega spletnega strežnika. To je zanesljiv način, da zavihke na vaši hrbtni strani spremljate in spremljate delovanje v ozadju.

Še ena odlična storitev, Google Webmasters omogoča razvijalcem, da zahtevajo lastništvo svoje spletne strani. To lahko storite z zemljevidom mesta, metaoznako ali drugimi možnostmi, ki jih ponuja Google. Če uporabljate Google Račun, je možno shraniti podatke RSS in celo spremljati ključne besede za posamezne spletne strani. Aplikacija je 100% brezplačna in omogoča shranjevanje neomejenih spletnih povezav!

7. Uredniki kod so lahko poceni (ali brezplačno)

Ali želimo priznati, da večina spletnih oblikovalcev ponavadi dabble v neki obliki spletni razvoj. To je samo za tiste, ki so resnično nadarjeni v Adobe Photoshopu ali Illustratorju, ki se ne ukvarjajo z oblikovanjem HTML in CSS.

Za programerje pa je težko najti udobno delovno okolje. Adobe ponuja Dreamweaver, ki podpira poudarjanje kod v mnogih jezikih, vendar bo na žalost stalo kar nekaj denarja. Pregledali smo 10 najboljših urednikov za izvorno kodo in ponudili neposredne povezave za prenos na vsako stran.

Če ste šele začeli s kodiranjem, vam priporočam, da nekaj časa preučite. Vaše razvojno okolje je ključnega pomena in bo vplivalo na način pisanja kode. Mnogi od teh urednikov so specifični za Windows in čeprav boste morda našli nekaj Mac prijaznih možnosti, priporočam, da Panic's Coda - način za urejanje spletnih strani, ki je cenejši (v primerjavi z Adobe Dreamweaver), za resen spletni razvoj.

8. Vzemite nekaj začetnih kompletov

Zdaj, ko ste dobili trdno idejo o storitvah in programih, ki so na voljo, poskusite prenesti nekaj začetnih kompletov, da boste lahko odšli. Kot oblikovalci spletnih strani je pomembno, da našo zavestno pozornost usmerimo v ustvarjalnost in spodbudimo nove ideje za postavitvene platforme.

V zadnjih nekaj letih so oblikovalci počasi izdali brezplačne pakete ikon, predlog, elementov obrazcev, komponent GUI in mnogih podobnih del. Prosimo, da si ogledate naš seznam spletnih oblikovalskih startnih kompletov, da vidite, ali vam kaj ujame oko.

Postavitev Photoshopovih postavitev ni vedno najlažja za dokončanje. Pogosto se znajdemo v dvomih in ponovno sodelujemo pri popravljanju barvnih shem in umestitvi. Stara izreka “vaja dela mojstra” Zdi se, da je v tem scenariju zelo resnično, skupaj z mnogimi drugimi. Ti osnovni startni kompleti bi vas morali spraviti na desno stopalo!

9. Vedno bodite na tekočem s študijskim časom

Ko se čas premakne, vsi izgubljamo zanimanje za dejavnosti. Če ste resnično strastni glede spletnega oblikovanja, morate biti motivirani in preučevati nove teme. Razmislite o odprtju svojega uma v razvojni jezik ali prakticiranju novega dela programske opreme.

Orodja, ki so danes na spletu, so bolj napredna kot kdajkoli prej, saj pomagajo mladim oblikovalcem spletnih strani, da poberejo nagrado. Knjižnica spletnega oblikovanja je bila prvotno objavljena v zbirki Template Monster skupaj z Jetimpex Inc in se je nadaljevala v katalog zelo priljubljenih vaj. Spletna stran se dnevno posodablja z novimi povezavami in izložbami za navdih.

Spletna stran se med seboj povezuje tudi med številnimi partnerskimi mesti, vključno s predlogo Ninajas. Posledica tega so vsakodnevni posli, ki jih nikjer drugje ne najdete - včasih celo demo ali freebies! Predloge spletnih mest so odličen kraj za začetek, ko niste seznanjeni z izdelavo postavitve spletne strani ali potrebujete le nekaj novih idej.

Priporočam tudi Tuts + Network, ki jo je ustvaril Envato. Gostijo na tisoče vaj, od Photoshopa, Illustratorja, HTML5, ActionScripta, vektorskih oblik in celo fotografije. Nekatere kode zahtevajo članstvo za prenos, vse vadnice pa lahko sledijo in ponujajo podrobna navodila za olajšanje učnega cikla..

Poleg pisnih člankov bo večina komentarjev ponudila tudi odlične nasvete. Celotno omrežje vodijo spletni oblikovalci in ga lahko berejo oblikovalci spletnih strani, tako da ste lahko prepričani o visokokakovostnih povratnih informacijah.

Zaključek

Te metode bi vas morale začeti na gromovitem potovanju do razsvetljenja spletnega oblikovanja. Najboljši triki v trgovini so se prenašali dolga leta prek internetne skupnosti. In prav tako, ker se je količina spletnih oblikovalcev povečala, so bili ustvarjeni bolj odprti standardi.

Razmislite o nekaterih predstavljenih idejah in preživite nekaj časa v brskanju po zanimivih člankih ali vajah. Tudi spoznavanje s svežim materialom vam lahko spodbudi možgane in vas premisli v povišano miselnost oblikovanja. Če imate podobne ideje, jih lahko delite v oddelku za komentarje spodaj.