Креирање веб страница на Вебфлов-у - курс 31.900 РУБ. из Упроцка, обука 4 месеца, датум 27.11.2023.
мисцеланеа / / November 27, 2023
Почните у било ком тренутку и учите удобном брзином
Почетак обуке није везан за датум куповине курса. Почните у било ком тренутку када вам је згодно и учите удобном брзином. Најбоља опција је да проведете 2 сата дневно учећи. Ако можете да посветите 4-8 сати курсу, завршићете га 2-4 пута брже.
Доследност и време за прилагођавање
Сложеност задатака које обављате расте од најједноставнијих, који трају до 30 минута, до сложенијих и дуготрајнијих. На тај начин се постепено укључујете у процес учења.
Пространи, али информативни видео туторијали
Прво смо направили сценарио од неколико стотина страница, затим смо га озвучили, уредили, попунили графиком и направили за вас кратке лекције „без воде“ које је лако научити и којима се можете вратити због нечега поврат.
Наши кустоси дају најбрже и најдетаљније одговоре. Постоје строги прописи: добићете најмање 2 видео анализе дневно, у сваком одговору кустос ће забележити ваше грешке и рећи вам како да их исправите.
Као резултат тога, научићете како да креирате пуноправне веб странице са ефикасном анимацијом, прилагођене различитим уређајима.
ТЕОРИЈА
Увод
У овој лекцији ћете научити о курсу и како ће се обука наставити. Упознајте се са карактеристикама и сврхама бесплатних и плаћених планова Вебфлов-а. Такође ћете научити како да структурирате рад на пројекту од анализе до покретања.
- О чему је овај курс?
- Како курс функционише
- Планови и тарифе
- Сите Планс
- Планови рачуна
- Преглед и анализа распореда
- Контролна листа прихватања изгледа
- План рада
- Припрема изгледа за распоред
- Извезите и оптимизујте слике
- Припрема других фајлова
ТЕОРИЈА
Веб структура
У овој лекцији ћете се упознати са основним елементима веб странице и принципима блок распореда на којима ради сервис Вебфлов. Основно знање ће вам помоћи да разумете основну терминологију веб развоја. Научићете шта је хијерархија веб страница и од чега се састоји. Истражите таблу Навигатор да бисте разумели како се структура елемента креира и приказује у Вебфлов-у.
- Изглед блока и основни ХТМЛ и ЦСС
- Хијерархија елемената сајта
- Навигатор панел
- Вежбање: Планирање структуре локације
ТЕОРИЈА
Креирање и објављивање пројекта
У овој лекцији ћете научити како да се региструјете на веб локацији Вебфлов и креирате пројекат, научићете ограничења броја пројеката и страница у пројекту. Разумећете који начини рада постоје у услузи Вебфлов. Такође научите како да активирате свој налог и објавите своју веб локацију помоћу падајућег панела Објави.
- Регистрација и израда пројекта
- Објављивање веб странице
- Делите пројекат
- Клонирање пројекта
- Клонирање прилагођеног шаблона
ТЕОРИЈА
основна подешавања
Упознаћете се са основним подешавањима пројекта у режиму Пројецт Сеттингс. Као резултат тога, подесите пројекат, отпремите слике у фасцикле и креирајте УИ Кит.
- Подешавања пројекта
- Повезивање вашег домена
- Фајлови сајта
- Општа подешавања пројекта
- Постављање основних стилова
- Отпремање слика
- УИ Кит главних елемената
ПРАКСИ
Елементи
У овој лекцији ћете научити о начинима додавања елемената на страницу сајта ио томе који елементи се не могу налазити унутар своје врсте. Сазнајте који основни елементи постоје за креирање веб странице и која је њихова сврха. На крају, креирајте структуру сајта и додајте садржај елементима.
- Додавање елемената
- Преглед главних елемената
- Преглед функционалних елемената
- Персонализација елемената
- Вежбање: Креирање главне структуре сајта
- Вежбање: Додавање елемената и класа
ПРАКСИ
Стилови елемената
Упознат ћете концепте као што су класе и комбиноване класе и научити о њиховој сврси. Као резултат, додајте класе секцијама, контејнерима, сликама, текстовима.
- Општи принципи
- Преглед једноставних делова панела Стил
- Преглед панела Менаџера стилова
- Елемент стања
- Вежбање: Додавање садржаја елементима
ПРАКСИ
Подешавања стила. 1 део
Проучаваћете композицију панела Стиле и испитати одељак Лаиоут, који се користи за конфигурисање распореда елемената у односу један према другом.
- Стилска табла: одељак распореда
- Вежбање: Детаљан изглед одељака 1 и 2
ПРАКСИ
Подешавања стила. део 2
Наставићете да истражујете композицију панела Стил и испитујете елемент Грид, који је одговоран за начин на који су елементи распоређени, што је идеално Погодно за креирање различитих сложених распореда мреже, укључујући табеле које се лако могу конвертовати у картице на мобилном уређају екрани.
- Стилска плоча: Елемент мреже
- Вежбање: Детаљан изглед одељака 3 и 4
ПРАКСИ
Подешавања стила. део 3
Наставићете да проучавате композицију панела Стил и проучавате одељак Величина, који вам омогућава да одредите величину елемента, сет минималне и максималне вредности ширине и висине и прилагодите понашање подређених елемената који прелазе границе родитељски елемент.
- Стилска табла: Одељак величине
- Вежбање: Детаљан изглед одељака 5 и 6
ПРАКСИ
Странице сајта
Погледаћемо панел Пагес. Хајде да сазнамо које врсте страница постоје и како да их прилагодимо. Као резултат тога, направићете 7-8 секција сајта.
- Странице сајта
- Вежбање: Детаљан изглед одељака 7 и 8
ПРАКСИ
Секундарне функције
Сазнаћете о додатним функцијама које вам помажу док радите на пројекту, као и у проналажењу материјала за обуку. Као резултат тога, направићете 9-10 секција сајта.
- Функције помоћника у режиму дизајнера
- Вежбајте. Детаљан изглед одељака 9 и 10
ПРАКСИ
Симболи и обрасци
Научите како да креирате симболе од елемената или група елемената у Вебфлов-у да бисте управљали блоковима и садржајем који се понављају. Као резултат тога, поставићете навигациони мени, Навбар, поставити сидрене везе и креирати симболе за мени и подножје.
- Преглед панела са симболима
- Преглед готових распореда
- Креирање ликова
- Вежбајте
ПРАКСИ
Адаптиве лаиоут
У овој лекцији ћете научити основе адаптивног изгледа и упознати се са концептом „преломних тачака“. Као резултат тога, направите адаптивну верзију за таблет и мобилну верзију, адаптивну за велике екране и прилагодљиви мени.
- Основе адаптивног распореда
- Преломне тачке
- Провера прилагодљивости
- Адаптација веб странице за екране мобилних телефона
- Адаптација веб странице за велике екране
- Тестирање прилагодљивости
ПРОШИРЕНЕ СПОСОБНОСТИ
Анимација. 1 део
Научићете опште принципе анимације, научити како да анимирате дугмад за везу и друге елементе лебдења и анимирате први екран.
- Општи принципи анимације
- Триггерс
- Подешавање окидача
- Анимирање елемената при лебдењу
- Анцхор линкс
ПРОШИРЕНЕ СПОСОБНОСТИ
Анимација. део 2
Научићете шта је глобална анимација. Као резултат тога, научите како да га креирате.
- Глобална анимација
- Цомпонент Аниматион
- Анимација приликом учитавања и померања странице
ПРОШИРЕНЕ СПОСОБНОСТИ
Убацивање кода треће стране
Разумећете зашто морате да убаците код треће стране. Упознајте компоненту Ембед. Научите како да интегришете код треће стране, на пример, повежете услуге коментара или виџет мапе. У пракси научите како да убаците код картице.
- Ембед Цомпонент
- Убацивање кода у подешавања странице
- Убацивање кода у подешавања пројекта
- Уметање кода у подешавања елемента (прилагођени атрибути)
- Убацивање мапе на сајт
ПРОШИРЕНЕ СПОСОБНОСТИ
Аналитика и СЕО
Сазнајте шта су веб аналитика и СЕО и зашто су потребни. Разумећете како да повежете Аналитику и подесите СЕО странице.
- Повезивање аналитике
- Повезивање Иандек Метрица и Гоогле Аналитицс
- Подешавање СЕО-а у подешавањима странице
ПРОШИРЕНЕ СПОСОБНОСТИ
Завршетак пројекта
Још једном прођите кроз све фазе креирања веб странице. Схватићете како да одобрите и пренесете сајт клијенту. Научите како да повежете веб локацију са доменом на Вебфлов хостингу, отпремите веб локацију и инсталирате је на свој хостинг.
- Контролна листа за проверу сајта
- Одобрење и предаја пројекта наручиоцу
- Повезивање веб локације са доменом на Вебфлов хостингу
- Отпремите сајт и инсталирате га на свој хостинг
ПРОШИРЕНЕ СПОСОБНОСТИ
Бонус
Дипломски рад