Услови веб дизајна су главне ствари које бизнисмен треба да зна. Веб дизајн је процес креирања и организовања визуелних и функционалних аспеката веб странице. Укључује различите термине и концепте који описују различите аспекте дизајна и развоја веб страница.
Веб дизајн постоји већ дуже време и не губи време у развоју сложеног језика испуњеног жаргоном. Чим направите и најмањи корак у свет веб дизајна, почећете да чујете: „Који ЦМС желите да користите?“, „Желите ли га изнад или испод прелома?“, „Да ли желите фиксни распоред? ", "Који веб хостинг желите да користите? ” и остајете да се питате шта све то значи. Знамо да покушај да се открију све кључне дефиниције и термини веб дизајна може бити прилично неодољив, посебно када је све ново.
Веб дизајн покрива широк спектар послова, од веб програмера који пишу код, преко УИ и УКС дизајнера који раде на интерфејсима, до веб дизајнера који брину о изгледу и осећају ваше веб локације. Постоји много људи који се баве веб дизајном.
Научите шта значи само неколико акронима и жаргона за веб дизајн може учинити ствари много лакшим за вашег дизајнера и програмера, а такође вам може помоћи да разумете како ваша веб локација заправо функционише. Дакле, било да ангажујете помоћ или то радите сами, познавање најчешће коришћених и најчешће збуњујућих термина у веб дизајну и развоју може бити од користи:
Дефиниције и термини веб дизајна.
Приступачност
Тренутно доступност је од великог значаја у веб дизајну. У суштини, ово значи колико је ваша веб локација доступна људима, укључујући и оне са оштећењем слуха или вида. Ово је важно имати на уму пре и током креирања веб странице. Погледајте ових шест корака како бисте ваш веб дизајн учинили доступним ако не знате одакле да почнете.
10 Гоогле казни које могу утицати на вашу веб локацију
Испод прелома (и изнад прелома).
Испод и изнад прелома налазе се два појма која потичу из новина. „Преклоп“ је место где се новине савијају. Топ анд Боттом описује да ли се информације приказују на горњој или доњој половини преклопа. За веб странице, „преклоп“ се обично дефинише као тачка на којој треба да почнете да скролујете, али принцип је исти – информације које се налазе на врху странице (АТФ) су приступачније и видљивије од информација које се налазе на дно странице (БТФ). . .
Еластична (распоред). Еластична (распоред). Услови веб дизајна
Еластични распоред је приступ дизајну веб странице који описује односе између елемената и њихов положај на страници у смислу процента, а не посебно дизајнираних размака и величина. То значи да веб странице постају прилагодљивије - и према преференцама које постављају ваши посетиоци у погледу величине фонт и растојање између њих, као и да оптимизујете страницу за гледање на паметном телефону или таблету.
Данас су еластични изгледи кључни део приступа респонзивног дизајна, али пре него што се родила идеја о респонзивном дизајну, еластични изгледи су пружали једноставан начин да се веб странице учине респонзивним.
Пр. Бивши
Ек је јединица мере која користи мала слова „к“ у фонту као стандардну меру.
Фиксна ширина (изглед). Фиксна ширина (изглед). Дефиниције и термини веб дизајна.
Изглед фиксне ширине је метода дизајнирања веб страница у којој дизајнер одређује колико је велика веб страница и где ће се тачно елементи појавити на њој. Ово даје дизајнерима много више контроле над дизајном веб страница него еластични изглед, али чини странице мање осетљивим. различите величине екран.
Heksadecimalni.
Хексадецимални бројеви, такође познати као "хексадецимални" бројеви, су бројни систем са базом 16, што значи да користе 16 знакова за дефинисање боје. Хексадецимални бројеви користе бројеве од 0 до 9 и слова А до Ф. Свака боја је идентификована са три пара хексадецималних бројева. Први пар бројева или слова односи се на црвену нијансу, други пар на зелену нијансу, а трећи пар на плаву нијансу.
Бесконачно померање. Бесконачно померање
Бесконачно померање је када се нови садржај учитава док наставите са померањем. Ово ствара "бескрајни", бескрајни скрол. Неки популарни примери за то су временске линије на Фејсбуку, Пинтересту или Твиттеру.
Паралаксно померање. Паралаксно померање.
Ова метода померања ствара осећај дубине веб дизајн. Када корисник скролује, елементи на веб локацији ће се налазити на различитим удаљеностима и кретати се различитим брзинама док корисник скролује. Ово ствара илузију дубине и удаљености на равној веб страници.
Резолуција. Дозвола. Дефиниције и термини веб дизајна.
Резолуција је број пиксела приказаних на екрану. Ово је стандардни метод који се користи у веб дизајну за одређивање величина слике. Квалитет слике се обично описује у пикселима по инчу, при чему више пиксела резултира сликом вишег квалитета.
Прилагодљив / прилагођен мобилним уређајима / оптимизован за мобилне уређаје. Прилагодљив / прилагођен мобилним уређајима / оптимизован за мобилне уређаје
Од прошле године, више од половине веб саобраћаја долази са паметних телефона. То значи да постаје све важније да веб локација изгледа боље мобилни уређаји, као и на рачунарима. Учинити веб странице респонзивним/мобилним/оптимизованим за мобилне уређаје значи дизајнирати и развити веб локацију која ће се прилагодити уређају или екрану на којем се гледа.
Употребљивост. Лакоћа коришћења.
Употребљивост је концепт веб дизајна који описује колико је ваша веб локација лака за посетиоце за које је дизајнирана. У идеалном случају, посетилац ће моћи лако да користи ваш сајт када га први пут наиђе, уз минималне препреке, фрустрације и потребу да затраже помоћ. Разумевање принципа употребљивости је кључни корак у стварању изврсно веб сајт.
УКС (Истраживање корисника) / УИ (кориснички интерфејс)
УКС и УИ дизајн је посао који побољшава корисничко искуство. Важно је знати разлике између УКС-а и корисничког интерфејса да бисте разумели како они функционишу заједно.
УКС, истраживање корисника, укључује сваки аспект корисничког искуства са веб локацијом од почетка до краја. Циљ - побољшати квалитет интеракција корисника са сајтом.
УИ, кориснички интерфејс, фокусира се на визуелне и интерактивне елементе веб локације, као што су дугмад, иконе и типографија. Циљ је побољшати изглед и функционалност веб странице.
Анатомија фронтенд сајта. Дефиниције и термини веб дизајна.
-
Бреадцрумб. Хлебне мрвице.
Када веб странице показују корисницима како су се кретали веб страницом и како да се врате на њих Почетна страница, то се често ради помоћу презла. Ово се обично приказује као низ угнежђених категорија, као што је Почетна > Категорија > Година > Месец > Објава.
Фавицон. Фавицон.
Фавицон је мала икона која се појављује на траци картица вашег претраживача. Обично су величине 16×16 пиксела (што је заправо веома мало) и чувају се као .ицо, .гиф или .пнг слике. Можете користити скоро сваку слику као икону све док је одговарајуће величине и сачувана у правом формату.
Кључна тачка. Координатор.
Фокус веб странице је део странице на који је привучена ваша пажња. Дизајнери ће потрошити доста времена на стварање фокусне тачке која заиста привлачи пажњу гледаоца, а затим стављајући у фокус оно најважније на страници. Ово осигурава да га види што више људи.
Предњи крај. Предњи крај.
Ово су сви елементи као што су слике, текст, странице које ће људи видети када први пут посете ваш сајт. У суштини, ово је оно са чиме ће људи комуницирати и са чим ће се бавити на веб локацији.
Икона хамбургера. Икона хамбургера.
Икона хамбургера се односи на икону менија која се обично налази у каснијим програмима. Има три хоризонталне траке (отуда и "хамбургер") и скрива традиционални мени за навигацију иза једне иконе.
Почетне странице. Почетне странице.
Ово је прва страница коју ће посетиоци вашег сајта видети. Многи веб-сајтови користе наменску одредишну страницу да би нешто научили од посетиоца (као што је дељење њихове адресе е-поште или странице специфичне за производ). Твоја почетне странице је једна од најважнијих страница на вашој веб локацији и требало би да потрошите доста времена на оптимизацију исте.
Навигација. Навигација.
Навигација је систем који се користи за кретање између елемената на вашој веб страници и један је од најважнијих елемената сваке веб странице. Због тога је толико важно знати кључне принципе навигације веб сајтом. Највише светао пример Навигације су менији који се појављују на већини веб страница. Али такође обратите велику пажњу на то како су странице организоване и везе између њих. Такође могу посетиоцима да олакшају кретање по веб страници.
Анатомија позадинског дела веб странице. Дефиниције и термини веб дизајна.
-
Задњи крај. Задњи крај.
Ово је део вашег система који ефикасно покреће ваш сајт, али је скривен од посетилаца. Доступне су многе различите позадинске компоненте, али све оне обично садрже исте ствари—апликације, структуру информација и ваш ЦМС.
ЦМС
Систем управљања садржајем је интерни алат за управљање садржајем ваше веб странице, додавање корисника, управљање коментарима и могуће много више. Ако сте икада користили ВордПресс за креирање веб странице, користили сте ЦМС. ЦМС чини дизајнирање и креирање веб странице много лакшим јер скрива велики део сировог кода који покреће веб локацију.
Е-трговина. Електронска трговина.
Електронска трговина значи „електронска трговина“. као што „е-маил” значи „електронска пошта”. Обично додајете продавницу на своју веб локацију е-трговина, који ће обрађивати описе производа, куповине и продаје и податке о купцима.
ХТТП / ХТТПС
То је систем који управља комуникацијом између претраживача, сервера и веб апликација. Он дефинише како подаци треба да буду упаковани и послати.
ХТТПС је проширење ХТТП-а које може успоставити везе преко ССЛ-а (Сецуре Соцкет Лаиер). Ово је много сигурнији начин дељења података на мрежи. Многи савремени веб претраживачи ће вас упозорити ако веб локација користи стандардни ХТТП протокол уместо ХТТПС.
Као власник веб локације, можете купити ССЛ сертификате потребне за коришћење ХТТПС-а од различитих провајдера. Једном када се дода, учиниће вашу веб локацију сигурнијом и изградиће поверење ваших клијената.
Повезати. Услови веб дизајна
Мали програм који се инсталира на главном сајту и пружа додатну сигурност. Додаци су доступни за већину популарних ЦМС платформи и могу се користити за многе различите функције, од аутоматизације блог постова до управљања потенцијалним клијентима.
Темплате. Узорак.
Шаблони се користе у веб дизајну на исти начин на који се користе за документе и слике — да би се обезбедио конзистентан дизајн на много различитих страница. Већина ЦМС платформи ће вам пружити скуп шаблона за вашу веб локацију који ће вам помоћи да обезбедите доследност на вашим страницама и вашем дизајну на њима.
Технички услови за Интернет. Дефиниције и термини веб дизајна.
-
Сидро текст. Сидро текст.
Сидрени текст је фраза или неколико речи које садрже хипервезу. Коришћење правог сидреног текста може направити велику разлику у томе колико се ваша страница рангира у претраживачима.
Бацклинк. Бацклинк.
Ово су везе ка вашем сајту са других сајтова. Када се неки други сајт повеже са вашом, на пример да усмери своје читаоце на ресурс, добијате повратну везу. Повратне везе су веома важне када је у питању повећање рангирања ваше претраге јер ће више повратних веза са поузданих сајтова повећати видљивост вашег сајта.
Проток. Проток.
Пропусни опсег је термин који се користи у много различитих контекста, али у суштини означава количину података послатих или примљених у датом периоду. Може се користити, на пример, за описивање ваше брзине интернета, где се обично наводи у килобитима у секунди (кбпс). Међутим, понекад се користи да опише колико података можете користити месечно као део вашег веб хостинг пакета.
Цацхе. Цасх.
Кеш меморија је скуп података који се чува у веб претраживачу. То значи да ће се следећи пут када корисник посети сајт, страница брже учитавати јер се учитава из локалне меморије.
Услови ДНС веб дизајна
ДНС је скраћеница од Домаин Наме Сервице. Ово је систем помоћу којег ваш веб претраживач проналази веб странице. Када ти азбика.цом.уа , ваш претраживач тражи „ДНС табелу“ која ову адресу прилагођену људима претвара у адресу прилагођену рачунару (то јест, ону састављену од бројева). ДНС систем прати где се налазе све веб странице на свету како би ваш претраживач могао да их пронађе.
Домаин
Ово је назив вашег сајта. Можете купити домене од многих компанија. Не могу да садрже више од 63 знака. На пример, https://azbyka.com.ua/је име нашег домена.
ФТП
ФТП је скраћеница од Филе Трансфер Протоцол и представља систем за пренос датотека и података из локалне меморије (рецимо, на вашем рачунару) на ваш веб сервер. Да бисте користили ФТП, потребно је да преузмете мали програм који се зове ФТП клијент.
Пермалинк. Трајна веза
Стална веза која вам омогућава да дате адресу која ће увек упућивати на одређени блог пост или страницу, без обзира на то како промените структуру вашег сајта око њега. Ово је веома корисно ако користите постове на блогу да повећате саобраћај на својој веб локацији јер не морате ручно да мењате десетине (или стотине) веза ако одлучите да промените дизајн ваше веб странице или промените име свог домена.
УРЛ адреса
Адреса која показује где се може пронаћи одређена страница или други ресурс.
Веб хостинг. Дефиниције и термини веб дизајна.
Веб хостинг је компанија која управља серверима који чувају ваше Веб сајт. Као што смо објаснили у нашем чланку о веб хостингу, веб домаћини могу значајно да варирају у нивоу услуга које нуде. Добар веб домаћин ће моћи да вас увери да ће ваша веб локација бити доступна 99,9% времена, а такође ће вам обезбедити алате да буде безбедна и ефикасна.
веб сервер
Веб сервер је рачунар који заправо чува вашу веб страницу. Највероватније се налази у инсталацији сервера у власништву вашег веб домаћина, мада је могуће и покретање сопствених сервера.
Терминологија веб развоја. Дефиниције и термини веб дизајна.
ЦСС
ЦСС је скраћеница од Цасцадинг Стиле Схеетс, а заједно са ХТМЛ-ом, ови листови су најосновнији део сваке веб странице. Пре десет година, форматирање веб страница, као што је величина наслова или да ли слике имају ивице, било је одређено у самом ХТМЛ коду. То је значило да је промена форматирања била напорна процес проласка сваког елемента странице и промене кода.
Са ЦСС-ом је све много једноставније. Стил странице је садржан у једној (или више) ЦСС датотека које одређују како наслови изгледају, како се приказују слике и многе друге елементе. Они говоре претраживачу како да прикаже веб локацију. Дакле, формат читавих веб локација може се променити променом само једног дела кода.
ДХТМЛ
ДХТМЛ је скраћеница од Динамиц ХиперТект Маркуп Лангуаге. То је израз за језик који комбинује више језика веб дизајна — ХТМЛ, ЈаваСцрипт и ЦСС — у један супер језик за веб развој. Ово је обично оно што ће савремени веб програмери користити да направе веб локацију за вас.
Доцтипе. Дефиниције и термини веб дизајна.
У ХТМЛ-у, тип документа је опис типа ХТМЛ-а и верзије који се користе на веб страници. Користе га прегледачи за проверу интегритета странице и може изазвати безбедносне грешке ако је нетачна.
Ем. ЕМ. Услови веб дизајна
Ем се користи да опише величину фонта у односу на "родитељски" фонт који се користи на страници. 1Ем значи да су фонт (или понекад други елементи) исте величине као њихов родитељски елемент, 2ем значи да су дупло већи, итд.
Ембеддед стиле. Уграђени стил. Услови веб дизајна
Док се ЦСС (види горе) може користити за описивање формата целих страница одједном, понекад је потребно да промените само стил на једној страници. Ово је када се користи уграђени стил. Инлине стил је део ЦСС кода написан у глави веб странице који утиче само на елементе на тој страници, а не на целу веб локацију.
Породица/стил/тежина фонта. Породица/стил/тежина фонта
Веб дизајнери и програмери често не раде са одређеним фонтовима јер различити претраживачи не користе увек исте фонтове. Због тога ћете у ЦСС документу видети да је коришћени фонт дефинисан као породица фонтова—група фонтова који се могу користити—а не само један појединачно. Заједно са овом дефиницијом, ЦСС документ ће дефинисати и стил фонта (курзив, подвучен, итд.) и тежину (подебљано, светло, итд.).
ХТМЛ. Дефиниције и термини веб дизајна.
Језик за означавање хипертекста је основа Интернета. Све веб странице су написане, барем донекле, у ХТМЛ-у, који је дизајниран да буде што лакши за писање. У ствари, може бити веома корисно, пробајте Приручник на ХТМЛ код, да видите да ли је лако писати - изненадићете се шта можете да постигнете за неколико сати!
Метаподаци.
Метаподаци су подаци садржани у заглављу веб страница. Ови подаци су доступни вашем претраживачу, али се не приказују као део веб странице коју гледате – мораћете да видите изворни код да бисте им приступили.
Отвореног кода. Отвореног кода. Услови веб дизајна
Софтвер отвореног кода је подржан од стране корисника и може се слободно користити и модификовати. Ово је у супротности са власничким софтвером, који је у власништву и одржава се од стране одређене компаније. Већина веб програмера ће бар понекад користити софтвер отвореног кода јер не само да је јефтинији, већ може бити и сигурнији. Данас већина веб програмера минимизира кршење безбедности коришћењем контејнера написаних на језицима отвореног кода.
Инсценација. Инсценација. Дефиниције и термини веб дизајна.
Стагинг вебсаита је процес креирања његове скоро коначне копије и затим га тестирања пре постављања живе верзије сајта. Већина веб програмера „инсценира“ веб локацију пре него што је пусте да би се уверили да све функционише исправно. И често се велике промене на веб локацији дешавају на сајту за постављање, а не на веб локацији уживо.
Валид. Валид.
У веб дизајну, важеће веб странице су оне које не садрже грешке. У пракси, то значи веб странице које прате стандарде постављене у ХТМЛ спецификацијама које је објавио В3Ц, заједница која поставља стандарде за веб развој.
КСМЛ. Услови веб дизајна
КСМЛ је скраћеница од Ектенсибле Маркуп Лангуаге. КСМЛ је фундаментални део веб дизајна јер делује као „метајезик“ који преводи елементе једног језика у други. То значи да се веб странице могу креирати користећи много различитих језика, од којих сви комуницирају путем КСМЛ-а.
Последња ствар…
Наравно, не морате да знате све ове дефиниције и термине веб дизајна да бисте започели. развој веб сајта - самостално или уз помоћ. На крају крајева, веб дизајн је процес учења, а најбољи дизајни су поновљива уметничка дела која се стално побољшавају док учите нове ствари.
Међутим, може бити од велике помоћи имати водич кроз понекад сложен свет веб дизајна, посебно када тек почињете. Наши професионални веб дизајнери ће вам помоћи да започнете у узбудљивом свету веб дизајна.
Оставить комментарии