Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 70 из 70 · 18 мин
Многостраничный сайт из трёх страниц с общей навигацией, формами, медиа и полной проверкой качества.
Пора собрать всё в один сайт-портфолио 🎉
Финал: собери всё вместе — главная, работы, запись, контакты. И пройди по чек-листу.
Я проверю со скринридером. Если пройду запись сам — сайт удался.
А я покажу его всем. Без ошибок, надеюсь 🤖
index.html, menu.html, booking.html, папка images/. Пути относительные: menu.html, images/raf.webp.aria-current="page"<nav><a href="index.html">Главная</a> <a href="menu.html" aria-current="page">Меню</a></nav>Ты прошёл путь от «что такое тег» до сайта, который работает для всех. Дальше — CSS.
Главная портфолио начинается с head: язык, кодировка, viewport, title, описание и иконка вкладки.
lang="ru" — пока нетviewport — пока нетДобавь ссылку «Перейти к содержимому», шапку с меню, где главная отмечена aria-current="page", и main с id="main" и заголовком.
main с id="main" и h1 — пока нетНаполни главную: две карточки работ в article, раздел «Как найти студию» с address и кликабельным телефоном, и footer.
Последний штрих — форма записи: имя и телефон с подписями, type="tel", autocomplete и required, кнопка «Записаться». Лев должен пройти её сам.
Выберите один ответ.
Как отметить в меню ссылку на текущую страницу для читалок?
Выберите один ответ.
Сайт открывают прямо с диска без сервера. Какие пути между страницами сработают?
Соберите многостраничное портфолио: главная index.html и ещё две страницы, общее меню, семантическая разметка и метаданные. Проверяется главная страница; остальные страницы загрузите вместе с ней.
Что проверим:
Проверяем состояние обучения…