2.1 Практична робота № 1. Створення каркасу веб-сторінки на основі макету Мета: закріпити знання з основ роботи з HTML та CSS; отримати практичні навички розробки каркасу свеб-сторінки на основі макету наданого в форматі .psd; отримати практичні навички роботи з Visual Studio Code закріпити навички роботи з Adobe Photoshop. В-2 Хід работи 1.(хід роботи в друкованому звіті оформлюється у вигляді посилання на архів на Google диску вашого корпоративного профілю): https://drive.google.com/file/d/1POnADncsaah9FzDb8ClOiuZNmsKHe_T/view?usp=sharing Відповіді на контрольні запитання 1) Веб-розробка – процес створення веб-сайту або веб-додатки. Основними етапами процесу є веб-дизайн, верстка сторінок, програмування для веб на стороні клієнта і сервера, а також конфігурація веб-сервера. На сьогоднішній день існують кілька етапів розробки веб-сайту: Проектування сайту або веб-додатки (збір і аналіз вимог, розробка технічного завдання, проектування інтерфейсів); Розробка креативної концепції сайту; Створення дизайн-концепції сайту; Створення макетів сторінок; Створення мультимедіа і FLASH-елементів; Верстка сторінок і шаблонів; Програмування (розробка функціональних інструментів) або інтеграція в систему управління вмістом (CMS); Оптимізація і розміщення [уточнити] матеріалів сайту; Тестування і внесення коригувань; Відкриття проекту на публічній майданчику; Обслуговування працюючого сайту або його програмної основи. Залежно від поточного завдання, якісь з етапів можуть бути відсутніми, або бути тісно пов’язані один з одним. 2) Верстання веб-сторінки — це процес створення веб-сторінки із попередньо створеного макету дизайну сайту, заздалегідь намальованого за допомогою графічних редакторів. Верстка веб-сторінки — це структура вже створеної сторінки. Етапи створення сайту •Постановка мети •Технічне завдання •Проектування •Верстка •Наповнення •Вебмастерінг •Розміщення •Тестування •Просування •Підтримка Основні підходи до верстки сайту Фіксована верстка. При зміні розміру вікна браузера блоки не поміняють свою ширину, з’явиться смуга прокрутки. Гумова верстка. Залежно від розміру вікна браузера, блоки змінять свою ширину. Адаптивна верстка. Втілюється в життя завдяки різним скриптам. Чуйна верстка. Являє собою злиття адаптивної і гумовою верстки. Версія сайту для мобільних пристроїв. Фактично є створенням іншого сайту з іншим дизайном, версткою і URL адресою Висновок: : Я закріпив знання з основ роботи з HTML та CSS; отримав практичні навички розробки каркасу свеб-сторінки на основі макету наданого в форматі .psd; отримав практичні навички роботи з Visual Studio Code та закріпив навички роботи з Adobe Photoshop.
