Како научити веб дизајн: 13 корака (са фотографијама) - Савети

Видео: Основы веб-дизайна с нуля. Урок #1. Практика в Figma для начинающих.

Садржај

Кораци
Савет
Упозорење
Шта вам је потребно

Веб дизајн је веома вредна вештина, посебно у свету у коме се данас све врти око Интернета. Ако сте заиста добри у томе, можете зарадити новац од купаца, направити веб страницу за чланство (веб локацију која ограничава приступ гостујућем садржају) или наставити са другим пројектима монетизације. А ако заиста желите да знате како да научите веб дизајн, овај чланак је за вас!

Кораци

1. део од 3: Први кораци

Обратите пажњу на разлику у веб дизајну. Ни дизајн књига, ни дизајн плаката, ни илустрација. Закључак у овим пољима такође није оно о чему се ради у веб дизајну. Иако веб странице могу бити системи за испоруку игара и видео записа, и иако ти дистрибутивни системи могу прилично упадати у очи, они су оличење дизајна игара и видео прича, а не веб дизајна.
Знајући о чему се ради у веб дизајну. То је процес стварања дигиталног окружења:
- подржавање и подстицање људских активности;
- одражавају или се прилагођавају појединачном садржају и гласовима;
- временом се мењају на ритмичан начин, а да и даље одржавају свој идентитет.
Идентификујте ресурсе које желите да користите. Три главна извора су веб странице, видео записи и књиге. Цодецадеми и В3Сцхоолс су две данас познате веб странице. Поред тога, постоје и многи други ресурси, не оклевајте и слободно искусите!
- Ако одаберете веб локацију, региструјте се за налог да бисте сачували напредак.
- Ако се одлучите за учење са видео записима, истакните све видео записе који су вам потребни.
- Посетите локалну библиотеку или књижару ако планирате да учите по књизи. У случају да не желите да трошите превише (или чак не желите да потрошите), можете да преузмете е-књигу или ПДФ документ.
- Ако сте спремни да платите, велика је вероватноћа да ћете пронаћи лекције по мери од професионалног веб дизајнера.
Одредите време које вам је потребно да потрошите на учење. Ако сте заузета особа, мораћете да пронађете начин да нађете времена за учење.
Преузмите програм за веб дизајн ако га немате. Иако и даље можете радити са Нотепадом, боље је да имате програм попут Адобе Дреамвеавер, Мицрософт Екпрессион Веб или КомпоЗер. Постоји мноштво других опција, потражите више и преузмите програм који вам се свиђа. реклама

Део 2 од 3: Студија

Започните са ХТМЛ-ом. ХТМЛ је незаменљива вештина било ког веб дизајнера. Савладајте концепте попут ознака, класа, ИД-ова, уноса итд.
- Најновија верзија ХТМЛ-а је ХТМЛ5. ХТМЛ5 уводи неке нове технологије, па је вероватно најбоља верзија за учење.
- КСХТМЛ је такође одржива опција. Међутим, ова верзија је нешто захтевнија.
Научите ЦСС. ЦСС је скраћеница за „Цасцадинг Стиле Схеет“ или каскадне датотеке стила. Без ЦСС-а не постоји леп дизајн који још увек можете видети на вебу. ХТМЛ је само оквир, а ЦСС чини веб локацију живописном и привлачном.
- ЦСС је прилично строг у употреби. На пример, можда ћете морати гребати чело због грешака када заборавите да ставите тачку и зарез на крају сваке линије.
Научите ЈаваСцрипт и јКуери. За оне који планирају да направе једноставну веб страницу, овај корак није обавезан. Међутим, за стварање интерактивне веб странице изузетно је неопходно учење горња два програмска језика.
- Ако ћете користити јКуери, требате само основе ЈаваСцрипт-а, јер јКуери може ствари учинити једноставним.
- Уз јКуери можете да убаците виџете попут хармонике (склопиви садржај), календара итд. јКуери такође долази у различитим стиловима, тако да је на вама да одаберете прави стил за своју веб локацију.
Наставите са напреднијим језицима. То су ПХП, МиСКЛ, Перл, Руби и неколико других језика. Није потребно за људе који само желе да направе једноставну веб страницу, али ово је неопходно за стварање велике, интерактивне веб странице.
- Једном од њих, као што је ПХП, потребан је тест сервер. Стога, не заборавите да се региструјете за рачун путем услуге хостинга веб локација или инсталирате серверски софтвер на свој рачунар.
реклама

3. део од 3: Примените своје знање

Направите веб страницу пројекта. Експериментишите и направите мрежу од нуле. То ће вам помоћи да манипулишете знањем, уместо да га пустите да рђа у вашем мозгу.
Питајте пријатеља или рођака којима је потребна веб локација. Можете да направите бесплатну веб страницу како би стекли искуство!
Покрените сопствену веб страницу. Са садржајем који вам се свиђа, та веб локација ће вам пружити прилику да покажете своје вештине јавности.
Слободњак ако желите. Наплатите разумну накнаду и објавите свој портфолио на својој веб локацији. Ко зна, једног дана ће се ваше пословање развити у праву компанију. реклама

Савет

Будите стрпљиви! Ако намеравате да све снимите за само шест сати, врло брзо ћете заборавити.
Не претпостављајте да ћете морати да платите за добар ХТМЛ едитор. Постоји много добрих бесплатних програма који могу коштати ни мање ни више него неколико милиона ВНД.
Када завршите пројекат, сакупите мало кода и претворите га у библиотеку. Одатле нећете морати поново и изнова да програмирате исте ствари са сваким пројектом. Ако библиотека постане превелика, можда је чак и продате!
ПДФ документи су мало флексибилнији од е-књига. ПДФ документе можете читати на било ком рачунару, док су е-књиге обично дизајниране за одређени тип уређаја, као што су Киндле, иПад итд.
Ако ви или неко ваш најближи знате о веб дизајну, замолите их да вас науче. Сигурно ћете бити поучени бесплатно (надамо се!).

Упозорење

Не форсирајте се превише! Кад се уморите, све ћете заборавити и ништа нећете научити.
У програмским језицима постоји концепт који се назива бесконачне петље. Они су страх програмера. Пазите да вам се то не догоди!
Будите пажљиви приликом преузимања програма! Све може бити вирус.
Молимо вас да то сазнате пре регистрације на веб локацији. Наравно, ако се ради о угледној веб локацији, нема разлога за бригу. Међутим, мање познате веб локације су највероватније „пецање“.