Перед вами сайт, оформленный для обычных посетителей. Сделаем так, чтобы его можно было адаптировать для людей с плохим зрением.
1. Добавьте в шапку кнопку “Версия для слабовидящих”
2. Создайте файл script.js и подключите его к страничке
3. сделайте так, чтобы после нажатия на нее все шрифты менялись с 14px на 20px, а цвета текста в шапке и подвале становились более контрастными относительно цветов фона (оттенки выберите сами).
СКИНУ ГОТОВЫЙ САЙТ, ТОЛЬКО НАПИШИТЕ
Ответы
Начнем с самого легкого, 2 пункта. Создаем js файл.
на рабочем столе нажимаем правую кнопку мыши -> создать текстовый документ. Затем заходим в него -> файл -> сохранить как. Пишем наше название и в конце добавляем .js.
1. Добавить кнопку можно по разному, но выберем путем ссылки.
html
<div class="ButtonBack">
<a class="Button" href="указываем ссылку на главную страницу">Версия для слабовидящих</a>
</div>
первым мы создаем задний фон кнопки, вид и ее форму. Вторым мы управляем ссылкой на страницу. Далее мы сделаем ссылку целым элиментом.
css
.ButtonBack{
}
.Button{
}
.ButtonBack:hover{
}
.ButtonBack:active{
}
И так, в первом мы настраиваем ширину , высоту и т.п. Во втором мы описываем шрифт ссылки, что бы у нас получилась полноценая кнопка добавим display:inline-block; это сделает целый div одной ссылкой на страницу. Так же в двух последних стилях описываем hover - стиль кнопки при наведении и active при нажатии.
Что касаемо 3 пункта, просто на новой странице задайте необходимый размер шрифтa.
Надеюсь помог, удачи в обучении;)