
Верстка уроків Engplace
Виконав верстку уроків для сайту Engplace.
Engplace – це курси англійської мови. Заняття проходять з викладачем по skype. Під час уроку студенту доступні дидактичні матеріали. Урок складається з чотирьох частин присвячених аудіюванню, читанню, поліпшенню розмовних навичок та письму. У моє завдання входила верстка і оформлення цих матеріалів. Матеріали для роботи мені надавав викладач, тобто розробкою уроків я не займався.
Сайт проекту: http://engplace.com/
Матеріали надходили у вигляді неотформатованних документів MS Office з посиланнями на зовнішні аудіо і відео файли. Я займався версткою уроків, а саме:
- розбивкою вхідних текстів на логічні блоки з заголовками;
- підбором ілюстрацій;
- скачуванням зовнішніх файлів і додаванням їх в проект;
- створенням готового структурованого документа на мові html.
Проект верстки виконаний на Gulp.js з препроцесором PUG (Jade). Проект майже не потребував стильового оформлення, тому що в подальшому зверстаний мною код вставлявся в сторінки на фреймворке Bootstrap AminLTE. Від мене була потрібна тільки верстка внутрішньої частини сторінок.