04. Абсолютные и относительные ссылки. Как стать Илоном Маском
Друзья! В этом видео мы изучим архиважную концепцию для верстальщиков сайтов. Подробно разберем на пальцах, что такое абсолютные и относительные ссылки. А еще вы узнаете, как стать Илоном Маском! :) Полезные ссылки: Актуальные условия обучения: https://itka-school.github.io/AdvertisingFundamentalsWebsiteBuilding/ Вы можете поддержать IT-School на Patreon и Boosty. Узнать какие преимущества дает просмотр наших уроков на Patreon или Boosty можно здесь: Patreon → https://patreon.com/user?u=83051527 Boosty → https://boosty.to/it-school Пример из учебника: https://replit.com/@ITSchool4/AbsoluteRelativeReferences Почитать еще о ссылках: https://puzzleweb.ru/html/8_links2.php Узнать больше о теге а: https://doka.guide/html/a/ Домашнее задание. Cайт из двух страниц Создайте в вашем аккаунте Replit проект под названием VebDevelop. Скопируйте в файл index.html html-код из примера "Перенос строки" предыдущей главы. Возьмите ту часть кода, где расставлены переносы строки. Будьте внимательны, вставляйте его в нужном месте (см. Задачу 1). Добавьте в файл index.html гиперссылку "Вторая страница", которая будет включать файл page2.html. Создайте в корне сайта файл page2.html, соблюдите базовую структуру HTML-документа, и скопируйте в него код из примера "Использование гиперссылок для создания якорей" текущей главы. Добавьте в файл page2.html гиперссылку "Первая страница", при клике на которую должен загружаться файл index.html. Добавьте в файл page2.html под основным текстом гиперссылку "В начало статьи", которая перемотает текст к в самый верх. Выполните СУПЕРЗАДАНИЕ: Добавить в файл index.html гиперссылку "Читать о CSS3", клик по которой будет загружать файл page2.html, перемотав его до абзаца о CSS3. Проверьте код обеих страниц на валидность. Код для страниц можно взять здесь: https://drive.google.com/file/d/1cs8SD2ZQOncJmPLLRZi42TVUx0JreU_h/view?usp=sharing Содержание ролика: 0:00 Важное на прошлом занятии 0:36 Что такое абсолютные и относительные ссылки 1:26 Что такое корень сайта 1:37 Абсолютные ссылки на практике 11:12 Относительные ссылки на практике 37:36 Правило использования ссылок 40:07 Самостоятельная работа 45:24 Как стать Илоном Маском
Друзья! В этом видео мы изучим архиважную концепцию для верстальщиков сайтов. Подробно разберем на пальцах, что такое абсолютные и относительные ссылки. А еще вы узнаете, как стать Илоном Маском! :) Полезные ссылки: Актуальные условия обучения: https://itka-school.github.io/AdvertisingFundamentalsWebsiteBuilding/ Вы можете поддержать IT-School на Patreon и Boosty. Узнать какие преимущества дает просмотр наших уроков на Patreon или Boosty можно здесь: Patreon → https://patreon.com/user?u=83051527 Boosty → https://boosty.to/it-school Пример из учебника: https://replit.com/@ITSchool4/AbsoluteRelativeReferences Почитать еще о ссылках: https://puzzleweb.ru/html/8_links2.php Узнать больше о теге а: https://doka.guide/html/a/ Домашнее задание. Cайт из двух страниц Создайте в вашем аккаунте Replit проект под названием VebDevelop. Скопируйте в файл index.html html-код из примера "Перенос строки" предыдущей главы. Возьмите ту часть кода, где расставлены переносы строки. Будьте внимательны, вставляйте его в нужном месте (см. Задачу 1). Добавьте в файл index.html гиперссылку "Вторая страница", которая будет включать файл page2.html. Создайте в корне сайта файл page2.html, соблюдите базовую структуру HTML-документа, и скопируйте в него код из примера "Использование гиперссылок для создания якорей" текущей главы. Добавьте в файл page2.html гиперссылку "Первая страница", при клике на которую должен загружаться файл index.html. Добавьте в файл page2.html под основным текстом гиперссылку "В начало статьи", которая перемотает текст к в самый верх. Выполните СУПЕРЗАДАНИЕ: Добавить в файл index.html гиперссылку "Читать о CSS3", клик по которой будет загружать файл page2.html, перемотав его до абзаца о CSS3. Проверьте код обеих страниц на валидность. Код для страниц можно взять здесь: https://drive.google.com/file/d/1cs8SD2ZQOncJmPLLRZi42TVUx0JreU_h/view?usp=sharing Содержание ролика: 0:00 Важное на прошлом занятии 0:36 Что такое абсолютные и относительные ссылки 1:26 Что такое корень сайта 1:37 Абсолютные ссылки на практике 11:12 Относительные ссылки на практике 37:36 Правило использования ссылок 40:07 Самостоятельная работа 45:24 Как стать Илоном Маском