Основе савременог изгледа - бесплатни курс од Хеклета, обука 9 сати, Датум: 05.12.2023.
мисцеланеа / / December 06, 2023
Научићете више о ХТМЛ означавању и могућностима модерног ХТМЛ5 стандарда. Такође ћете стећи основно знање о стилизовању помоћу ЦСС-а: научите како да повежете стилове, користите селекторе и радите са каскадама. Поред ХТМЛ-а и ЦСС-а, научићете да радите са уграђеним алатима за отклањање грешака у изгледу претраживача, посебно са Гоогле Цхроме ДевТоолс-ом. Као резултат тога, научићете како да користите ХТМЛ језик за означавање за распоред текста на веб локацији, а такође ћете се упознати са основним правилима коришћења ЦСС-а и стилизовања текста.
Моћи ћете одмах да примените своје нове вештине у пракси - ми ћемо проучавати уреднике изгледа и додатке за њих. На крају сваке лекције наћи ћете мале самосталне задатке. Они су усмерени на практичније разумевање обрађене теме и стога се топло препоручују за примену.
Основе изгледа ће вам добро доћи ако одлучите да проучавате веб развој, без обзира на смер. Знање из овог курса помаже програмерима да обележе податке и прикажу их на сајту. Овај курс је погодан за почетнике и програмере који се нису сусрели
Увод
Курс „Основе модерног изгледа” је основа за учење основа ХТМЛ и ЦСС изгледа веб сајта. У овој лекцији ћемо укратко говорити о томе шта учимо на курсу и како то знање можемо применити у пракси.
Увод у ХТМЛ
Лекција је посвећена ХТМЛ изгледу од нуле. Разговарамо о улози атрибута и проучавамо општу шему за описивање ХТМЛ ознака.
Блок модел
Који елементи су одговорни за оквир странице, а који помажу у процесу његовог стилизовања или додавања функционалних делова? Хајде да се упознамо са блок и инлине ХТМЛ елементима и проучимо утицај стилова на коначну ширину елемената.
Семантички ХТМЛ
Главни циљ сваког ХТМЛ изгледа је да пренесе значење блокова. У овој лекцији ћемо истражити семантичке могућности најновијег ХТМЛ5 стандарда и научити о приступачности на вебу.
Основна структура ХТМЛ документа
Сваки ХТМЛ документ има основну структуру која се састоји од ознака и сервисних елемената. Они су потребни претраживачу да би исправно приказао информације. У овој лекцији ћемо погледати сваки ред ове структуре.
Основе ЦСС-а
ЦСС језик је креиран за визуелни дизајн веб странице. Проучавамо основне могућности језика, откривамо како да их користимо заједно са ХТМЛ-ом. Учимо да укључимо ЦСС датотеке и упознајемо се са основним типовима селектора.
Каскадно у ЦСС-у
Шта је каскадно и како функционише у ЦСС-у? Лекција је посвећена разликама у приоритетима селектора и могућности да то користите у својим пројектима.
Цхроме ДевТоолс
Приликом постављања веб странице важно је на време пронаћи грешке или разумети како да исправно конвертујемо блок који нам је потребан. Раније се то радило првенствено ручно. Данас модерни претраживачи имају функцију веб инспектора. Хајде да размотримо могућности једног од њих - Цхроме ДевТоолс.
Уредници кода
Да бисте сачували свој рад, потребан вам је уређивач кода. У овој лекцији ћемо погледати како да инсталирате Висуал Студио Цоде. Ово је моћан алат који се може користити не само за распоред, већ и за програмирање на било ком језику.
Еммет
Хајде да проучимо један од најкориснијих додатака за дизајнере изгледа - Еммет. То ће убрзати означавање ХТМЛ кода и уклонити већину рутинских корака.
Објава на Интернету
Да бисте ставили пројекат на Интернет, потребно је да користите хостинг - посебан сервер који ће чувати датотеке и омогућити им приступ преко имена домена. У овом водичу ћемо погледати бесплатни ГитХуб хостинг.
Графички уредник
Постоји неколико главних уредника на тржишту. Неки од њих су специфични за само један оперативни систем, други се могу инсталирати на било који од њих. У овом одељку, погледајмо главне кораке када дизајнер изгледа ради са Фигма онлајн уређивачем.
Самостални рад
Додатни задаци који вам омогућавају да консолидујете стечену теорију
Додатни материјали
Чланци и видео снимци које је курирао Хеклет тим. Помоћи ће вам да зароните дубље у тему курса