9 idei pentru construirea de site-uri grozave cu mai puțin

Știm cu toții cât de greu poate fi munca web. Nu este o sarcină pentru cei slabi inima și, în general, necesită un an sau mai mult de studiu pentru a înțelege cu adevărat. Pe măsură ce epoca noastră a progresat, am văzut idei și inovații strălucitoare care au oferit comunității online o open source și o partajare.

Construcția unui site a evoluat într-adevăr într-un proces cu mai multe straturi. Trebuie să luați în considerare grafica paginilor web, codarea stilurilor de front-end și a aspectului, găzduirea serverului și, eventual, programarea back-end pentru boot. Dezvoltatorii au jucat cu aceste sisteme de ani de zile și, în sfârșit, am ajuns la un punct de interes, dar va fi extrem de obositor dacă veți lucra complet cu voi înșivă.

Mai jos am împărtășit câteva resurse utile pentru planificarea eficientă a modelelor de site-uri web. Acestea vin în mai multe forme pe parcursul întregului proces creativ. Deși nu este o listă exhaustivă, sper să atingem resursele utile experților și începătorilor.

1. Lăsați-o la experți

De la designeri de pictograme la programatori din întreaga lume, noi am luat toate seturi de competențe diferite de mărime variată. Nu ne imaginăm în mod frecvent noi eroi super-căutând să construim abilități dincolo de punctul de măiestrie. Totuși, pentru a deveni un artist creativ și programator este un adevărat dar.

Pentru aceia dintre noi care se concentrează într-o nișă specifică, ajutorul extern ar trebui să fie binevenit călduros. Acesta poate accelera procesul de construire a unui site de zece ori și oferă o experiență unică pentru a lucra într-un cadru de echipă. Unele dintre cele mai bune servicii PSD la HTML includ psd2html și xhtmlchop.com, Google "PSD to HTML services" pentru a obține mai multe sau pentru a vedea o listă de 100+ servicii aici.

Procesul fizic de ședere în jos pentru a codifica un document Photoshop în HTML / CSS poate fi enervant. Mai ales dacă ați codat de mai mulți ani, deoarece repetarea devine plictisitoare și aproape veche. Multe dintre aceste servicii promite livrare de 24 de ore și vor oferi chiar reduceri pentru desenele sub-paginilor.

Dacă sunteți interesat de codificare, dar rămâneți în urmă cu abilitățile de proiectare, aș recomanda să navigați pe unele rețele digitale de artiști. Acestea includ Dribbble și DesignMoo unde designerii grafici pot posta și împărtăși ultimele lucrări ale acestora. În general, veți găsi, de asemenea, o pagină de afișare a portofoliilor pentru fiecare artist, inclusiv informații de contact, cum ar fi e-mail, Twitter sau chat IM.

2. Soluții de outsourcing

Există exemple excelente de angajați care oferă servicii pentru a sprijini studiourile de proiect. Dar, cu nivelul actual de comunicare de astăzi, există multe situații în care freelancții vor lucra manual pentru a finaliza lucrările proiectului. Chiar și posibil din două locații distincte din întreaga lume!

Odată cu lansarea a numeroase comunități independente, designerii și dezvoltatorii nu au fost niciodată mai ușor să se întâlnească și să lucreze împreună. O mare comunitate Programmer Meet Designer permite atât dezvoltatorilor web, cât și designerilor să prezinte mesaje și să împărtășească idei pentru proiecte. Aceasta este o rețea relativ necunoscută și încă funcționează ca un mic ring de profesioniști.

Alternativ, este posibil să căutați un loc de muncă independent și să găsiți locuri de muncă dificile. Acesta este locul în care se afișează numeroasele comisii de locuri de muncă din jurul internetului. Astfel de companii precum Fresh Web Jobs și Krop sunt doar câteva exemple ale numeroaselor oportunități de freelancer. Fiecare este actualizată zilnic și oferă descrieri complete împreună cu informațiile de contact.

3. Utilizați Open Source

Una dintre cele mai bune invenții din comunitatea actuală de dezvoltare web trebuie să fie software-ul open source. Există numeroase eforturi depuse în fiecare zi pentru a completa și îmbunătăți bibliotecile existente. jQuery și MooTools sunt două dintre sutele de biblioteci JavaScript care se deosebesc de restul pe baza tutorialelor simple și a reputației. Cu toate acestea, JavaScript nu este singurul protocol deschis pe care au fost lucrate. În mod literal, sute de mii de dezvoltatori partajează și contribuie în fiecare zi cu pachete de coduri pe GitHub. Limbile includ PHP, CSS, SQL, ASP, Obiectiv-C, Java și multe altele!

WordPress, o platformă de bloguri dezvoltată de Matt Mullenweg și care a crescut istoric în ultimii ani, este, probabil, simbolul proiectelor de succes cu sursă deschisă. Se pare impresionant în căutarea a numeroase pachete mai mici ce se cercetează prin intermediul webului, dar WordPress execută milioane de site-uri web și găzduiește mii de dezvoltatori care lucrează pe backend-ul lor. Întregul pachet este gratuit pentru descărcare și foarte simplu de instalat. Site-ul oficial al companiei wordpress.org oferă link-uri și tutoriale pentru dezvoltatorii interesați de construirea de teme și plugin-uri WP. De asemenea, am sponsorizat un tutorial introductiv pentru pluginurile WP pentru programatori începători. În mod similar, există o galerie oficială care se mândrește cu o sumă impresionantă de pluginuri gratuite pentru toți utilizatorii WordPress care se pot bucura.

Pentru cei care caută scripturi de e-commerce cu sursă deschisă, consultați acest post.

4. Proiectarea icoanelor proprii - Nu este necesar

Trecând spre grafica și aspectul de animație al designului, vedem încă o comunitate deschisă și de partajare. Designerii de web se bucură nu numai de împărtășirea operelor lor de artă în lume, ci și de ai ajuta pe alții să-și promoveze ideile.

Grafica sunt unele dintre cele mai complicate aspecte ale unui site web. Acest lucru este valabil mai ales din moment ce designerii grafici de vârf sunt greu să vină. Multe dintre seturile de pictograme gratuite, cum ar fi FamFamFam, Wefunction, Fugue și multe altele, dezvăluie descărcările lor ca fiind gratuite pentru a le folosi pe link-urile de retribuție sau pentru a-și credita munca. Acest lucru pare a fi un simplu compromis pentru utilizări nelimitate!

Un alt serviciu fantastic Icon Finder se comportă ca un motor de căutare pentru cele mai populare seturi de pictograme. Adesea, dacă navigați prin rezultatele căutării Google, există sute de bloguri de design web care prezintă cele mai bune icoane gratuite. Acestea au fost, de asemenea, împărțite în astfel de motoare ca Icon Finder pentru a face site-urile de construcție chiar mai repede.

5. Îmbunătățiți relațiile de găzduire și partajarea fișierelor

Putem să folosim cu toții niște bani în plus în aceste zile. Chiar și în calitate de designeri web, este important să căutăm acele companii care oferă oferte și sprijină generația independentă.

Gazduirea web este doar una din numeroasele cheltuieli care trebuie luate în considerare. De multe ori puteți găsi cupoane pe site-uri similare, care economisesc bani pentru achiziționarea de nume de domeniu și spațiu de server.

Schimbul de fișiere a devenit o parte importantă a stilului de viață al designerului web. Există servicii gratuite și gratuite, iar dacă cunoașteți pe cineva în afaceri, nu este dificil să obțineți un cont de membru. Pentru restul, considerați că navigați prin alternativele de partajare a fișierelor, care oferă suport complet gratuit tuturor utilizatorilor.

6. Verificarea performanțelor libere

Aplicațiile de pe web sunt cele mai recente tendințe care se strecoară prin cusăturile digitale. De la aplicații mobile până la aplicații în browser, se pare că aproape orice poate fi terminat pe un computer în aceste zile. Pentru webmasteri este important să cunoașteți numeroasele oportunități gratuite de testare mecanică și de întreținere a site-ului.

Dacă sunteți ca majoritatea dintre noi, atunci uptime-ul site-ului este de o preocupare serioasă. Având site-ul dvs. merge în jos pentru chiar câteva minute poate deveni catastrofală pentru a vă numere de trafic, să nu mai vorbim profund confuz pentru vizitatori. Pingdom este un instrument gratuit pe care toți webmasterii ar trebui să-l folosească pentru a verifica codurile de răspuns de pe serverul lor web. Acesta este un mod sigur de a păstra filele pe backend-ul dvs. și de a monitoriza performanța din spatele scenei.

Un alt serviciu excelent, Google Webmasters permite dezvoltatorilor să ceară proprietatea asupra site-ului lor. Acest lucru se poate face printr-un sitemap, o etichetă meta-tag sau alte alternative oferite de Google. Dacă utilizați un cont Google, este posibil să stocați date RSS și chiar să urmăriți cuvintele cheie pentru site-urile individuale. Aplicația este gratuită de 100% și vă permite să stocați conexiuni nelimitate la site-uri web!

7. Editorii codului pot fi ieftine (sau gratuite)

Indiferent dacă ne place să recunoaștem că majoritatea designerilor de web au tendința de a dabbra într-o formă de dezvoltare web. Este doar pentru cei cu adevărat înzestrați în Adobe Photoshop sau Illustrator care nu se aventurează în designul HTML și CSS.

Pentru programatorii frontend și backend deopotrivă poate fi dificil de a găsi un mediu de lucru confortabil. Adobe oferă Dreamweaver care acceptă evidențierea codului în multe limbi, dar, din nefericire, va costa destul de puțin bani. Am analizat primii 10 editori de cod sursă gratuit și am oferit link-uri directe de descărcare pentru fiecare pagină.

Dacă tocmai ați început să codificați, recomand să vă petreceți puțin timp în cercetarea acestor lucruri. Mediul de dezvoltare este crucial și va avea efecte asupra modului în care scrieți codul. Mulți dintre acești editori sunt specificați de Windows și, deși puteți găsi câteva opțiuni prietenoase cu Mac, vă recomandăm Panoda lui Coda - un editor de coduri mai ieftine (comparativ cu Adobe Dreamweaver).

8. Ridicați niște kituri de pornire

Acum, că aveți o idee solidă despre serviciile și programele disponibile, încercați să descărcați câteva seturi de pornire pentru a vă ajuta să mergeți. În calitate de designeri web, este important să ne concentrăm atenția conștientă asupra creativității și să stimulam idei noi pentru platformele de layout.

În ultimii ani, designerii au lansat încet pachete gratuite de icoane, șabloane, elemente de formă, componente GUI și multe alte lucrări similare. Vă rugăm să examinați lista noastră de kituri de designer web pentru a vedea dacă ceva vă atrage ochiul.

Photoshop layout-ul nu este întotdeauna cel mai ușor de completat. Adesea ne găsim îndoieli și re-angajarea de a corecta scheme de culori și de plasare. Vechea zicală “practica este perfectă” pare să fie foarte adevărat în acest scenariu, alături de multe altele. Iar aceste truse de bază de bază ar trebui să vă aducă pe piciorul drept!

9. Întotdeauna ține pasul cu timpul de studiu

Odată cu trecerea timpului, cu toții avem tendința de a pierde interesul față de activități. Dacă sunteți cu adevărat pasionat de designul web, trebuie să vă mențineți motivat și să studiați subiecte noi. Luați în considerare deschiderea minții dvs. într-un limbaj de dezvoltare sau practicarea unei noi bucăți de software.

Instrumentele online de astăzi sunt mai avansate decât oricând, ajutându-i pe tinerii designeri web să câștige premiul. Biblioteca Web Design a fost inițial lansată sub Template Monster împreună cu Jetimpex Inc și a continuat într-un catalog de tutoriale foarte populare. Site-ul Web este actualizat zilnic cu noi link-uri și articole de prezentare pentru inspirație.

Site-ul interconectează, de asemenea, între mai multe locații partenere, inclusiv Template Ninajas. Acest lucru are ca rezultat tranzacții zilnice pe care nu le puteți găsi nicăieri altundeva - uneori chiar demo-uri sau freebies! Șabloanele de site sunt un loc excelent pentru a începe atunci când nu sunteți familiarizați cu construirea unui aspect de pagină web sau aveți nevoie doar de niște idei noi.

Aș recomanda, de asemenea, rețeaua Tuts + creată de Envato. Acestea găzduiesc mii de tutoriale variind de la Photoshop, Illustrator, HTML5, ActionScript, forme vectoriale și chiar fotografie. Unele din codul lor necesită un membru pentru a descărca, dar toate tutorialele sunt gratuite să urmeze și să ofere instrucțiuni pas cu pas pentru a ușura ciclul de învățare.

Împreună cu articolele scrise, majoritatea comentariilor vor oferi și sfaturi utile. Întreaga rețea este condusă de designeri web și citită de designeri web, astfel încât să puteți fi sigur de feedback-ul de înaltă calitate.

Concluzie

Aceste metode ar trebui să vă aducă să începeți pe o cale tumultoasă spre iluminarea designului web. Cele mai bune trucuri ale comerțului au fost trimise de mai mulți ani prin intermediul comunității de internet. Și, la fel ca numărul de designeri web care au crescut, au fost create mai multe standarde deschise.

Luați în considerare unele din ideile prezentate mai sus și petreceți ceva timp în navigarea prin articole interesante sau tutoriale. Chiar și vă familiarizați cu materiale proaspete vă poate jogni creierul și vă puteți gândi într-o mentalitate de proiectare ridicată. Dacă aveți idei similare, nu ezitați să le distribuiți în secțiunea de comentarii de mai jos.