9 ideoita suurten verkkosivustojen rakentamiseen vähemmän
Me kaikki tiedämme, kuinka työläs web-työ voi olla. Se ei ole heikon sydämen tehtävä, ja se vaatii yleensä vuoden tai enemmän opiskelua todella ymmärtää. Kun aikamme on edennyt, olemme nähneet loistavia ideoita ja innovaatioita, jotka ohjaavat online-yhteisöä kohti avointa lähdettä ja jakamista.
Sivuston rakentaminen on todella kehittynyt monikerroksiseksi prosessiksi. Sinun on harkittava verkkosivun grafiikkaa, etupään tyylien koodausta ja ulkoasua, palvelin hosting ja mahdollisesti back-end-ohjelmointia. Kehittäjät ovat pelanneet näitä järjestelmiä jo vuosia, ja lopulta olemme saavuttaneet kiinnostavan paikan, mutta se on äärimmäisen uuvuttavaa, jos aiot käsitellä kaikkia näitä töitä kokonaan.
Alla olen jakanut joitakin hyödyllisiä resursseja, joiden avulla voit suunnitella tehokkaita verkkosivustoja. Nämä ovat monissa muodoissa koko luovan prosessin ajan. Vaikka tämä ei ole tyhjentävä luettelo, toivon, että käsittelen resursseja, jotka ovat hyödyllisiä sekä asiantuntijoille että aloittelijoille.
1. Jätä se asiantuntijoille
Ikoni-suunnittelijoista ohjelmoijiin ympäri maailmaa olemme kaikki saaneet erilaisia taitoja eri suuruisia. Emme kuvittele itseämme supersankareina, jotka haluavat rakentaa taitoja mestaruuden ulkopuolella. Luovaksi taiteilijaksi ja ohjelmoijaksi on kuitenkin todellinen lahja.
Niille, jotka keskittyvät tiettyyn kapealle, ulkoista apua pitäisi pitää lämpimästi tervetulleena. Se voi nopeuttaa verkkosivuston rakentamista kymmenen kertaa ja tarjoaa ainutlaatuisen kokemuksen työskennellä tiimin asetuksissa. Jotkut parhaista PSD-palveluista HTML-palveluihin ovat psd2html ja xhtmlchop.com, Google "PSD HTML-palveluihin" saadaksesi lisätietoja tai tutustu 100+ palveluiden luetteloon täällä.
Fyysinen prosessi, jossa istutaan Photoshop-asiakirjan koodiin HTML / CSS: ksi, voi olla ärsyttävää. Varsinkin jos olet koodannut vuosia, kun toisto tulee tylsäksi ja lähes vanhentuneeksi. Monet näistä palveluista lupaavat 24 tunnin toimitusta ja tarjoavat alennuksia alisivujen suunnitteluun.
Jos olet kiinnostunut koodauksesta, mutta kannattaa suunnitella taitojasi, suosittelen selaamaan joitakin digitaalisen taiteilijan verkkoja. Näitä ovat Dribbble ja DesignMoo, jossa graafiset suunnittelijat voivat lähettää ja jakaa uusimpia töitään. Yleensä löydät myös jokaiselle artistille salkun näyttösivun, mukaan lukien yhteystiedot, kuten sähköposti, Twitter tai chat.
2. Ulkoistamisratkaisut
On olemassa erinomaisia esimerkkejä freelancereista, jotka tarjoavat palvelujaan tukemaan projektiopintoja. Mutta nykyisellä viestintätasolla on monia tapauksia, joissa freelancereilla on käsi kädessä projektityön suorittamiseksi. Jopa mahdollisesti kahdesta eri paikasta ympäri maailmaa!
Niin monien freelance-yhteisöjen julkaisemisen myötä suunnittelijoille ja kehittäjille ei ole koskaan ollut helpompaa tavata ja työskennellä yhdessä. Suuri yhteisöohjelmoija Meet Designer mahdollistaa sekä web-kehittäjien että suunnittelijoiden viestin ja jakaa ideoita projekteihin. Tämä on suhteellisen tuntematon verkko ja toimii edelleen pienenä ammattilaisrenkaana.
Vaihtoehtoisesti voit etsiä työtä freelancerina ja löytää työpaikkoja vaikeaksi. Tällöin monet Internetin työtaulut osoittavat niiden käyttöä. Tällaiset yritykset, kuten Fresh Web Jobs ja Krop, ovat vain muutamia esimerkkejä monista freelance-mahdollisuuksista. Jokainen päivitetään päivittäin ja tarjoaa täydelliset kuvaukset sekä yhteystiedot.
3. Käytä avoimen lähdekoodin käyttöä
Yksi nykypäivän web-kehitysyhteisön parhaista keksinnöistä on oltava avoimen lähdekoodin ohjelmistoja. Joka päivä on tehty lukemattomia ponnisteluja olemassa olevien kirjastojen täydentämiseksi ja parantamiseksi. jQuery ja MooTools ovat kaksi satoja JavaScript-kirjastoja, jotka erottuvat loput perustuvat yksinkertainen tutorials ja maine. JavaScript ei kuitenkaan ole ainoa avoin protokolla, jota on käsitelty. Kirjaimellisesti satoja tuhansia kehittäjiä jakavat ja antavat GitHubissa koodikoodeja päivittäin. Kieliä ovat PHP, CSS, SQL, ASP, Objective-C, Java ja niin paljon muuta!
Matt Mullenwegin kehittämä WordPress, joka on kasvanut historiallisesti viime vuosina, on mahdollisesti avoin lähdekoodin menestysprojekteja. Tuntuu vaikuttavalta, kun tarkastellaan niin monia pienempiä paketteja, joita seulotaan verkossa, mutta WordPress valtuuttaa miljoonia sivustoja ja isännöi tuhansia kehittäjiä, jotka työskentelevät taustallaan. Koko paketti on ladattavissa ilmaiseksi ja se on helppo asentaa. Virallinen yrityksen verkkosivu wordpress.org tarjoaa linkkejä ja opetusohjelmia WP-teemojen ja laajennusten rakentamiseen kiinnostuneille kehittäjille. Olemme myös sponsoroinut esittelyopetusta WP-liitännöistä aloitusohjelmoijille. Samoin on olemassa virallinen galleria, jossa on vaikuttava määrä ilmaisia laajennuksia kaikille WordPress-käyttäjille.
Niille teistä, jotka etsivät avoimen lähdekoodin sähköisen kaupankäynnin skriptejä, tutustu tähän viestiin.
4. Omien kuvakkeiden suunnittelu - Ei tarvita
Siirrymme suunnittelun grafiikka- ja animaatiopuolelle edelleen avoimeen ja jaettavaan yhteisöön. Web-suunnittelijat nauttivat kuvien jakamisesta maailmalle, mutta auttavat muita edistämään ideoitaan.
Grafiikka on joitakin sivuston monimutkaisimpia näkökohtia. Tämä pätee erityisesti, koska huippuluokan graafiset suunnittelijat ovat kovia. Monet ilmaisista kuvakokonaisuuksista, kuten FamFamFam, Wefunction, Fugue ja muut, ilmaisevat latauksensa vapaasti käytettäväksi palautuslinkkien tai työn hyvittämisen yhteydessä. Tämä näyttää olevan yksinkertainen kompromissi rajoittamattomille käyttötarkoituksille!
Toinen loistava palvelu Icon Finder käyttäytyy suosituimpien kuvakokonaisuuksien hakukoneena. Usein, jos selaat Google-hakutuloksia, on olemassa satoja web-suunnittelupalveluja, jotka esittävät parhaita ilmaisia kuvakkeita. Nämä on myös jaettu tällaisiin moottoreihin kuten Icon Finder, jotta rakennussivustot voisivat entistä nopeammin.
5. Parempi ratkaisu Hosting & File Sharingissa
Me kaikki voimme käyttää ylimääräistä rahaa näinä päivinä. Jopa web-suunnittelijoina on tärkeää etsiä niitä yrityksiä, jotka tarjoavat tarjouksia ja tukevat freelance-sukupolvea.
Web hosting on vain yksi niistä monista kustannuksista, jotka on otettava huomioon. Usein voit löytää kuponkeja vastaavilla verkkosivuilla, jotka säästävät rahaa verkkotunnusten ja palvelintilojen ostamiseen.
Tiedostojen jakamisesta on tullut tärkeä osa web-suunnittelijan elämäntapaa. Käytettävissä on maksullisia ja ilmaisia palveluja, ja jos tiedät jonkun yrityksessä, ei ole vaikeaa saada jäsenetiliä. Muista harkita tiedostojen jakamisen vaihtoehtojen selaamista, joka tarjoaa täysin ilmaisen tuen kaikille käyttäjille.
6. Vapaa suorituskyvyn tarkistaminen
Verkkosovellukset ovat viimeisimpiä digitaalisten saumojen läpi kulkevia trendejä. Matkapuhelimesta selaimessa oleviin sovelluksiin näyttää miltei mitä tahansa voidaan suorittaa tietokoneella näinä päivinä. Verkkovastaaville on tärkeää tietää monia vapaita mahdollisuuksia mekaaniseen testaukseen ja verkkosivustojen ylläpitoon.
Jos olet kuin useimmat meistä, verkkosivuston käyttöaika on vakava huolenaihe. Verkkosivustosi laskeminen jopa muutaman minuutin ajan voi muuttua liikennemäärillesi katastrofaaliseksi, puhumattakaan syvästi hämmentävistä kävijöillesi. Pingdom on ilmainen työkalu, jonka kaikkien ylläpitäjien tulisi käyttää tarkistamaan vastauskoodeja web-palvelimelta. Tämä on varma tapa pitää selkänojan välilehdet ja seurata suorituskykyä kulissien takana.
Toinen hyvä palvelu, Google Webmasters antaa kehittäjille mahdollisuuden vaatia omistuksensa sivustostaan. Tämä voidaan tehdä sivustokartan, metakoodin tai muiden Googlen tarjoamien vaihtoehtojen avulla. Jos käytät Google-tiliä, voit tallentaa RSS-tietoja ja seurata jopa yksittäisten sivustojen avainsanoja. Sovellus on 100% ilmainen ja sen avulla voit tallentaa rajoittamattomia sivustoyhteyksiä!
7. Koodieditorit voivat olla halpoja (tai ilmaisia)
Halusimmeko myöntää sen, että useimmat web-suunnittelijat pyrkivät hermostumaan jollakin tavalla verkkokehitys. Se on vain niille, jotka ovat todella lahjakkaita Adobe Photoshopissa tai Illustratorissa, jotka eivät osallistu HTML- ja CSS-suunnitteluun.
Ohjelmoijien etupaneelin ja backendin osalta voi olla vaikeaa löytää mukava työympäristö. Adobe tarjoaa Dreamweaverille, joka tukee koodin korostamista monilla kielillä, mutta valitettavasti maksaa melko vähän rahaa. Olemme tarkastelleet 10 parasta vapaan lähdekoodin toimittajaa ja tarjoaneet suorat latauslinkit jokaiselle sivulle.
Jos olet juuri aloittamassa koodauksen, suosittelen erittäin vähän aikaa tutkimaan niitä. Kehitysympäristösi on ratkaiseva, ja sillä on vaikutuksia koodin kirjoittamiseen. Monet näistä toimittajista ovat Windows-erityisiä, ja vaikka saatat löytää muutamia Mac-ystävyysvaihtoehtoja, suosittelen Panicin Codaa - tavallista halvempaa koodieditoria (verrattuna Adobe Dreamweaveriin) vakavan web-kehityksen aikaansaamiseksi.
8. Noutaa jotkin käynnistyssarjat
Nyt kun sinulla on vankka käsitys käytettävissä olevista palveluista ja ohjelmista, yritä ladata muutamia käynnistyspaketteja, jotta voit mennä. Web-suunnittelijoina on tärkeää keskittyä tietoisesti huomiomme luovuuteen ja uusien ideoiden luomiseen asetteluympäristöihin.
Viime vuosien aikana suunnittelijat ovat julkaisseet hitaasti ilmaisia kuvakkeita, malleja, lomakkeen elementtejä, GUI-komponentteja ja monia vastaavia töitä. Ole hyvä ja tutustu luetteloon web-suunnittelijan aloituspakkauksista nähdäksesi, onko mitään kiinni silmäsi.
Photoshopin ulkoasu ei ole aina helpoin toteuttaa. Usein löydämme itsemme epäilyttäviksi ja uudelleenkäytettäviksi oikean värin ja sijoittelun korjaamiseksi. Vanha sanonta “harjoitus tekee mestarin” näyttää olevan hyvin totta tässä skenaariossa yhdessä monien muiden kanssa. Näiden perustason aloituspakkausten pitäisi saada sinut pois oikealta jalalta!
9. Jatka aina opintoajan kanssa
Ajan myötä kaikki pyrimme menettämään kiinnostusta toimintaan. Jos olet todella intohimoinen web-suunnittelussa, sinun pitäisi pitää itsesi motivoituna ja tutkia uusia aiheita. Harkitse mielesi avaamista kehityskielelle tai harjoita uutta ohjelmistoa.
Verkossa tänään olevat työkalut ovat edistyneempiä kuin koskaan ennen auttaakseen nuoria web-suunnittelijoita ottamaan palkinnon. Web Design Library aloitettiin alun perin Template Monsterin ja Jetimpex Inc: n alla, ja se on jatkunut hyvin suosittuja opetusohjelmia koskevaan luetteloon. Sivusto päivitetään päivittäin uusilla linkeillä ja esitellään inspiraatiota.
Sivusto myös yhdistää monien yhteistyökumppaneiden, kuten Template Ninajasin, välillä. Tämä johtaa päivittäisiin tarjouksiin, joita et löydä missään muualla - joskus jopa demoja tai ilmaistarjouksia! Verkkosivumallit ovat hyvä paikka aloittaa, kun et tunne verkkosivun ulkoasun rakentamista tai tarvitset vain joitakin uusia ideoita.
Suosittelisin myös Envaton luomaa Tuts + -verkkoa. He vastaanottavat tuhansia opetusohjelmia, jotka vaihtelevat Photoshopista, Illustratorista, HTML5: stä, ActionScriptista, vektorimuodoista ja jopa valokuvauksesta. Osa niiden koodista edellyttää jäsenyyden lataamista, mutta kaikki opetusohjelmat voivat seurata ja tarjota vaiheittaisia ohjeita oppimisjakson helpottamiseksi.
Kirjallisten artikkeleiden ohella useimmat kommentit tarjoavat myös hyviä neuvoja. Koko verkkoa käyttävät web-suunnittelijat ja luovat web-suunnittelijat, joten voit olla varma korkealaatuisesta palautteesta.
johtopäätös
Näiden menetelmien pitäisi alkaa aloittaa ukkosen polulla kohti web-suunnittelun valaistumista. Kaupan parhaat temput on siirretty vuosien ajan internetyhteisön kautta. Samoin kuin web-suunnittelijoiden määrä on lisännyt avoimempia standardeja on luotu.
Harkitse joitakin edellä esitettyjä ideoita ja vie aikaa selailemalla mielenkiintoisia artikkeleita tai opetusohjelmia. Jopa tuoreen materiaalin tutustuminen voi lyödä aivojasi ja ajattelemaan korkealuokkaisesta muotoilusta. Jos sinulla on samanlaisia ajatuksia, voit jakaa ne kommenteissa alla.
