Безплатно! Онлайн събитие: От претоварване с информация до фокус и структура с Gemini & NotebookLM Регистрация тук.

Задача: Меню

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

HTML5 и CSS3 В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.

Най-важното: функционално меню с ясна навигация

Целта е да създадеш горно меню, което позволява бързо придвижване между различните секции на CV страницата. Менюто трябва да дава ясна визуална обратна връзка – при посочване с мишката да се появява синя линия, която показва върху кой елемент сме фокусирани. При клик потребителят трябва да бъде пренасочен към съответната секция в страницата. Добрата навигация прави сайта по-удобен и професионален.

Стъпка по стъпка: изгради своето меню

Създай структура на менюто в най-горната част на страницата чрез списък с линкове.
Свържи всеки линк със съответна секция чрез вътрешни връзки (anchor links).
Добави стилове, които позиционират менюто най-отгоре.
Създай hover ефект, който показва синя линия под активния елемент.
Увери се, че при клик линкът води точно до избраната секция.

Използвани HTML и CSS елементи

a – създава хипервръзка към вътрешна секция чрез href="#id".
id – задава уникален идентификатор на секция за навигация.
:hover – CSS псевдоклас за стил при посочване с мишката.
border-bottom – добавя долна линия за визуален ефект.
position – контролира разположението на менюто в горната част.

Задача

Създай меню с поне 4 елемента (например: За мен, Умения, Опит, Контакти), добави синя линия при hover и направи така, че всеки елемент да води към съответната секция в страницата.