Перед вами сайт, оформленный для обычных посетителей. Сделаем так, чтобы его можно было адаптировать для людей с плохим зрением. 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.

Надеюсь помог, удачи в обучении;)