Термините за веб дизајн се главните работи што еден бизнисмен треба да ги знае. Веб дизајн е процес на креирање и организирање на визуелните и функционалните аспекти на веб-локацијата. Вклучува различни термини и концепти кои опишуваат различни аспекти на дизајнот и развојот на веб-страниците.
Веб дизајнот постои долго време и не губи време во развивање на сложен јазик исполнет со жаргон. Веднаш штом ќе направите и најмал чекор во светот на веб-дизајнот, ќе почнете да слушате: „Кој CMS сакате да го користите?“, „Дали го сакате над преклопот или под преклопот?“, „Дали сакате сакате фиксен распоред? ", "Каков веб хостинг сакате да го користите? “ и останувате да се прашувате што значи сето тоа. Знаеме дека обидот за откривање на сите клучни дефиниции и термини за веб дизајн може да биде доста поразителен, особено кога сето тоа е ново.
Веб дизајнот покрива широк опсег на работа, од веб-програмери кои пишуваат код, до дизајнери на UI и UX кои работат на интерфејси, до веб-дизајнери кои се грижат за изгледот и чувството на вашата страница. Има многу луѓе кои се занимаваат со веб дизајн.
Учењето што значат само неколку кратенки и жаргони за веб дизајн може да ги олесни работите за вашиот дизајнер и развивач, а исто така може да ви помогне да разберете како всушност функционира вашата сопствена веб-страница. Значи, без разлика дали ангажирате помош или направете го тоа сами, познавањето на најчесто користените и најчесто збунувачките термини во веб дизајнот и развојот може да ви помогне:
Дефиниции и термини за веб дизајн.
Пристапност
Моментално достапни е од големо значење во веб дизајнот. Во суштина, ова значи колку вашата веб-страница е достапна за луѓето, вклучувајќи ги и оние со оштетен слух или вид. Ова е важно да го имате на ум пред и додека ја креирате вашата веб-страница. Погледнете ги овие шест чекори за да го направите вашиот веб дизајн достапен доколку не знаете од каде да започнете.
10 казни на Google кои можат да влијаат на вашата веб-страница
Под преклопот (и над преклопот).
Под и над преклопот има два поими кои потекнуваат од весниците. „Падот“ е местото каде што се преклопува весникот. Горно и дно опишува дали информациите се прикажуваат на горната или долната половина од преклопот. За веб-страниците, „преклопот“ обично се дефинира како точка во која треба да започнете со лизгање, но принципот е ист - информациите што се наоѓаат на врвот на страницата (ATF) се подостапни и видливи од информациите што се наоѓаат на дното на страницата (BTF). . .
Еластична (распоред). Еластична (распоред). Услови за веб дизајн
Еластичниот распоред е пристап кон дизајнот на веб-страници кој ги опишува односите помеѓу елементите и нивната позиција на страницата во однос на проценти, наместо конкретно дизајнирани проред и големини. Ова значи дека веб-страниците стануваат поприлагодливи - и на преференциите поставени од вашите посетители во однос на големината фонт и растојанието помеѓу нив и да ја оптимизирате страницата за гледање на паметен телефон или таблет.
Во денешно време, еластичните распореди се клучен дел од пристапите на респонзивниот дизајн, но пред да се роди идејата за одговорен дизајн, еластичните распореди обезбедија лесен начин да се направат веб-локациите респонзивни.
Пр. Поранешниот
Ex е мерна единица која користи мала буква „x“ во фонтот како стандардна мерка.
Фиксна ширина (распоред). Фиксна ширина (распоред). Дефиниции и термини за веб дизајн.
Распоредот со фиксна ширина е метод за дизајнирање веб-страници во кои дизајнерот одредува колку е голема веб-страницата и точно каде ќе се појават елементите на неа. Ова им дава на дизајнерите многу поголема контрола врз дизајнот на веб-страниците отколку еластичниот распоред, но ги прави страниците помалку одговорни. различни големини екран.
Хексадецимален.
Хексадецималните броеви, познати и како „хексадетични“ броеви, се броен систем со основен 16, што значи дека користат 16 знаци за да дефинираат боја. Хексадецималните броеви ги користат броевите од 0 до 9 и буквите A до F. Секоја боја се идентификува со три пара хексадецимални броеви. Првиот пар на броеви или букви се однесува на црвената нијанса, вториот пар на зелената нијанса, а третиот пар на сината нијанса.
Бесконечно лизгање. Бесконечно лизгање
Бесконечното лизгање е кога се вчитува нова содржина додека продолжувате со лизгање. Ова создава „бескрајна“, бескрајна свитока. Некои популарни примери за ова се временските линии на Facebook, Pinterest или Twitter.
Паралакса лизгање. Паралакса лизгање.
Овој метод на лизгање создава чувство на длабочина во дизајн на веб-страница. Кога корисникот лизга, елементите на веб-локацијата ќе бидат на различни растојанија и ќе се движат со различна брзина додека корисникот лизга. Ова создава илузија за длабочина и растојание на рамна веб-страница.
Резолуција. Дозвола. Дефиниции и термини за веб дизајн.
Резолуцијата е бројот на пиксели прикажани на екранот. Ова е стандарден метод што се користи во веб дизајнот за да се утврди големина слики. Квалитетот на сликата обично се опишува во пиксели по инч, со повеќе пиксели што резултира со поквалитетна слика.
Одговорно / пријателски за мобилни телефони / оптимизирано за мобилни телефони. Одговорно / Пријателски за мобилни телефони / Оптимизирано за мобилни телефони
Од минатата година, повеќе од половина од веб сообраќајот доаѓа од паметните телефони. Ова значи дека станува се поважно веб-локацијата да изгледа подобро Мобилни уреди, како и на компјутери. Да се направат веб-локации одговорни/одговорни за мобилни/оптимизирани мобилни значи дизајнирање и развој на веб-локација што ќе се прилагоди на уредот или екранот на кој се гледа.
Употребливост. Леснотија на користење.
Употребливоста е концепт на веб дизајн кој опишува колку е лесна вашата веб-страница за посетителите за кои е дизајнирана. Идеално, посетителот ќе може лесно да ја користи вашата страница кога првпат ќе се сретне со неа, со минимални пречки, фрустрации и потреба да побара помош. Разбирањето на принципите на употребливост е клучен чекор во креирањето одлично веб-страница.
UX (корисничко истражување) / UI (кориснички интерфејс)
Дизајнот на UX и UI е работа што го подобрува корисничкото искуство. Важно е да ги знаете разликите помеѓу UX и UI за да разберете како тие работат заедно.
UX, корисничко истражување, го вклучува секој аспект од искуството на корисникот со веб-локација од почеток до крај. Цел - подобрување на квалитетот корисничка интеракција со страницата.
UI, кориснички интерфејс, се фокусира на визуелните и интерактивните елементи на веб-локацијата, како што се копчињата, иконите и типографијата. Целта е да се подобри изгледот и функционалноста на веб-страницата.
Анатомија на преден дел. Дефиниции и термини за веб дизајн.
-
Лебна трошка. Трошки од леб.
Кога веб-страниците им покажуваат на корисниците како се движеле по веб-страницата и како да се вратат почетна страница, тоа често се прави со помош на презла. Ова обично се прикажува како серија вгнездени категории, како што се Почетна > Категорија > Година > Месец > Објава.
Фавикон. Фавикон.
Фавиконот е мала икона што се појавува во лентата со јазичиња на вашиот прелистувач. Тие обично се со големина 16×16 пиксели (што е всушност многу мало) и се зачувуваат како .ico, .gif или .png слики. Можете да користите речиси секоја слика како икона се додека е со вистинска големина и зачувана во правилен формат.
Фокусна точка. Координатор.
Фокусот на веб-страницата е дел од страницата каде што е привлечено вашето внимание. Дизајнерите ќе потрошат многу време за создавање на фокусна точка што навистина го привлекува вниманието на гледачот, а потоа ќе ја стават најважната работа на страницата во фокус. Ова осигурува дека што е можно повеќе луѓе ќе го видат.
Предниот крај. Предниот крај.
Ова се сите елементи како што се слики, текст, страници што луѓето ќе ги видат кога првпат ќе ја посетат вашата страница. Во суштина, ова е она со што луѓето ќе комуницираат и ќе се вклучат на веб-локација.
Икона за хамбургер. Икона за хамбургер.
Иконата за хамбургер се однесува на иконата од менито што вообичаено се наоѓа во подоцнежните програми. Има три хоризонтални ленти (оттука и „хамбургерот“) и го крие традиционалното мени за навигација зад една икона.
Целна страница. Целна страница.
Ова е првата страница што ќе ја видат посетителите на вашата страница. Многу веб-локации користат посветена целна страница за да научат нешто од посетителот (како што е споделување на нивната адреса за е-пошта или страница специфична за производот). Вашите целна страница е една од најважните страници на вашата веб-страница и треба да потрошите многу време за да ја оптимизирате.
Навигација. Навигација.
Навигацијата е систем кој се користи за движење помеѓу елементите на вашата веб-страница и е еден од најважните елементи на секоја веб-страница. Затоа е толку важно да ги знаете клучните принципи на навигацијата на веб-страниците. Најмногу светол пример Навигациите се менија што се појавуваат на повеќето веб-страници. Но, внимавајте и на тоа како се организирани страниците и врските меѓу нив. Тие, исто така, можат да им ја олеснат навигацијата на веб-страницата на посетителите.
Анатомија на заднина на веб-страница. Дефиниции и термини за веб дизајн.
-
Заден крај. Заден крај.
Ова е дел од вашиот систем кој ефикасно ја води вашата страница, но е скриен од посетителите. Достапни се многу различни задни компоненти, но сите тие обично ги содржат истите работи - апликации, структура на информации и вашиот CMS.
CMS
Системот за управување со содржина е внатрешен алатка за управување со содржината на вашата веб-страница, додавање корисници, управување со коментари и можеби многу повеќе. Ако некогаш сте користеле WordPress за да креирате веб-страница, сте користеле CMS. CMS го прави дизајнирањето и креирањето на веб-страница многу полесно бидејќи крие голем дел од необработениот код што ја напојува веб-страницата.
Е-трговија. Електронска трговија.
Е-трговија значи „електронска трговија“. исто како „e-mail“ значи „електронска пошта“. Обично додавате продавница на вашата веб-страница е-трговија, кој ќе се справи со описите на производите, купувањата и продажбите и податоците за клиентите.
HTTP/HTTPS
Тоа е систем кој се справува со комуникација помеѓу прелистувачи, сервери и веб-апликации. Тој дефинира како податоците треба да се пакуваат и испраќаат.
HTTPS е продолжување на HTTP што може да воспостави врски преку SSL (Secure Socket Layer). Ова е многу побезбеден начин за споделување податоци онлајн. Многу современи веб-прелистувачи ќе ве предупредат ако веб-локацијата користи стандарден протокол HTTP наместо HTTPS.
Како сопственик на веб-локација, можете да ги купите SSL сертификатите потребни за користење на HTTPS од различни провајдери. Откако ќе се додаде, тоа ќе ја направи вашата страница побезбедна и ќе изгради доверба со вашите клиенти.
Вклучи, поврзи. Услови за веб дизајн
Мала програма што се инсталира на врвот на главната локација и обезбедува дополнителна безбедност. Приклучоците се достапни за најпопуларните CMS платформи и може да се користат за многу различни функции, од автоматизација на блог постови до управување со води.
Шаблон. Пример.
Шаблоните се користат во веб дизајнот на ист начин како што се користат за документи и слики - за да се обезбеди конзистентен дизајн на многу различни страници. Повеќето CMS платформи ќе ви обезбедат збир на шаблони за вашата веб-локација кои ќе помогнат да се обезбеди конзистентност на вашите страници и вашиот дизајн на нив.
Технички услови за Интернет. Дефиниции и термини за веб дизајн.
-
Сидро текст. Сидро текст.
Сидро текст е фраза или неколку зборови кои содржат хиперврска. Користењето на вистинскиот сидро текст може да направи огромна разлика во тоа колку добро вашата страница се рангира во пребарувачите.
Врска за враќање. Врска за враќање.
Ова се линкови до вашиот сајт од други сајтови. Кога друг сајт ќе се поврзе со вашата, на пример за да ги насочи своите читатели до некој ресурс, вие сте добиле повратна врска. Линковите се многу важни кога станува збор за зголемување на рангирањето на вашето пребарување бидејќи повеќекратните линкови од доверливи страници ќе ја зголемат видливоста на вашата страница.
Пропусен опсег. Пропусен опсег.
Пропусен опсег е термин кој се користи во многу различни контексти, но во суштина тоа значи количина на податоци испратени или примени во даден период. Може да се користи, на пример, за да се опише вашата брзина на интернет, каде што обично се наведува во килобити во секунда (kbps). Сепак, понекогаш се користи за да се опише колку податоци можете да користите месечно како дел од вашиот веб-хостинг пакет.
Кеш. Готовина.
Кеш е збир на податоци што се чуваат во веб-прелистувач. Ова значи дека следниот пат кога корисникот ќе ја посети страницата, страницата ќе се вчита побрзо бидејќи е вчитана од локалната меморија.
Услови за веб дизајн на DNS
DNS значи Услуга за име на домен. Ова е системот со кој вашиот веб-прелистувач наоѓа веб-страници. Кога ти azbyka.com.ua , вашиот прелистувач бара „DNS табела“ што ја конвертира оваа адреса погодна за луѓето во адреса погодна за компјутер (т.е. адреса составена од броеви). Системот DNS следи каде се сите веб-страници во светот за да може да ги пронајде вашиот прелистувач.
Име на домен
Ова е името на вашата страница. Можете да купите домени од многу компании. Тие можат да содржат не повеќе од 63 знаци. На пример, https://azbyka.com.ua/е нашето име на домен.
FTP
FTP е кратенка за Протокол за пренос на датотеки и е систем за пренос на датотеки и податоци од локално складирање (да речеме, на вашиот компјутер) на вашиот веб-сервер. За да користите FTP, треба да преземете мала програма наречена FTP клиент.
Постојана врска. Постојана врска
Постојана врска која ви овозможува да обезбедите адреса која секогаш ќе укажува на одредена блог-објава или страница, без разлика како ја менувате структурата на вашата страница околу неа. Ова е многу корисно ако користите објави на блог за да го зголемите сообраќајот на вашата страница, бидејќи не мора рачно да менувате десетици (или стотици) врски ако одлучите да промените дизајн на вашата веб-страница или сменете го името на вашиот домен.
URL
Адреса која покажува каде може да се најде одредена страница или друг ресурс.
Веб Хостирање. Дефиниции и термини за веб дизајн.
Веб хостинг е компанија која управува со серверите што ги чуваат вашите веб-страница. Како што објаснуваме во нашата статија за веб хостинг, веб-домаќините може многу да се разликуваат во нивото на услуги што ги нудат. Добар веб-домаќин ќе може да ве увери дека вашата страница ќе биде достапна во 99,9% од времето, а исто така ќе ви обезбеди алатки за да ја одржите безбедна и ефикасна.
Веб сервер
Веб-сервер е компјутерот што всушност ја складира вашата веб-страница. Најверојатно е лоциран во инсталација на сервер во сопственост на вашиот веб-домаќин, иако исто така е можно да се кандидираат вашите сопствени сервери.
Терминологија за развој на веб. Дефиниции и термини за веб дизајн.
CSS
CSS значи каскадни листови со стилови и заедно со HTML, овие листови се најфундаменталниот дел од секоја веб-страница. Пред десет години, форматирањето на веб-страниците, како што е големината на насловите или дали сликите имаат граници, беше одредено во самиот HTML код. Ова значеше дека менувањето на форматирањето беше трудоинтензивно процесот на предавање на секој елемент страници и промени на кодот.
Со CSS сè е многу поедноставно. Стилот на страницата е содржан во една (или повеќе) CSS-датотеки кои одредуваат како изгледаат насловите, како се прикажуваат сликите и многу други елементи. Тие му кажуваат на прелистувачот како да ја прикаже веб-страницата. Така, форматот на цели веб-локации може да се промени со префрлување на само еден дел од кодот.
DHTML
DHTML значи Динамички јазик за означување на хипертекст. Тоа е термин за јазик кој комбинира повеќе јазици за веб дизајн - HTML, JavaScript и CSS - во еден супер јазик за развој на веб. Ова е обично она што модерните веб-програмери ќе го користат за да создадат веб-страница за вас.
Doctype. Дефиниции и термини за веб дизајн.
Во HTML, типот на документ е опис за тоа каков тип на HTML и верзија се користи на веб-страница. Се користи од прелистувачите за проверка на интегритетот на страницата и може да предизвика безбедносни грешки ако е неточна.
Ем. ЕМ. Услови за веб дизајн
Em се користи за опишување на големината на фонтот во однос на „родителскиот“ фонт што се користи на страницата. 1Em значи дека фонтот (или понекогаш други елементи) се со иста големина како нивниот родител, 2em значи дека се двојно поголеми итн.
Вграден стил. Вграден стил. Услови за веб дизајн
Додека CSS (види погоре) може да се користи за да се опише форматот на цели страници одеднаш, понекогаш треба само да го промените стилот на една страница. Ова е кога се користи вграден стил. Вградениот стил е дел од CSS кодот запишан во главата на веб-страницата што влијае само на елементите на таа страница, а не на целата ваша веб-страница.
Семејство/стил/тежина на фонтови. Семејство/стил/тежина на фонтови
Веб-дизајнерите и програмерите често не работат со одредени фонтови бидејќи различните прелистувачи не секогаш ги користат истите фонтови. Ова е причината зошто во документ CSS ќе видите дека користениот фонт е дефиниран како семејство на фонтови - група фонтови што може да се користат - наместо само еден поединечно. Заедно со оваа дефиниција, документот CSS ќе ги дефинира и стилот на фонтот (курзив, подвлечен, итн.) и тежината (задебелен, светло, итн.).
HTML. Дефиниции и термини за веб дизајн.
Јазикот за означување на хипертекст е основата на Интернетот. Сите веб-страници се напишани, барем до одреден степен, во HTML, кој е дизајниран да биде што е можно поедноставен за пишување. Всушност, може да биде многу корисно, пробајте го Почетен курс на HTML код, за да видите дали е лесно да се напише - ќе се изненадите што можете да постигнете за неколку часа!
Метаподатоци.
Метаподатоци се податоците содржани во насловот на веб-страниците. Овие податоци се достапни за вашиот прелистувач, но не се прикажуваат како дел од веб-страницата што ја гледате - ќе треба да го видите изворниот код за да пристапите до него.
Отворен извор. Отворен извор. Услови за веб дизајн
Софтверот со отворен код е поддржан од корисниците и може слободно да се користи и менува. Ова е во спротивност со комерцијалниот софтвер, кој е во сопственост и одржуван од одредена компанија. Повеќето веб-програмери ќе користат софтвер со отворен код барем понекогаш затоа што не само што е поевтин, туку може да биде и побезбеден. Во денешно време, повеќето веб-програмери ги минимизираат безбедносните прекршувања со користење на контејнери напишани на јазици со отворен код.
Станирање. Станирање. Дефиниции и термини за веб дизајн.
Поставување вебстраница е процес на креирање речиси конечна копија од него и потоа тестирање пред да се имплементира живата верзија на страницата. Повеќето веб-програмери „исценираат“ веб-локација пред да ја објават за да се уверат дека сè работи правилно. И често, големите промени на веб-локацијата се случуваат на местото за поставување наместо на страницата во живо.
Важи. Важи.
Во веб дизајнот, валидни веб-страници се оние што не содржат грешки. Во пракса, ова значи веб-страници кои ги следат стандардите наведени во HTML спецификациите објавени од W3C, заедницата која поставува стандарди за веб-развој.
XML. Услови за веб дизајн
XML е кратенка од Extensible Markup Language. XML е основен дел од веб дизајнот бидејќи делува како „метајазик“ кој преведува елементи од еден јазик на друг. Ова значи дека веб-страниците може да се креираат користејќи многу различни јазици, од кои сите комуницираат преку XML.
Последно нешто…
Се разбира, не треба да ги знаете сите овие дефиниции и термини за веб дизајн за да започнете. развој на веб-страница - или самостојно или со помош. На крајот на краиштата, веб дизајнот е процес на учење, а најдобрите дизајни се повторливи уметнички дела кои постојано се подобруваат додека учите нови работи.
Сепак, може да биде многу корисно да имате водич низ понекогаш сложениот свет на веб дизајнот, особено кога штотуку почнувате. Нашите професионални веб дизајнери ќе ви помогнат да започнете во возбудливиот свет на веб дизајнот.
Оставить комментарий