Термините за уеб дизайн са основните неща, които един бизнесмен трябва да знае. Уеб дизайнът е процес на създаване и организиране на визуалните и функционални аспекти на уебсайт. Той включва различни термини и концепции, които описват различни аспекти на дизайна и разработката на уеб страници.
Уеб дизайнът съществува от дълго време и не губи време в разработването на сложен език, изпълнен с жаргон. Веднага щом направите дори и най-малката крачка в света на уеб дизайна, ще започнете да чувате: „Коя 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, потребителски интерфейс, се фокусира върху визуалните и интерактивни елементи на уебсайт, като бутони, икони и типография. Целта е подобряване на външния вид и функционалността на сайта.
Анатомия на фронтенд сайт. Определения и термини за уеб дизайн.
-
галета. галета.
Когато уеб страниците показват на потребителите как са навигирали в уеб страницата и как да се върнат начална страница, това често се прави с помощта на галета. Това обикновено се показва като поредица от вложени категории, като например Начало > Категория > Година > Месец > Публикация.
Favicon. Favicon.
Favicon е малка икона, която се появява в лентата с раздели на вашия браузър. Те обикновено са с размер 16 × 16 пиксела (което всъщност е много малко) и се записват като .ico, .gif или .png изображения. Можете да използвате почти всяко изображение като икона, стига да е с правилния размер и да е запазено в правилния формат.
Фокусна точка. Координатор.
Фокусът на уеб страницата е частта от страницата, където е привлечено вашето внимание. Дизайнерите ще отделят много време за създаване на фокусна точка, която наистина привлича вниманието на зрителя, и след това ще поставят на фокус най-важното на страницата. Това гарантира, че възможно най-много хора ще го видят.
Преден край. Преден край.
Това са всички елементи като изображения, текст, страници, които хората ще видят, когато за първи път посетят вашия сайт. По същество това е, с което хората ще взаимодействат и ще се ангажират на уебсайт.
Икона на хамбургер. Икона на хамбургер.
Иконата на хамбургер се отнася до иконата на менюто, която обикновено се среща в по-късните програми. Той има три хоризонтални ивици (оттук и "хамбургер") и скрива традиционното меню за навигация зад една икона.
Целева страница. Целева страница.
Това е първата страница, която посетителите на вашия сайт ще видят. Много уебсайтове използват специална целева страница, за да научат нещо от посетителя (като споделяне на техния имейл адрес или специфична за продукта страница). твоя целева страница е една от най-важните страници на вашия уебсайт и трябва да отделите много време за нейното оптимизиране.
Навигация. Навигация.
Навигацията е системата, използвана за придвижване между елементи на вашата уеб страница и е един от най-важните елементи на всяка уеб страница. Ето защо е толкова важно да знаете основните принципи на навигацията в уебсайта. Повечето ярък пример Навигациите са менюта, които се появяват на повечето уеб страници. Но също така обърнете голямо внимание на това как са организирани страниците и връзките между тях. Те могат също така да направят уеб страницата много по-лесна за навигация от посетителите.
Анатомия на бекенда на уебсайта. Определения и термини за уеб дизайн.
-
Заден край. Заден край.
Това е частта от вашата система, която ефективно управлява вашия сайт, но е скрита от посетителите. Има много различни налични back-end компоненти, но всички те обикновено съдържат едни и същи неща – приложения, информационна структура и вашата CMS.
CMS
Системата за управление на съдържанието е вътрешна инструмент за управление на съдържанието на вашия уебсайт, добавяне на потребители, управление на коментари и евентуално много повече. Ако някога сте използвали WordPress за създаване на уебсайт, вие сте използвали CMS. CMS прави проектирането и създаването на уеб страница много по-лесно, защото скрива голяма част от необработения код, който захранва уебсайта.
Е-търговия. Електронна търговия.
електронната търговия означава "електронна търговия". точно както "e-mail" означава "електронна поща". Обикновено добавяте магазин към уебсайта си е-търговия, който ще обработва описанията на продуктите, покупките и продажбите и данните за клиентите.
HTTP/HTTPS
Това е система, която управлява комуникацията между браузъри, сървъри и уеб приложения. Той определя как данните трябва да бъдат пакетирани и изпратени.
HTTPS е разширение на HTTP, което може да установява връзки през SSL (Secure Socket Layer). Това е много по-сигурен начин за споделяне на данни онлайн. Много съвременни уеб браузъри ще ви предупредят, ако уебсайт използва стандартния HTTP протокол, а не HTTPS.
Като собственик на уебсайт можете да закупите SSL сертификатите, необходими за използване на HTTPS от различни доставчици. Веднъж добавен, той ще направи сайта ви по-сигурен и ще изгради доверие у клиентите ви.
Плъгин. Условия за уеб дизайн
Малка програма, която се инсталира върху основния сайт и осигурява допълнителна сигурност. Приставките са налични за повечето популярни CMS платформи и могат да се използват за много различни функции, от автоматизиране на публикации в блогове до управление на потенциални клиенти.
Шаблон. проба.
Шаблоните се използват в уеб дизайна почти по същия начин, по който се използват за документи и изображения – за да се осигури последователен дизайн в много различни страници. Повечето CMS платформи ще ви предоставят набор от шаблони за вашия уебсайт, които ще ви помогнат да осигурите последователност на вашите страници и вашия дизайн върху тях.
Технически условия за Интернет. Определения и термини за уеб дизайн.
-
Anchor текст. Anchor текст.
Анкорният текст е фраза или няколко думи, които съдържат хипервръзка. Използването на правилния котвен текст може да направи огромна разлика в това колко добре се класира вашата страница в търсачките.
Обратна връзка. Обратна връзка.
Това са връзки към вашия сайт от други сайтове. Когато друг сайт има връзка към вашия, например, за да насочи читателите си към ресурс, вие сте получили обратна връзка. Обратните връзки са много важни, когато става въпрос за повишаване на класирането ви при търсене, защото множество обратни връзки от надеждни сайтове ще увеличат видимостта на вашия сайт.
Честотна лента. Честотна лента.
Ширина на честотната лента е термин, използван в много различни контексти, но по същество означава количеството данни, изпратени или получени за даден период. Може да се използва, например, за да се опише вашата интернет скорост, където обикновено се посочва в килобита в секунда (kbps). Въпреки това, понякога се използва, за да опише колко данни можете да използвате на месец като част от вашия уеб хостинг пакет.
Кеш памет. Пари в брой.
Кешът е набор от данни, които се съхраняват в уеб браузър. Това означава, че следващия път, когато потребителят посети сайта, страницата ще се зареди по-бързо, защото се зарежда от локалната памет.
Условия за уеб дизайн на DNS
DNS означава услуга за име на домейн. Това е системата, чрез която вашият уеб браузър намира уеб страници. Когато ти azbyka.com.ua , вашият браузър търси „DNS таблица“, която преобразува този удобен за хората адрес в удобен за компютър адрес (тоест такъв, съставен от числа). DNS системата следи къде се намират всички уеб страници по света, така че вашият браузър да може да ги намери.
Име на домейна
Това е името на вашия сайт. Можете да закупите домейни от много компании. Те не могат да съдържат повече от 63 знака. Например, https://azbyka.com.ua/е името на нашия домейн.
FTP
FTP означава File Transfer Protocol и е система за прехвърляне на файлове и данни от локално хранилище (да речем на вашия компютър) към вашия уеб сървър. За да използвате FTP, трябва да изтеглите малка програма, наречена FTP клиент.
Постоянна връзка. Постоянна връзка
Постоянна връзка, която ви позволява да предоставите адрес, който винаги ще сочи към конкретна публикация в блог или страница, без значение как променяте структурата на вашия сайт около нея. Това е много полезно, ако използвате публикации в блогове, за да увеличите трафика към вашия сайт, защото не е нужно ръчно да променяте десетки (или стотици) връзки, ако решите да промените дизайн на вашия уеб сайт или сменете името на вашия домейн.
URL
Адрес, указващ къде може да бъде намерена конкретна страница или друг ресурс.
Уеб хостинг. Определения и термини за уеб дизайн.
Уеб хостингът е компания, която управлява сървърите, които съхраняват вашите уебсайт. Както обясняваме в нашата статия за уеб хостинг, уеб хостовете могат да варират значително в нивото на услугите, които предлагат. Добрият уеб хост ще може да ви увери, че вашият сайт ще бъде достъпен през 99,9% от времето и също така ще ви предостави инструментите, за да го поддържате сигурен и ефективен.
уеб сървър
Уеб сървърът е компютърът, който всъщност съхранява вашата уеб страница. Най-вероятно се намира в сървърна инсталация, собственост на вашия уеб хост, въпреки че е възможно да стартирате и свои собствени сървъри.
Терминология за уеб разработка. Определения и термини за уеб дизайн.
CSS
CSS означава Cascading Style Sheets и заедно с HTML, тези таблици са най-основната част от всяка уеб страница. Преди десет години форматирането на уеб страницата, като например размера на заглавията или дали изображенията имат граници, се определяше в самия HTML код. Това означаваше, че промяната на форматирането е трудоемка процесът на преминаване на всеки елемент страници и промени в кода.
С CSS всичко е много по-просто. Стилът на страницата се съдържа в един (или повече) CSS файлове, които определят как изглеждат заглавията, как се показват изображенията и много други елементи. Те казват на браузъра как да покаже уебсайта. По този начин форматът на цели уебсайтове може да бъде променен чрез превключване само на едно парче код.
DHTML
DHTML означава Dynamic HyperText Markup Language. Това е термин за език, който съчетава множество езици за уеб дизайн — 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.
Последно нещо…
Разбира се, не е необходимо да знаете всички тези определения и термини за уеб дизайн, за да започнете. разработка на уебсайтове - независимо или с помощ. В крайна сметка уеб дизайнът е процес на учене и най-добрите дизайни са повтарящи се произведения на изкуството, които непрекъснато се подобряват, докато научавате нови неща.
Въпреки това може да бъде много полезно да имате водач в понякога сложния свят на уеб дизайна, особено когато тепърва започвате. Нашите професионални уеб дизайнери ще ви помогнат да започнете във вълнуващия свят на уеб дизайна.
Оставете коментар