Заняття 8. Продовження знайомства з Bootstrap. Використання готових шаблонів. Проблема створення багатосторінкових сайтів на «чистому» HTML. Поняття CMS

Що залишилось незрозумілим з минулого практичного заняття?

Використання готового шаблону Bootstrap як шлях до побудови професійного сайту.

Структура сайту Bootstrap та як його залити на хостинг.

Типи сучасних сайтів:

• Візитівка;
• Блог;
• Каталог;
• Портал;
• Інтернет-магазин.

Недоліки сайтів на «чистому» HTML

• Складність у наповнені;
• Проблеми модернізації;
• Складнощі з керуванням доступом.

Сучасний підхід до побудови сайтів на системах керування контентом CMS

Огляд CMS ВордПресс як найбільш поширеної, документованої та безкоштовної

Практика

Встановлення WordPress на хостинг

Оглядове знайомство з елементами панелі керування

Поняття публікації, сторінки, категорії

ДОМАШНЄ ЗАВДАННЯ (ТЕОРІЯ)

• Курс з веб–розробки на W3Schools, тема “CSS Media Queries” (англ)
• Курс з веб–розробки на W3Schools, тема “CSS Media Queries – Examples” (англ)
• Курс з веб–розробки на W3Schools, тема “Responsive Web Design – Introduction” (англ)
• Курс з веб–розробки на W3Schools, тема “Responsive Web Design – Media Queries” (англ)
• Курс з веб–розробки на W3Schools, тема “Responsive Web Design – Images” (англ)
• Курс з веб–розробки на W3Schools, тема “Responsive Web Design – Videos” (англ)
• Курс з веб–розробки на W3Schools, тема “Responsive Web Design – Frameworks” (англ)
• Курс з веб–розробки на W3Schools, тема “Responsive Web Design – Templates” (англ)
• Курс з веб–розробки на W3Schools, тема “Bootstrap 3 Tutorial” (англ)
• Курс з веб–розробки на W3Schools, тема “Bootstrap Get Started” (англ)
• Mozilla Developer Network (MDN) «Using media queries» (англ)
• Mozilla Developer Network (MDN) «The building blocks of responsive design» (англ)
• Mozilla Developer Network (MDN) «Responsive images» (англ)
• Офіційний веб–сайт відкритого фреймворку Bootstrap, розділ “Getting started” (англ)
• Україномовна адаптація матеріалів офіційного веб–сайту відкритого фреймворку Bootstrap, розділ “Ознайомлення” (укр)
• Україномовна адаптація матеріалів офіційного веб–сайту відкритого фреймворку Bootstrap, розділ “Огляд” (укр)
• Навчальна платформа FructCode, курс Bootstrap, Урок 1 (рос)
• Навчальна платформа FructCode, курс Bootstrap, Урок 2 (рос)

ДОДАТКОВІ КОРИСНІ МАТЕРІАЛИ

• Стаття про Bootstrap на Вікіпедії (укр)
• Україномовна адаптація матеріалів офіційного веб–сайту відкритого фреймворку Bootstrap, розділ “Компоненти” (укр)
• Стаття про jQuery на Вікіпедії (укр)
• Офіційний веб–сайт фреймворку jQuery, розділ “Download” (англ)

• Також можна починати опрацьовувати матеріали корисних безкоштовних курсів: o Серія уроків по Bootstrap від програміста Назара Токаря (укр/рос)