9 ideed suurte veebisaitide ehitamiseks vähemaga

Me kõik teame, kui raske on veebitöö. See ei ole nõrga südamega ja ei vaja üldjuhul aastaid või rohkem õpinguid. Kuna meie ajastu on edenenud, oleme näinud suurepäraseid ideid ja uuendusi, mis tutvustavad veebikogukonda avatud lähtekoodile ja jagamisele.

Veebisaidi ehitamine on tõepoolest kujunenud mitmekihiliseks protsessiks. Sa pead kaaluma veebilehe graafikat, kodeeringu esiotsa stiili ja paigutust, serveri hostimist ja võimaliku taustaprogrammi käivitamist. Arendajad on neid süsteeme juba aastaid mänginud ja lõpuks oleme jõudnud huvipunkti, kuid see on äärmiselt väsitav, kui te hakkate kõiki neid teoseid täielikult käsitsema.

Allpool olen jaganud mõningaid kasulikke ressursse suurepäraste veebilehtede tõhusaks kavandamiseks. Need on paljudes vormides kogu loomingulise protsessi jooksul. Kuigi see ei ole ammendav nimekiri, loodan ma puudutada nii ekspertidele kui ka algajatele kasulikke ressursse.

1. Jätke see ekspertidele

Ikoonidisaineritest kuni programmeerijateni üle kogu maailma oleme kõik saanud erineva suurusega oskuste komplekti. Me ei näe ennast tihti superkangelastena, kes soovivad ehitada oskusi peale meisterlikkuse. Loovaks kunstnikuks ja programmeerijaks on aga tõeline kingitus.

Neile, kes keskenduvad konkreetsele nišile, tuleks välist abi soojalt tervitada. See võib kiirendada veebilehe ehitamist kümnekordselt ja pakub ainulaadset kogemust meeskonnatöö raames töötamiseks. Mõned parimad PSD-d HTML-teenustesse sisaldavad psd2html ja xhtmlchop.com, Google'i PSD-sid HTML-teenustesse, et saada rohkem, või vaadake 100+ teenuste nimekirja siit.

Füüsiline protsess, kus istuda Photoshopi dokumendi koodiks HTML / CSS-ks, võib olla tüütu. Eriti siis, kui olete paljude aastate kodeerinud, kui kordamine on igav ja peaaegu vananenud. Paljud neist teenustest lubavad ööpäevaringset tarnimist ja pakuvad isegi allahindlust alamlehekülgedele.

Kui olete huvitatud kodeerimisest, kuid jäävad disaini oskuste taha, soovitan sirvida mõnda digitaalse kunstniku võrgustikku. Nende hulka kuuluvad Dribbble ja DesignMoo, kus graafilised disainerid saavad postitada ja jagada oma viimaseid töid. Üldiselt leiate ka iga kunstniku jaoks portfelli kuvamise lehe, sealhulgas kontaktandmed, näiteks e-post, Twitter või vestlus.

2. Allhanke lahendused

On suurepäraseid näiteid vabakutselistest, kes pakuvad oma teenuseid projektide toetamiseks. Kuid tänase kommunikatsioonitasemega on palju juhtumeid, kus vabakutselised teevad projekti töö lõpuleviimiseks käsikäes. Isegi võib-olla kahest erinevast asukohast üle maailma!

Nii paljude vabakutseliste kogukondade vabastamisega ei ole disaineritel ja arendajatel kunagi lihtsam kohtuda ja koos töötada. Suur kogukonna programmeerija Meet Designer võimaldab nii veebiarendajatel kui ka disaineritel sõnumeid ja projektide ideid jagada. See on suhteliselt tundmatu võrk ja töötab endiselt väikese spetsialistide ringina.

Teise võimalusena võite otsida tööd vabakutselisena ja leida tööd raskeks. See näitab, kui paljud Interneti-töökohad näitavad nende kasutamist. Sellised ettevõtted nagu värske veebitöö ja Krop on vaid mõned näited paljudest vabakutselistest võimalustest. Iga värskendatakse iga päev ja pakutakse täielikku kirjeldust koos kontaktandmetega.

3. Kasutage avatud lähtekoodiga

Üks parimaid leiutisi tänapäeva veebiarenduse kogukonnas peab olema avatud lähtekoodiga tarkvara. Olemasolevate raamatukogude täiendamiseks ja täiustamiseks tehakse igapäevaselt mitmeid jõupingutusi. jQuery ja MooTools on kaks sadu JavaScripti raamatukogusid, mis eristuvad muust lihtsate õpetuste ja maine alusel. Kuid JavaScript ei ole ainus avatud protokoll, mis on töötanud. Iga päev jagavad ja annavad GitHubis koodipakette kirjalikult sadu tuhandeid arendajaid. Keeled hõlmavad PHP, CSS, SQL, ASP, Objective-C, Java ja nii palju muud!

WordPress, blogi platvorm, mille on välja töötanud Matt Mullenweg ja mis on viimastel aastatel ajalooliselt kasvanud, on tõenäoliselt avatud lähtekoodiga edukusprojektide väljapanek. Tundub muljetavaldav, et vaadata nii palju väiksemaid pakette, mis on veebi kaudu sõelunud, kuid WordPress volitab miljoneid veebisaite ja korraldab tuhandeid arendajaid, kes töötavad nende taustal. Kogu pakett on tasuta alla laadida ja väga lihtne paigaldada. Ametlik ettevõtte veebileht wordpress.org pakub linke ja õpetusi WP teemade ja pluginate ehitamisest huvitatud arendajatele. Samuti oleme sponsoreerinud sissejuhatavat õpetust WP-pluginate kohta algajatele programmeerijatele. Samamoodi on ametlik galerii, millel on muljetavaldav hulk tasuta pluginaid kõigile WordPressi kasutajatele.

Neile, kes otsivad avatud lähtekoodiga e-kaubanduse skripte, vaadake seda postitust.

4. Oma ikoonide kujundamine - pole vajalik

Disaini graafika ja animatsiooni poole liikudes näeme endiselt avatud ja jagavat kogukonda. Veebidisainerid saavad mitte ainult jagada oma kunsti maailma, vaid aidata ka teisi oma ideede reklaamimisel.

Graafika on mõned veebisaidi kõige keerulisemad aspektid. See kehtib eriti, sest tipptasemel graafilised disainerid on raske tulla. Paljud tasuta ikoonide komplektid, nagu näiteks FamFamFam, Wefunction, Fugue ja muud, avalikustavad oma allalaadimised vabalt kasutatavatena, kui nad on lunastamise lingid või oma töö krediteerivad. See tundub olevat lihtne kompromiss piiramatute kasutuste jaoks!

Teine fantastiline teenus Icon Finder käitub kõige populaarsemate ikoonikomplektide otsingumootorina. Sageli, kui sirvite Google'i otsingutulemusi, on sadu veebidisaini blogisid, mis tutvustavad parimaid tasuta ikoone. Neid on ka jagatud sellisteks mootoriteks, nagu ikoonide leidja, et muuta veebisaidid veelgi kiiremaks.

5. Parem tehing Hosting & File Sharing'is

Me kõik saame nendel päevadel kasutada lisaraha. Isegi kui veebidisainerid on oluline otsida neid ettevõtteid, kes pakuvad tehinguid ja toetavad vabakutselist põlvkonda.

Veebimajutus on vaid üks paljudest kuludest, mida tuleb arvestada. Sageli on võimalik leida kuponge seotud veebilehtedel, mis säästavad domeeninimede ja serveriruumi ostude eest.

Failide jagamine on muutunud veebidisaineri elustiili oluliseks osaks. Saadaval on tasulisi ja tasuta teenuseid ning kui te teate kedagi ettevõttes, ei ole liikmelisuse konto saamine keeruline. Ülejäänud kaaluge meie failide jagamise alternatiivide sirvimist, mis pakub kõigile kasutajatele täiesti tasuta tuge.

6. Tasuta toimivuse kontroll

Veebisaitide rakendused on viimased trendid, mis katkestavad digitaalseid õmblusi. Mobiilist brauseris kasutatavatele rakendustele tundub, et nendel päevadel saab arvutisse peaaegu midagi täita. Veebimeistrite jaoks on oluline teada palju tasuta võimalusi mehaaniliseks testimiseks ja veebisaidi hooldamiseks.

Kui sa oled nagu enamik meist, on veebilehe tööaeg tõsine probleem. Võimalik, et teie veebileht läheb isegi mõne minuti jooksul alla, võib teie liiklusnumbrid katastroofilised olla, rääkimata sügavalt segadust külastajatest. Pingdom on tasuta tööriist, mille kõik veebimeistrid peaksid kasutama oma veebiserveri vastusekoodide kontrollimiseks. See on kindel, et hoida tagaplaanil olevaid sakke ja jälgida kulusid kulisside taga.

Teine suurepärane teenus, Google Webmasters võimaldab arendajatel nõuda oma saidi omandiõigust. Seda saab teha saidiplaani, metakoodi või teiste Google'i pakutavate alternatiividega. Kui kasutate Google'i kontot, on võimalik salvestada RSS-andmeid ja isegi jälgida üksikute veebisaitide märksõnu. Rakendus on 100% tasuta ja võimaldab teil piiramatu veebisaidi ühendusi salvestada!

7. Koodiredaktorid võivad olla odavad (või tasuta)

Kas me tahame tunnistada, et enamik veebidisainereid kipub mõnda vormi segama Veebiarendus. See on ainult neile, kes on tõesti andekas Adobe Photoshopis või Illustratoris, kes ei võta arvesse HTML- ja CSS-disaini.

Nii programmeerijate kui ka taustaprogrammide jaoks on mugav töökeskkonna leidmine raske. Adobe pakub Dreamweaverile, mis toetab koodide esiletõstmist paljudes keeltes, kuid kahjuks maksab see palju raha. Oleme üle vaadanud 10 parimat tasuta lähtekoodi toimetajat ja oleme pakkunud otseseid linke igale lehele.

Kui sa lihtsalt alustad kodeerimisega, siis soovitan kulutada mõnda aega nende uurimiseks. Teie arenduskeskkond on otsustava tähtsusega ja mõjutab koodi kirjutamise viisi. Paljud neist toimetajatest on Windowsi jaoks spetsiifilised ja kuigi võite leida mõningaid Maci sõbralikke valikuid, soovitan tõsiselt veebiarenduseks Panicu Coda - see on odavam koodiredaktor (võrreldes Adobe Dreamweaveriga).

8. Võtke mõned stardikomplektid üles

Nüüd, kui sul on kindel idee saadaolevate teenuste ja programmide kohta, proovige mõningaid stardikomplekte alla laadida. Veebidisainerina on oluline keskenduda oma teadlikule tähelepanu loovusele ja uute ideede loomisele paigutusplatvormidele.

Viimastel aastatel on disainerid aeglaselt välja andnud tasuta ikoone, malle, vormi elemente, GUI komponente ja palju sarnaseid töid. Palun tutvuge meie veebidisainerite lähtekomplektide loeteluga, et näha, kas teie silmad midagi kinni püüavad.

Photoshopi paigutus ei ole alati kõige lihtsam täita. Sageli on meil kahtlusi ja taasalustamist värvilahenduste ja paigutuse parandamiseks. Vana sõnum “harjutamine teeb meistriks” näib olevat selles stsenaariumis koos paljude teistega väga tõsi. Ja need põhilised stardikomplektid peaksid teid paremal jalal olema!

9. Pidage alati kursis õppeajaga

Kuna aeg liigub, kaotame kõik huvi tegevuse vastu. Kui olete veebidisaini suhtes tõeliselt kirglik, peaksite ennast motiveerima ja uusi teemasid uurima. Kaaluge oma mõtte avamist arenduskeele või uue tarkvaraga.

Täna kasutatavad tööriistad on rohkem arenenud kui kunagi varem, et aidata noortel veebi disaineritel auhinda saada. Veebidisainiraamatukogu käivitati algselt koos Template Monsteriga koos Jetimpex Inc-ga ning on jätkunud väga populaarsete õpetuste kataloogi. Veebisaiti uuendatakse iga päev uute linkide ja inspiratsiooniks mõeldud esemetega.

Sait ühendab ka paljude partnerite, sealhulgas malli Ninajas vahel. Selle tulemuseks on igapäevased tehingud, mida te ei leia kusagil mujal - mõnikord isegi demod või freebies! Veebisaidi mallid on suurepärane koht alustamiseks, kui te ei tunne veebilehe kujunduse ehitamist või vajate lihtsalt uusi ideid.

Samuti soovitaksin Envato loodud Tuts + võrgustikku. Nad annavad tuhandeid õpetusi, mis ulatuvad Photoshopist, Illustratorist, HTML5-st, ActionScriptist, vektori kujudest ja isegi fotograafiast. Mõned nende koodid vajavad allalaadimist, kuid kõik õpetused võivad vabalt jälgida ja pakkuda samm-sammult juhiseid õppetsükli lihtsustamiseks.

Koos kirjalike artiklitega pakuvad ka suurema osa kommentaarid suurepäraseid nõuandeid. Kogu võrku haldavad veebidisainerid ja neid loevad veebidisainerid, nii et võite olla kindel kvaliteetse tagasiside osas.

Järeldus

Need meetodid peaksid saama alustada äikest teed veebidisaini valgustatuse poole. Parimad kaubanduse nipid on aastate vältel Interneti-kogukonna kaudu edasi antud. Samamoodi, kui veebidisainerite arv on suurenenud, on loodud rohkem avatud standardeid.

Mõelge mõnele ülalkirjeldatud ideele ja kulutage mõnda aega huvitavate artiklite või õpetuste sirvimiseks. Isegi värske materjaliga tutvumine võib lasta oma aju lasta ja mõelda kõrgendatud disaini mõtteviisi. Kui sul on sarnased ideed, jagage neid allpool olevas kommentaaride jaotises.