Вы находитесь на странице: 1из 4

 

 
 
Frontend-разработка 
 
 
   
Домашнее задание

Задание 1 (обязательно к выполнению)

Что нужно сделать 


Внесите правки в тексты на веб-странице: 

1. Скачайте файл u
​ ntitled.html​ на свой компьютер и откройте его в браузере 
(кликните по нему дважды мышью или в браузере Google Chrome нажмите 
сочетание клавиш Ctrl + O и выберите файл). 

2. Установите на свой компьютер редактор ​Sublime Text​. 

3. Откройте файл u
​ ntitled.html​ в редакторе S
​ ublime Text​ и измените в нём 
название компании на Skillbox, фразу «сайт находится в разработке» на 
«онлайн-университет», а номер телефона на +7 495 154-09-36. 

4. Сохраните файл (сочетание клавиш Ctrl + S) и обновите страницу в 


браузере. Убедитесь, что изменённые вами тексты отобразились на 
странице верно. 

Задание 2
Рекомендуем выполнить, если предыдущее задание показалось слишком 
простым. 

Что нужно сделать 


Внесите правки в код HTML: добавьте в список контактов на странице адрес 
электронной почты (email) ​hello@skillbox.ru​ и ссылку на канал в YouTube 
https://www.youtube.com/channel/UCHJZFCpwlXV7Sie1dV6pQLw​. 
Задание 3
Рекомендуем выполнить, если предыдущее задание показалось слишком 
простым. 

Что нужно сделать 


Внесите правки в CSS-код: поменяйте цвет заголовка на более мягкий из синего 
или фиолетового спектра. Выберите ​код цвета​ (он отобразится под словом ​HEX​) 
и установите вместо цвета ​red​. Пример: color: #af4521; (вместо color: red;). 

Задание 4
Рекомендуем выполнить, если предыдущее задание показалось слишком 
простым. 

Что нужно сделать 


Внесите правки в JavaScript-код: замените фразу «Сайт откроется через» на «Моё 
обучение начнётся через» и измените установленную в JavaScript-коде дату на 
ту, когда вы хотели бы начать своё обучение. 

Задание 5
Рекомендуем выполнить, если предыдущее задание показалось слишком 
простым. 

Что нужно сделать 


Проверьте код страницы в валидаторе и исправьте недочёты: 

1. Зайдите ​на страницу​ валидатора HTML-кода, скопируйте код на вкладку 


Direct Input​ и запустите валидатор. 

2. Ознакомьтесь с замечаниями валидатора относительно кода. 

3. Внесите изменения в код таким образом, чтобы валидатор не выдавал ни 


одной ошибки. 

   
Советы и рекомендации
Если в процессе выполнения заданий вы запутались, у вас не получилось внести 
очередные изменения, страница перестала отображаться корректно и вы не 
можете понять, в чём проблема, скачайте исходную страницу u
​ ntitled.html 
заново и изменяйте её, а «испорченную» удалите. 
 
Как проверить результат 

Результаты  вы  можете  проверить  самостоятельно.  Главное,  чтобы  вы  сами 


видели, что ваши изменения на странице отображались корректно. 

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


(сочетанием клавиш Ctrl + S в меню редактора ​Sublime​) и обновлять 
страницу в браузере. Это позволит вам убедиться, что внесённые 
изменения отображаются верно.