Перед вами сайт, оформленный для обычных посетителей. Сделаем так, чтобы его можно было адаптировать для людей с плохим зрением.

1. Добавьте в шапку кнопку “Версия для слабовидящих”


2. Создайте файл script.js и подключите его к страничке


3. сделайте так, чтобы после нажатия на нее все шрифты менялись с 14px на 20px, а цвета текста в шапке и подвале становились более контрастными относительно цветов фона (оттенки выберите сами).
СКИНУ ГОТОВЫЙ САЙТ, ТОЛЬКО НАПИШИТЕ
Ответ
5/5 (1 оценка)
0
gegh17 2 года назад
Светило науки - 1 ответ - 0 раз оказано помощи

Начнем с самого легкого, 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.

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