9 Ötlet a nagy webhelyek építéséhez kevesebbet

Mindannyian tudjuk, hogy milyen fáradságos lehet a webes munka. Ez nem a halvány szívű feladat, és általában egy évig vagy több tanulmányra van szükség ahhoz, hogy valóban megértse. Ahogy a korunk fejlődött, ragyogó ötleteket és innovációkat láthattunk, amelyek az online közösséget nyílt forráskódra és megosztásra irányítják.

A weboldal építése valóban többrétegű folyamatgá fejlődött. Figyelembe kell vennie a weboldal grafikáját, a front-end stílusok és az elrendezés kódolását, a szerver-tárhelyet és esetleg a back-end programozást. A fejlesztők évek óta játszanak ezeken a rendszereken, és végül elérkeztünk egy érdekes pontra, de rendkívül fárasztó lesz, ha mindezeket a munkákat teljes mértékben magad kezeli..

Az alábbiakban néhány hasznos erőforrást megosztottam, hogy hatékonyan tervezhessem a nagyszerű weboldalt. Ezek sokféle formában jönnek létre az egész kreatív folyamat során. Bár ez nem kimerítő lista, remélem, hogy a szakértőknek és a kezdőknek egyaránt hasznos forrásokra is szükségem lesz.

1. Hagyja a szakértőket

Az ikontervezőktől a világ minden táján lévő programozókig mindannyian eltérő nagyságrendű készségkészletet kaptunk. Gyakran nem képzeljük magunkat szuperhősként, akik a mesteri pontokon túlmutató készségeket akarnak építeni. A kreatív művésznek és programozónak azonban valódi ajándék.

Azok számára, akik egy adott résszel összpontosítanak, a külső segítséget melegen üdvözölni kell. Felgyorsíthatja a weboldalak tízszeres felépítését, és egyedülálló élményt nyújt a csapat beállításain belül. A HTML-szolgáltatások közül a legjobb PSD-k közé tartozik a psd2html és az xhtmlchop.com, a Google "PSD-hez a HTML-szolgáltatásokhoz", hogy többet kaphasson, vagy nézze meg a 100+ szolgáltatások listáját itt.

A Photoshop dokumentum HTML / CSS kódolására való fizikai folyamat bosszantó lehet. Különösen, ha sok éven át kódol, mivel az ismétlés unalmas és majdnem elavult. Ezek közül a szolgáltatások közül sokan 24 órás szállítást ígérnek, és az aloldalakra is kedvezményekben részesülnek.

Ha érdekel a kódolás, de elmarad a tervezési készségektől, javaslom néhány digitális előadói hálózat böngészését. Ezek közé tartozik a Dribbble és a DesignMoo, ahol a grafikai tervezők postázhatnak és megoszthatják a legújabb munkáikat. Általában mindegyik előadó számára portfólió megjelenítési oldalt talál, beleértve az elérhetőségeket, mint például az e-mail, a Twitter vagy az IM chat.

2. Kiszervezési megoldások

Nagyszerű példák vannak arra, hogy a szabadúszók kínálják szolgáltatásaikat a projektstúdiók támogatására. A mai kommunikáció jelenlegi szintje azonban sok esetben fordul elő, amikor a szabadúszók kézzel fognak dolgozni a projekt munkájának befejezéséhez. Még a világ két különböző pontjáról is!

A sok szabadúszó közösség megjelenésével soha nem volt könnyebb a tervezők és a fejlesztők találkozni és együtt dolgozni. Egy nagyszerű közösségi programozó Meet Designer lehetővé teszi, hogy a webfejlesztők és a tervezők is üzenetet adjanak és megoszthassák a projektekre vonatkozó ötleteket. Ez egy viszonylag ismeretlen hálózat, és még mindig kis szakemberek körében működik.

Alternatívaként lehet, hogy szabadúszó munkát keres, és nehéz munkát találni. Ez az, ahol az interneten lévő sok munkatábla megmutatja használatukat. Az ilyen cégek, mint a Fresh Web Jobs és a Krop, csak néhány példa a sok szabadúszó lehetőségre. Mindegyik naponta frissül és teljes leírást nyújt a kapcsolattartási információkkal együtt.

3. Használja a nyílt forráskódot

A mai webfejlesztési közösség egyik legjobb találmánya nyílt forráskódú szoftver. Minden nap számtalan erőfeszítést kell tenni a meglévő könyvtárak kiegészítésére és fejlesztésére. jQuery és MooTools a több száz JavaScript könyvtár közül kettő áll fenn, amelyek egyszerű oktatóanyagok és hírnév alapján kiemelkednek a többitől. A JavaScript azonban nem az egyetlen nyitott protokoll, amelyen dolgoztunk. A fejlesztők naponta több százezerje megosztja egymással a GitHub-on található kódcsomagokat. A nyelvek közé tartozik a PHP, CSS, SQL, ASP, Objective-C, Java és még sok más!

A WordPress, a Matt Mullenweg által kifejlesztett és az elmúlt években történelmileg megnövekedett blogbemutató platform valószínűleg a nyílt forráskódú sikertörténetek bemutatója. Lenyűgözőnek látszik, hogy olyan sok kisebb csomagot nézünk ki, amelyet az interneten átnyomtak, de a WordPress több millió webhelyet képes felkínálni, és több ezer fejlesztőt üzemeltet a backenden. Az egész csomag ingyenesen letölthető és nagyon könnyen telepíthető. A wordpress.org hivatalos weboldala linkeket és oktatóanyagokat kínál a WP témák és bővítmények építésében érdekelt fejlesztők számára. Szintén támogattunk egy bevezető bemutatót a WP pluginokról a kezdő programozók számára. Hasonlóképpen van egy hivatalos galéria, amely lenyűgöző mennyiségű ingyenes plugint tartalmaz minden WordPress felhasználó számára.

Azok számára, akik nyílt forráskódú e-kereskedelmi szkripteket keresnek, nézd meg ezt a bejegyzést.

4. Saját ikonok tervezése - Nem szükséges

A grafika és az animációs oldal felé mozdulva még mindig egy nyitott és megosztott közösséget látunk. A webes tervezők nemcsak megosztják művészetüket a világban, hanem segítenek másoknak is, hogy népszerűsítsék ötleteiket.

A grafika a weboldal egyik legbonyolultabb szempontja. Ez különösen igaz, mivel a csúcsminőségű grafikusok nehezen jönnek. Sok ingyenes ikonkészlet, mint például a FamFamFam, a Wefunction, a Fugue és még sok más, szabadon hozzáférhetővé teszi a letöltéseiket a visszavonási linkek vagy a munkájuk jóváírása során. Ez egyszerű kompromisszumnak tűnik a korlátlan használathoz!

Egy másik fantasztikus szolgáltatás, az Icon Finder keresőmotorként működik a legnépszerűbb ikonkészletekhez. Gyakran, ha a Google keresési eredményeit böngészi, több száz webdesign blog jelenik meg a legjobb ingyenes ikonokkal. Ezeket a motorokat úgy is megosztották, mint az Icon Finder, hogy az építési weboldalak még gyorsabbá váljanak.

5. Jobb üzlet a tárhely és a fájlmegosztás terén

Mindannyian fel tudunk használni néhány extra pénzt. Még a webes tervezőknek is fontos, hogy keressük meg azokat a vállalatokat, amelyek ajánlatot nyújtanak és támogatják a szabadúszó generációt.

Web hosting csak egy a sok költség figyelembe kell venni. Gyakran előfordulhat, hogy a kapcsolódó weboldalakon kuponokat talál, amelyek pénzt takarítanak meg a domain nevek és a szerverterület vásárlása esetén.

A fájlmegosztás fontos része a webes tervező életmódjának. Fizetett és ingyenes szolgáltatások állnak rendelkezésre, és ha ismered valakit az üzletben, nem nehéz megszerezni a tagsági fiókot. A többi szempontból fontolja meg a fájlmegosztási alternatívák böngészését, amely teljesen ingyenes támogatást biztosít minden felhasználó számára.

6. Ingyenes teljesítményellenőrzés

A webes alkalmazások a legfrissebb trendek, amelyek a digitális varratokon áthaladnak. A mobilról a böngészőbe telepített alkalmazásokra szinte bármi lehet, amit ezekben a napokban lehet elvégezni a számítógépen. A webmesterek számára fontos tudni, hogy mekkora szabad lehetőség nyílik a mechanikai tesztelésre és a webhely karbantartására.

Ha úgy tetszik, mint a legtöbbünk, akkor a webhely készenléti ideje komoly aggodalomra ad okot. Ha a weboldala még néhány percig leesik, akkor a forgalmi számok katasztrofálisak lehetnek, nem is beszélve a látogatókat zavaróan. A Pingdom egy ingyenes eszköz, amelyet minden webmesternek fel kell használnia a webkiszolgáló válaszkódjainak ellenőrzésére. Ez egy biztos módja annak, hogy a hátlapon lévő lapokat és a színfalak mögül figyelje a teljesítményt.

Egy másik nagyszerű szolgáltatás, a Google Webmesterek lehetővé teszik a fejlesztők számára, hogy saját webhelyük tulajdonjogát kérjék. Ezt egy webhelytérkép, metatag, vagy más, a Google által biztosított alternatívával teheti meg. Ha Google-fiókot használ, az RSS-adatok tárolhatók és akár az egyes webhelyek kulcsszavai is követhetők. Az alkalmazás 100% ingyenes, és lehetővé teszi, hogy korlátlan weboldal kapcsolatokat tároljon!

7. A kódszerkesztők olcsóak lehetnek (vagy ingyenesek)

Akár azt is szeretnénk elismerni, hogy a legtöbb webes tervező valamilyen formában hajlik webfejlesztés. Csak azoknak, akik valóban tehetségesek az Adobe Photoshopban vagy Illustratorban, akik nem vesznek részt a HTML és CSS tervezésben.

A programozók számára a frontend és a backend egyaránt nehéz megtalálni a kényelmes munkakörnyezetet. Az Adobe a Dreamweaver-t kínálja, amely számos nyelven támogatja a kódkiemelést, de sajnos elég sok pénzt fog fizetni. Az első 10 ingyenes forráskód szerkesztőt felülvizsgáltuk és közvetlen letöltési linkeket ajánlottunk minden oldalra.

Ha csak elkezdesz kezdeni a kódolást, nagyon ajánlom, hogy egy kis időt töltsem a kutatások során. A fejlesztői környezet kulcsfontosságú, és hatással lesz a kód írására. Ezek közül sok szerkesztő Windows-specifikus, és bár néhány Mac-barát lehetőséget is találhatok, ajánlom a Panic Coda-t - egy olcsóbb kódszerkesztőt (az Adobe Dreamweaverhez képest) komoly webfejlesztéshez.

8. Vedd fel néhány indító készletet

Most, hogy van egy szilárd elképzelésed a rendelkezésre álló szolgáltatásokról és programokról, próbáld meg néhány indító készlet letöltését, hogy menjen. A webes tervezőknek fontos, hogy tudatos figyelmet fordítsunk a kreativitásra és új elképzelésekre az elrendezési platformokra.

Az elmúlt években a tervezők lassan megjelentek ingyenes ikonokat, sablonokat, formanyomtatványokat, GUI-összetevőket és sok hasonló munkát. Kérjük, olvassa el a webes tervezői kezdőcsomagok listáját, hogy lássa, hogy bármi elkap-e a szemed.

A Photoshop elrendezései nem mindig a legegyszerűbbek. Gyakran kétségbe vonjuk magunkat, és újra elkötelezzük magunkat a helyes színsémák és elhelyezések helyesbítésére. A régi beszéd “gyakorlat teszi a mestert” úgy tűnik, hogy nagyon igaz ez a szcenárióban, sok mással együtt. És ezeknek az alapindító készleteknek a jobb lábánál ki kell vennie őket!

9. Mindig lépést tartson a tanulási idővel

Ahogy az idő mozog, mindannyian hajlamosak elveszíteni érdeklődését a tevékenységek iránt. Ha valóban szenvedélyes a webes tervezéssel, akkor motiváltnak kell lennie, és új témákat kell tanulnia. Fontolja meg az elme megnyitását egy fejlesztési nyelvre, vagy egy új szoftvert.

Az online online eszközök sokkal fejlettebbek, mint valaha, hogy a fiatal webes tervezők segíthessenek a díjat. A Web Design Könyvtárat eredetileg a Template Monster alatt indították a Jetimpex Inc-vel együtt, és folytatta a nagyon népszerű oktatók katalógusát. A weboldalt naponta frissítik, új hivatkozásokkal és bemutató elemekkel inspirálva.

A webhely számos partnerhelyet is összekapcsol, beleértve a sablon Ninajasokat. Ez olyan napi ajánlatokat eredményez, amelyek máshol nem találhatók meg - néha még a demók vagy a freebies! A webhelysablonok remek hely a kezdetekhez, ha nem ismerik a weblap elrendezését, vagy csak néhány új ötletre van szükségük.

Én is nagyon ajánlom az Envato által létrehozott Tuts + Network-et. Több ezer oktatóanyagot szerveznek a Photoshop, az Illustrator, a HTML5, az ActionScript, a vektoros formák és a még fotózás között. A kódok egy része megköveteli a letöltéshez szükséges tagságot, de az összes oktatóanyag szabadon követheti és lépésről lépésre nyújt útmutatást a tanulási ciklus megkönnyítésére.

Az írásos cikkek mellett a legtöbb hozzászólás is nagyszerű tanácsot ad. Az egész hálózatot webes tervezők működtetik és a webes tervezők olvassák, így biztos lehet benne, hogy jó minőségű visszajelzést kap.

Következtetés

Ezeknek a módszereknek a web design felvilágosodás felé vezető viharos úton kell elkezdeni. A kereskedelem legjobb trükkjeit évek óta átadták az internetes közösségen keresztül. Hasonlóképpen, ahogyan a webes tervezők száma megnövekedett, nyitottabb szabványokat hoztak létre.

Fontolja meg a fentiekben bemutatott ötleteket, és töltsön egy kis időt az érdekes cikkek vagy oktatóanyagok megtekintésével. A friss anyagokkal való megismerkedése is az agya kanyarodásához vezethet, és megemlítheti a megnövekedett tervezési gondolkodásmódot. Ha hasonló elképzelései vannak, ossza meg őket az alábbi megjegyzések részben.