Проєктування та верстка веб-сторінка (п.2.3)

Загальне планування - Розробка дизайну - Планування макета веб-сторінок - Верстка веб-сторінок - Програмування сайта - Розміщення сайта в Інтернеті

Загальне планування - Планування макета веб-сторінок - Верстка веб-сторінок - Програмування сайта - Розробка дизайну - Розміщення сайта в Інтернеті

Розробка дизайну - Загальне планування - Планування макета веб-сторінок - Верстка веб-сторінок - Програмування сайта - Розміщення сайта в Інтернеті

Планування макета веб-сторінок - Розробка дизайну - Загальне планування - Верстка веб-сторінок - Програмування сайта - Розміщення сайта в Інтернеті

створення ідеї

розробка структури проєкту

опрацювання макета проєкту

програмування сайту

блок, заголовок, навігація

блок, заголовок, верхній колонтитул, контент, футер, навігація

контейнер, хедер (назва сайта, логотип), навігація, контент, футер

блок, навігація, нижній колонтитул

порожній блок div не відображається на сторінці

якщо висоту не задано, то блок div дорівнює вмісту

якщо ширину div не задано, блок займає кожного разу різну ширину браузера

якщо ширину div не задано, блок займає всю ширину браузера

div не має оформлення

div може містити будь-яке число складених елементів

назву сайта

логотип

навігаційна панель

навігаційні смуги прокручування

календар сайту

поділ веб-сторінки на окремі колонки по вертикалі та вибудовування контенту

поділ веб-сторінки на горизонтальні та вертикальні стрічки

поділ веб-сторінки на рівні квадрати

візуальний розподіл сторінки на однакові за шириною стовпці з однаковими відступами між ними

програмна оболонка, що дозволяє спростити і прискорити розв'язування типових завдань

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

головна сторінка сайту

оформлення лише головної сторінки за замовчуванням, з вибором кольорової гамми

зберігання файлів проєкту в його директорії

порядок розміщення сторінок у навігації

порядок відображення сторінок на веб-сайтах

зберігання фотографій в кореневому каталозі

картинки розміщуються в папці image або img

файли css розміщуються в папці css

javascript розміщуються в папці js

у корені сайту лежать лише файли index.html і веб-сторінки сайта, або тільки index.html, а веб-сторінки в папці pages

картинки розміщуються в кореневому каталозі в папці image

javascript не розміщуються в окремій папці

Створення HTML-структури - Додавання стилів - Створення скриптів - Додавання плагінів і бібліотек

Створення HTML-структури - Додавання стилів - Додавання плагінів і бібліотек - Створення скриптів

Створення HTML-структури - Додавання плагінів і бібліотек - Додавання стилів - Створення скриптів

Створення HTML-структури - Створення скриптів - Додавання стилів - Додавання плагінів і бібліотек