Првите чекори во веб-дизајнот

чекори

бесплатни слики

Веб-дизајнот е универзален јазик и можете да работите од каде и да се чувствувате креативно за луѓето ширум светот. Доволно е да имате решеност, лаптоп и интернет конекција и следната глобална страница може да започне од вашата идеја.

Ресурси за веб-дизајн

Еве список со она што ви треба за да ја започнете вашата кариера за веб-дизајн: кои програми да ги користите, кои јазици да ги научите, екстензии на Chrome, страници со фотографии од јавен домен и други корисни работи во вашиот живот како веб-дизајнер.

# 1 Купете ваш сопствен домен и хостингИма важно влијание врз начинот на работа. Изберете име на домен во форма firstname-name.com или namename-ro.ro. Одете директно на странскиот пазар, купете го доменот .com, чини околу 9-14 УСД годишно (или промо на GoDaddy.com 4 леи во првата година). Исто така, ќе ви треба хостинг пакет, а подоцна можете да ја вчитате содржината на вашата страница на серверот и да бидете онлајн 24/24.

Потребно ви е само решителност: Основачот на Инстаграм, Кевин Систром работеше на сопствен лаптоп во Фиренца и за да ги стави датотеките на серверот, тој отиде во близина на јавна библиотека сè додека лаптопот не фати сигнал за WiFi.

Доменот .com ви овозможува глобална видливост и може да пристапат од Романија, но исто така и од луѓе од Канада, САД или Австралија, што е добра можност за развој. Испратете ми е-пошта на [email protected] ако не можете да се справите со тоа и ќе го решиме заедно.

# 2 Преземете ги и инсталирајте ги уредникот на возвишен текст и клиентот Zilla File FTP
За да креирате веб-страници, ќе напишете код и ќе ги поставувате страниците на серверот. За ова ви е потребна програмата SublimeText и File Zilla

првите
SublimeText - е исклучително брз и ценет уредник во моментот, со чија помош ќе го напишете потребниот код. Може да го тестирате бесплатно и доколку се решите да го купите чини 70 долари. Други уредници на кодови: Бележник ++, Atom.io и Bracket.io, изборот е строго според вашите желби.
Преземи: www.sublimetext.com
чекори
Датотека Зила - е бесплатен, брз и ефикасен клиент FTP (Протокол за пренос на датотеки) кој ќе ви помогне да префрлувате датотеки или целата страница од вашиот компјутер на серверот и обратно. Други FTP-програми: winSCP, CoreFTP, Smart FTP.
Преземи: www.filezilla-project.org
Прочитајте повеќе: Како да пренесувате датотеки од компјутер на сервер

# 3 Преземете Bootstrap и Прекрасен фонт

бесплатни слики
подигач - тоа ви помага да развивате страници многу побрзо. За разлика од SublimeText, Bootstrap не е програма што треба да се инсталира, но содржи повеќе датотеки што ќе ги вметнеме во нашите проекти. Тие содржат стандардни структури: копчиња, менија, рингишпил и многу основни работи од кои ќе започнете да развивате и прилагодувате за да добиете страница на начинот на кој сакате. Како и зошто да научите Bootstrap од самиот почеток и каква е врската со HTML5 и CSS3, ќе видиме подолу, во делот за учење.
Преземи: www.getbootstrap.com

Прекрасен фонт - како што веројатно претпоставувате, тоа е комбинација на фонтови што ви овозможуваат да вметнете разни икони во вашите веб-проекти (можете да користите и вектори во графички програми, пристап на http://fontawesome.io/cheatsheet). Можете лесно да ја промените бојата, големината што ќе ви заштеди значително време, без да мора да прибегнувате кон програми за графичко уредување.
Преземи: www.fontawesome.io/
Список со икони: www.fontawesome.io/icons

# 4 Додадете ги овие три екстензии на Chrome
Надградбите на Chrome брзо се инсталираат и ви помагаат да градите веб-страници.

Прекрасен екран - без оглед дали сакате да додадете во портфолиото или да испратите, „екран за печатење“ што ја вклучува целата страница, дури и по лизгањето, може да биде доста тешко. За среќа, овој мал додаток може да направи целосен екран за печатење за целата веб-страница со одличен квалитет. Неодамна се додадени и други опции што можете да ги тестирате според вашите барања.

Каков фонт - можете брзо да видите какви фонтови користи друга страница, поголемиот дел од времето ќе добивате детали во формата, ми се допаѓа фонтот на страницата x. Можете да ја прегледате ставката, да го видите изворот или да кликнете со овој додаток. Покрај тоа, се наведени бојата во хексадецимален формат, големината на фонтот и својството на висината на линијата.

Капкач за очи - корисен додаток кога сакате да го прегледате кодот на боја на фотографија или страница. Можете исто така да го направите со увид во изворот на страницата, но тоа е побрзо. (Додатоците работат само ако вашата страница е на серверот).
Друга корисна алатка за земање бои е MioTool Box, мала, но многу корисна програма.

# 5 Користете бесплатни слики
Во вашите проекти ќе користите слики. Најчесто, тие се ставаат на располагање заедно со соодветниот текст. Сепак, има моменти кога ќе барате слики за да ги завршите вашите проекти. Одличен извор на бесплатни слики е pixabay.com.
Прочитајте повеќе: 12 страници со бесплатни слики

# 6. Бесплатни векторски икони
За страниците што ги правите ви требаат фотографии. Можете да ги купите од профилни страници или да најдете бесплатни слики од јавен домен.
Фрипик: www.freepik.com

# 5 Вклучува модерни фонтови од Google Fonts
Google Fonts - импресивна колекција на модерни фонтови обезбедени бесплатно од Google. Можете да пребарувате за вистинскиот фонт според различни критериуми. Меѓу најчесто користените се: Роботото, Лато и Отвореното Санс. За да користите фонт на вашата страница, сè што треба да направите е да вклучите врска во страницата на страницата и посакуваните спецификации за фонтот.
Фонтови на Google: www.fonts.google.com

Користете лаптоп за да земете со вас Во моментов, програмите што се користат при веб дизајн се мали и трошат малку ресурси, купувајте лаптоп што можете да го однесете каде и да одите.

Како што можете да видите, веб-дизајнот не бара посебни инвестиции, можете да работите од каде било, од кој било лаптоп, користејќи само код. Сè што ви треба е решеност да научите нови работи.

Еве што треба да научите

За почеток потребни ви се само три работи: HTML5, CSS3 и Bootstrap. Ајде да замислиме автомобил: има тркала, волан, каросерија и други работи што го прават да работи. HTML го претставува скелетот на автомобилот, завртки, прачки, делови на моторот еден по еден. CSS ни дава можност да специфицираме детали: должина, ширина, црвена боја, рабови и аеродинамички форми, тапацир.

Но, правењето прототип за автомобил трае со месеци или години и сè е направено од нула. Ако секој направен автомобил помине низ овој процес, јас веројатно би патувал многу со велосипед. Bootstrap користи структури HTML, CSS и Java Script да произведува машини во серија, составувајќи различни компоненти за кратко време, следејќи ги добро воспоставените обрасци и процеси.

Истото важи и за веб-страниците: можеме да го креираме секое мени за навигација одделно или можеме само да ги собереме веќе направените структури, прилагодувајќи се каде што е соодветно. Постојат специјални проекти каде што ќе го напишете целиот код.

Откако ќе ги асимилирате HTML5, CSS3, Bootstrap, можете да отидете на предната страна во Java Script, jQuery, Angular, React.js или да направите backPHP, MySQL, OOP во зависност од барањата на компанијата и проектите за кои работите.

Пример 5 за HTML код:

првите

Пример 3 за кодот CSS:

веб-дизајнот

Курсеви и упатства

Интернетот изобилува со информации, вклучително и учење веб-дизајн. Можете да научите и сами, гледајќи упатства на youtube.com и онлајн курсеви за удатие, lynda.com, teamtreehouse.com. Процесот на учење ќе троши доста енергија, затоа е добро за вас дополнете ја количината на гликоза со бобинки, темно чоколадо, банани и зелен чај. Овој аспект е важен, инаку, со текот на времето, вашето тело ќе се чувствува слабо и ќе ве отсече од каква било желба да започнете со учење.

Еве 3 страници каде можете да започнете:

1. Не плашете се од Интернет

чекори
Dontfeartheinternet.com
е адресиран до уметници: дизајнери, фотографи и креативни луѓе кои сакаат да ја променат сопствената страница. Курсот има 8 видео лекции, презентацијата е креативна, интуитивна и смешна, со уметничка нота. Без да навлегувате во премногу детали, курсот многу добро ја доловува суштината на она што ви треба,

2. Канал 9 Содржина на Виртуелна академија на Мајкрософт

чекори
Channel9.msdn.com
видео курс преку Интернет кој многу добро ги опфаќа основите на веб-дизајнот. Willе дознаете за структурата на една веб-страница, текстови, слики, врски, списоци, форми и други работи. Начинот на работа и пример е во Бележник, но можете да работите директно во уредникот на возвишен текст.

3. 30 дена за учење HTML & CSS

можете работите
Youtube.com Envato +
курс дизајниран за период од 30 дена, видео од околу 7-12 минути на ден. Може да се спои и следи за 2-3 дена, ги содржи основните елементи, добро структурирани.

Што да изберете курс преку Интернет или курс во училница
Можете да започнете со онлајн упатства и курсеви за да ги тестирате основите. Курсевите преку Интернет се достапни и може да се следат навечер, преку ден или кога сакате. Часовите во училница имаат поголеми трошоци и мора да патувате од дома, наместо тоа, информациите може да се прилагодат според вашите знаења и да стапите во контакт со други ситуации изложени од колегите од групата. Покрај тоа, запознавате нови пријатели кои се страствени за истите работи како вас, со кои можете да соработувате и да развивате проекти на Интернет.

Колку е важна дипломата
Во однос на веб-дизајнот, важно е вашето портфолио, начинот на работа, одлучноста. Повеќето компании не бараат дипломи. Но, постојат и ситуации кога ви треба диплома: на пример, кога сакате да отворите PFA.

Веб дизајн и хонорарни активности

веб-дизајнот
Интернетот го менува начинот на работа и живеење на нашите животи, можете слободно да се изразувате следејќи ги вашите страсти и правејќи го она што го сакате, од 3 милијарди и 500 милиони корисници на Интернет на глобално ниво, ќе најдете доволно луѓе заинтересирани за она што го правите.

Потребна ви е одлучност, лаптоп и Интернет врска.

Во САД има повеќе од 55 милиони хонорарни работници кои покриваат широк спектар на услуги, што претставува 33% од активната работна сила, а трендот е силно нагорен.

Изградете врски на глобално ниво
Најдобар начин постојано да имате проекти е да имате своја веб-страница за презентација што ќе можете постојано да ја развивате. Можете да се обратите на странскиот пазар преку контакт со заинтересирани лица. Можете да го направите ова користејќи социјални мрежи следејќи и додавајќи нови пријатели, објавувајќи корисни коментари на блогови што ви се интересни.

„Сакајте го вашето семејство, работете супер, живејте ја својата страст. "
Гери Ванерчук

Резервирајте 2 часа секое утро за да откриете нов блог и да прочитате и да коментирате на уште 5 блогови, додајте го вашето име и веб-страница, напишете корисни коментари за јавноста и кои ве прават горди. Во првите 30 дена ќе имате 150 коментари кои се однесуваат на вашата страница и ќе привлечете заинтересирани директни посетители.

Не ви требаат буџети за унапредување, туку само доследност и одлучност во она што го правите. Фокусирајте се на квалитет, успехот преку ноќ обично трае неколку години.

Читајте постојано
Во хонорарни активности, времето е на ваша страна и можете да го организирате како што сакате. Во првата година вашата цел е да асимилирате што е можно повеќе информации за брендирање, претприемништво, бизнис, маркетинг, социјални медиуми, веб дизајн и книгите ви овозможуваат да имате пристап до искуството на оние кои успеале во тоа.

"Читајте 500 страници вака секој ден. Така функционира знаењето. Се гради, како сложен интерес. Сите можете да го сторите тоа, но јас гарантирам дека многумина од вас нема да го сторат тоа".
Ворен Бафет

Успешните луѓе имаат тенденција да избираат едукативни и развојни книги наместо приказни, таблоиди и списанија. Тие се особено заинтересирани за биографии и автобиографии на други успешни луѓе за инспирација и корисни идеи. Прочитајте повеќе за заедничкото нешто:.

Купувањето на мини книга за покет е мало и се одвива во вашиот џеб. Тестирајте го во продавница, важно е да бидете сигурни дека е доволно мал за да го имате во џеб со вас каде било. Така, моментите на чекање ќе се претворат во добра можност да најдете идеи во вашите книги.

Еве 5 наслови на корисни книги на почетокот на хонорарни активности и што може да го промени начинот на размислување, дејствување и комуникација.
Започнете со Зошто - Симон Синек
Здроби го - Гари Ванерчук, кој може да го сретнете на 22.05.2017 година во Букурешт
Едно нешто - Гери Келер, ayеј Папасан
Заразна: Зошто се фаќаат работите - ahона Бергер
Принципот 80/20 - Ричард Кох
Богат татко, сиромашен татко - Роберт Т. Кијосаки
Силата на навиката - Чарлс Духиг

Општо земено, добра книга содржи една или две нови идеи кои ќе ви помогнат во она што го работите. Затоа мора постојано да откривате нови автори и наслови, и сами и од препораки. За лесно наоѓање на вистинските книги со информации релевантни за вас, користете ја www.goodreads.com тука ќе најдете многу добро развиен систем за преглед. Друг корисен извор е www.publica.ro.

Следете ги овие 5 основачи тие ќе ви дадат мотивација, одлучност и самодоверба да ги промените работите околу вас.
Кевин Систром - основач на Инстаграм
Гери Ванерхаук - основач на VaynerMedia
Тревис Каланик - основач на Uber
Брајан Чески - основач на Airbnb
Jackек Ма - основач на АлиБаба

"Дизајнерите + уметниците гледаат потенцијал во работите каде што другите не. Мислам дека уметниците на многу начини се оригинални претприемачи". Брајан Чески

Заклучок

Веб-дизајнот е универзален јазик и можете да работите од каде и да се чувствувате креативно за луѓето ширум светот. Доволно е да имате решителност, лаптоп и интернет конекција, а следната глобална страница може да започне од вашата идеја.

Претплатете се за да добивате артикли, курсеви и попусти директно во вашето сандаче