A webdesign első lépései

lépései

ahol kreatívnak

A webdesign univerzális nyelv, és bárhonnan dolgozhat, ahol kreatívnak érzi magát az egész világon élő emberek iránt. Elég az elszántság, a laptop és az internetkapcsolat, és a következő globális webhely az ötletéből indulhat ki.

Webdesign erőforrások

Íme egy lista arról, amire szüksége van a webdesign-karrier elindításához: milyen programokat használjon, milyen nyelveket tanuljon, Chrome-kiterjesztéseket, nyilvános fotóhelyeket és egyéb hasznos dolgokat webes tervezőként.

# 1. Vásárolja meg saját domainjét és tárhelyétFontos hatással van a munkavégzésre. Válassza ki a domain nevet a keresztnév.com vagy keresztnév.ro formában. Menjen közvetlenül a külföldi piacra, vásárolja meg a .com domaint, ez évente körülbelül 9-14 dollárba kerül (vagy promóció a GoDaddy.com oldalon 4 lej az első évben). Szüksége lesz egy tárhelycsomagra is, később feltöltheti webhelye tartalmát a szerverre, és 24/24 között online lehet.

Csak az elszántságra van szükség: az Instagram alapítója, Kevin Systrom saját laptopján dolgozott Firenzében, és hogy a fájlokat a szerverre helyezze, a nyilvános könyvtár közelében járt, amíg a laptop el nem fogott egy WiFi jelet.

A .com domain lehetővé teszi a globális láthatóságot, és Romániából, de Kanadából, az Egyesült Államokból vagy Ausztráliából is elérhető, ami jó fejlődési lehetőség. Küldjön nekem egy e-mailt a [email protected] címre, ha nem tudja kezelni, és együtt megoldjuk.

# 2. Töltse le és telepítse a Sublime Text szerkesztőt és a Zilla File FTP klienst
Webhelyek létrehozásához beírja a kódot és feltölti az oldalakat a szerverre. Ehhez a SublimeText és a File Zilla programra van szükség

webdesign
SublimeText - jelenleg rendkívül gyors és nagyra értékelt szerkesztő, amelynek segítségével megírja a szükséges kódot. Ingyenesen tesztelheti, és ha úgy dönt, hogy megvásárolja, 70 dollárba kerül. Egyéb kódszerkesztők: Notepad ++, Atom.io és Bracket.io, a választás szigorúan az Ön preferenciáinak függvénye.
Letöltés: www.sublimetext.com
lépései
File Zilla - egy ingyenes, gyors és hatékony FTP (File Transfer Protocol) kliens, amely segít fájlok vagy a teljes webhely átvitelében a számítógépről a szerverre és fordítva. Egyéb FTP programok: winSCP, CoreFTP, Smart FTP.
Letöltés: www.filezilla-project.org
További információ: Fájlok átvitele számítógépről szerverre

# 3. Töltse le a Bootstrap and Awesome betűtípust

webdesign
bootstrap - sokkal gyorsabban segít fejleszteni a webhelyeket. A SublimeTextől eltérően a Bootstrap nem olyan program, amelyet telepíteni kell, hanem több fájlt tartalmaz, amelyeket beillesztünk a projektjeinkbe. Normál felépítéseket tartalmaznak: gombokat, menüket, körhintát és sok alapvető dolgot, amelyekből kiindulva fejlesztheti és testreszabhatja a webhelyet a kívánt módon. Hogyan és miért kell megtanulni a Bootstrap-et a kezdetektől, és mi a kapcsolat a HTML5-szel és a CSS3-val, az alábbiakban, a tanulás részben láthatjuk.
Letöltés: www.getbootstrap.com

Félelmetes betűtípus - amint valószínűleg sejtette, ez egy olyan betűtípus-kombináció, amely lehetővé teszi különféle ikonok beillesztését a webprojektjeibe (vektorokat használhat grafikus programokban is, hozzáférhet a http://fontawesome.io/cheatsheet oldalhoz). Könnyedén megváltoztathatja a színt, a méretet, amely jelentős időt takarít meg Önnek anélkül, hogy grafikus szerkesztő programokat kellene igénybe vennie.
Letöltés: www.fontawesome.io/
Ikonlista: www.fontawesome.io/icons

# 4. Adja hozzá ezt a három kiterjesztést a Chrome-hoz
A Chrome-bővítmények gyorsan települnek, és segítenek webhelyek létrehozásában.

Félelmetes képernyő - függetlenül attól, hogy fel akarja venni a portfólióba, vagy el akar küldeni, egy "nyomtatási képernyő", amely a teljes oldalt tartalmazza, még görgetés után is, meglehetősen nehéz lehet. Szerencsére ez a kis kiegészítő kitűnő minőségben képes teljes nyomtatási képernyőt készíteni az egész weboldal számára. A közelmúltban további lehetőségek kerültek felvételre, amelyeket az Ön igényei szerint tesztelhet.

Milyen betűtípus - gyorsan megnézheti, hogy egy másik webhely milyen betűtípusokat használ, legtöbbször részleteket kap az űrlapon, szeretem a betűtípust az x oldalon. Megtekintheti az elemet, megtekintheti a forrást, vagy rákattinthat ezzel az kiegészítõvel. Ezenkívül megadjuk a színt hexa formátumban, a betűméretet és a vonalmagasság tulajdonságokat.

Szemcseppentő - hasznos kiegészítő, ha meg akarja tekinteni a színkódot egy fotón vagy egy webhelyen. Ezt megteheti úgy is, hogy megvizsgálja a webhely forrását, de ez gyorsabb. (A kiegészítők csak akkor működnek, ha az oldal a szerveren van).
A színek készítésének másik hasznos eszköze a MioTool Box, egy kicsi, de nagyon hasznos program.

# 5. Használjon ingyenes képeket
A projektjeiben képeket fog használni. Legtöbbször a kapcsolódó szöveggel együtt teszik elérhetővé. Van azonban alkalom, amikor képeket keres a projektek befejezéséhez. A szabad képek kiváló forrása az pixabay.com.
Bővebben: 12 oldal ingyenes képekkel

# 6. Ingyenes vektoros ikonok
Az Ön által készített webhelyekhez fényképekre van szüksége. Megvásárolhatja őket a profiloldalakról, vagy ingyenes nyilvános képeket is találhat.
Freepik: www.freepik.com

# 5. Tartalmazza a Google Fonts modern betűtípusait
Google Fonts - a modern betűtípusok lenyűgöző gyűjteménye, amelyet a Google ingyen biztosít. Különböző szempontok szerint kereshet a megfelelő betűtípusra. A leggyakrabban használtak: Roboto, Lato és Open Sans. Ha betűtípust szeretne használni a webhelyén, csak annyit kell tennie, hogy tartalmazzon egy linket a webhely oldalán és a kívánt betűtípus-specifikációt.
Google betűtípusok: www.fonts.google.com

Használjon laptopot magával Jelenleg a webdesignban használt programok kicsiek és kevés erőforrást fogyasztanak, vásároljon egy laptopot, amelyet bárhová magával vihet.

Mint látható, a webdesign nem igényel különösebb beruházásokat, bárhonnan, bármilyen laptopról dolgozhat, csak kódot használva. Csak az elszántságra van szükséged, hogy új dolgokat tanulj meg.

Itt meg kell tanulnia

Kezdőknek csak három dologra van szükséged: HTML5, CSS3 és Bootstrap. Képzeljünk el egy autót: van kereke, kormánya, karosszériája és egyéb dolgai, amelyek működőképessé teszik. A HTML az autó vázát képviseli, csavarok, rudak, motor alkatrészek egyenként. A CSS lehetővé teszi számunkra a részletek megadását: hossz, szélesség, piros szín, élek és aerodinamikai formák, kárpit.

De egy autó prototípusának elkészítése hónapokat vagy éveket vesz igénybe, és minden a semmiből történik. Ha minden gyártott autó átmenné ezt a folyamatot, valószínűleg sokat utaznék kerékpárral. A Bootstrap HTML, CSS és Java Script struktúrákat használ gépek sorozatgyártása, különféle alkatrészek rövid idő alatt történő összeszerelése, jól bevált minták és folyamatok követésével.

Ugyanez vonatkozik a weboldalakra: létrehozhatunk minden egyes navigációs menüt külön-külön, vagy csak összeállíthatjuk a már elkészített struktúrákat, adott esetben testre szabva. Vannak speciális projektek, ahol a teljes kódot megírja.

A HTML5, CSS3 és a Bootstrap asszimilálása után a Java Script, a jQuery, az Angular, a React.js vagy a PHP, a MySQL, az OOP backendjére léphet a vállalat és a projekt követelményeinek függvényében.

HTML-kód 5. példa:

webdesign

CSS-kód 3. példa:

webdesign

Tanfolyamok és oktatóanyagok

Az internet rengeteg információval rendelkezik, beleértve a webdesign tanulását is. Saját magad is megtanulhatsz, oktatóanyagokat nézhetsz a youtube.com-on és online tanfolyamokat az udacy, a lynda.com, a teamtreehouse.com webhelyeken. A tanulási folyamat elég sok energiát fog felemészteni, ezért jó neked kiegészítse a glükóz mennyiségét bogyókkal, étcsokoládéval, banánnal és zöld teával. Ez a szempont fontos, különben idővel a tested gyengének érzi magát, és elzár minden téged a tanulás megkezdésének vágyától.

Itt van 3 webhely, ahol elindíthatja:

1. Ne féljen az internettől

lépései
Dontfeartheinternet.com
címzett művészek: tervezők, fotósok és kreatív emberek, akik szeretnék megváltoztatni a saját webhelyüket. A tanfolyamnak 8 videóórája van, az előadás kreatív, intuitív és vicces, művészi megjegyzéssel. Anélkül, hogy túl részletes részletekbe menne, a tanfolyam nagyon jól megfogja annak lényegét, amire szüksége van,

2. 9. csatorna Microsoft Virtual Academy tartalma

lépései
Channel9.msdn.com
egy online videotanfolyam, amely nagyon jól lefedi a webdesign alapjait. Megismerheti a weboldal felépítését, szövegeket, képeket, linkeket, listákat, űrlapokat és egyéb dolgokat. A munka és a példa a Jegyzettömbben található, de közvetlenül a Sublime Text szerkesztőben is dolgozhat.

3. 30 nap a HTML és CSS elsajátításához

első
Youtube.com Envato +
egy 30 napos időtartamra tervezett tanfolyam, napi körülbelül 7-12 perces videó. 2-3 nap alatt egyesíthető és nyomon követhető, alapstruktúrákat tartalmaz, jól felépítve.

Mit válasszon online tanfolyamot vagy tantermi tanfolyamot
Kezdhet online oktatóanyagokkal és tanfolyamokkal az alapok teszteléséhez. Az online tanfolyamok elérhetőek, és este, nappal vagy bármikor követhetők. A tantermi órák költségei magasabbak, és költöznie kell otthonról, ehelyett az információk személyre szabhatók az Ön tudása szerint, és kapcsolatba léphet a csoport kollégáinak kitett egyéb helyzetekkel. Ezen kívül új barátokkal találkozik, akik szenvedélyesen élnek ugyanazokkal a dolgokkal kapcsolatban, mint Ön, akikkel együttműködhet és online projekteket fejleszthet.

Mennyit számít az oklevél
A webdesign szempontjából a portfólió, a munkavégzés módja és az elszántság számít. A legtöbb vállalat nem keres oklevelet. De vannak olyan helyzetek is, amikor diplomára van szükség: például amikor PFA-t akar nyitni.

Webdesign és szabadúszó

lépései
Az internet megváltoztatja munkánk és életünk módját, szabadon kifejezheti magát szenvedélyei nyomán, és azt teheti, amit szeret, a globális 3 milliárd és 500 millió internetfelhasználóból elég embert talál majd, akit érdekel.

Szüksége van elszántságra, laptopra és internetkapcsolatra.

Az Egyesült Államokban több mint 55 millió szabadúszó tevékenykedik a szolgáltatások széles skáláján, ami az aktív munkaerő 33% -át teszi ki, a tendencia erősen felfelé mutat.

Építsen kapcsolatokat globálisan
A projektek folyamatos megvalósításának legjobb módja az, ha van egy saját prezentációs webhelye, amelyet folyamatosan bővíthet. A külföldi piacot úgy tudja megszólítani, hogy közvetlenül kapcsolatba lép az érdekeltekkel. Ezt a közösségi hálózatokon teheti meg, ha új barátokat követ és felvesz, hasznos hozzászólásokat tesz közzé az Ön számára érdekes blogokon.

„Szeresse a családját, szuper keményen dolgozzon, élje meg szenvedélyét. "
Gary Vaynerchuk

Foglaljon minden reggel 2 órát egy új blog felfedezéséhez, valamint további 5 blog olvasásához és kommentálásához, adja hozzá nevét és webhelyét, írjon hasznos megjegyzéseket a nyilvánosság számára, amelyek büszkék lesznek. Az első 30 napban 150 megjegyzés érkezik, amelyek az Ön webhelyére utalnak, és vonzza az érdeklődő közvetlen látogatókat.

Nincs szüksége promóciós költségvetésre, csak következetességre és elszántságra van szüksége a tevékenységében. A minőségre összpontosítva, az egyik napról a másikra tartó siker általában néhány évig tart.

Olvass folyamatosan
A szabadúszásban az idő a te oldaladon áll, és tetszés szerint rendezheted. Az első évben az a célja, hogy a lehető legtöbb információt elsajátítsa a márkaépítésről, a vállalkozói szellemről, az üzletről, a marketingről, a közösségi médiáról, a webdesignról, és a könyvek lehetővé teszik, hogy hozzáférjen azokhoz, akiknek sikerült.

"Olvasson el minden nap 500 ilyen oldalt. Így működik a tudás. Felgyülemlik, mint az összetett érdeklődés. Mindannyian megtehetitek, de garantálom, hogy nem sokan fogjátok megtenni.
Warren Buffett

A sikeres emberek inkább oktatási és fejlesztési könyveket választanak történetek, bulvársajtók és folyóiratok helyett. Különösen más sikeres emberek életrajzai és önéletrajzai érdeklik őket inspiráció és hasznos ötletek céljából. További információ a közös bennük: www.medium.com/the-mission/the-reading-habits-of-ultra-successful-people.

Mini poket könyv vásárlása vékony és a zsebében történik. Próbáld ki az üzletben, fontos, hogy elég kicsi legyen ahhoz, hogy bárhol a zsebedben legyen. Így a várakozási pillanatok jó alkalom lesz arra, hogy ötleteket találjanak könyveiben.

Itt van 5 cím hasznos könyv a szabadúszó kezdetén és amely megváltoztathatja gondolkodásmódját, cselekvését és kommunikációját.
Kezdje azzal, hogy miért - Simon Sinek
Crush It - Garry Vaynerchuck, akivel 2017. május 22-én találkozhat Bukarestben
Az egy dolog - Gary Keller, Jay Papasan
Fertőző: Miért ragadnak meg a dolgok - Jonah Berger
A 80/20 elv - Richard Koch
Gazdag apa, szegény apa - Robert T. Kiyosaki
A szokás hatalma - Charles Duhigg

Általában egy jó könyv egy vagy két új ötletet tartalmaz, amelyek segítenek abban, amit csinál. Ezért folyamatosan új szerzőket és címeket kell felfedeznie, önállóan és ajánlásokból egyaránt. Ha könnyedén megtalálja a megfelelő könyveket az Ön számára releváns információkkal, használja a www.goodreads.com oldalt. Itt talál egy nagyon fejlett áttekintő rendszert. Egy másik hasznos forrás a www.publica.ro.

Kövesse ezt az 5 alapítót motivációt, elszántságot és magabiztosságot adnak a körülötted lévő dolgok megváltoztatására.
Kevin Systrom - Instagram alapító
Gary Vaynerchuck - a VaynerMedia alapítója
Travis Kalanick - az Uber alapítója
Brian Chesky - az Airbnb alapítója
Jack Ma - az AliBaba alapítója

"A tervezők + művészek potenciált látnak olyan dolgokban, ahol mások nem. Szerintem a művészek sok szempontból az eredeti vállalkozók." Brian Chesky

Következtetés

A webdesign univerzális nyelv, és bárhonnan dolgozhat, ahol kreatívnak érzi magát az egész világon élő emberek iránt. Elég az elszántság, a laptop és az internetkapcsolat, és a következő globális webhely az ötletéből indulhat ki.

Iratkozzon fel, ha tételeket, tanfolyamokat és kedvezményeket szeretne kapni közvetlenül a postaládájába