Види сайтів. В даний час всі сайти прийнято розділяти на наступні види:

http://comscienceatschool.blogspot.com/p/blog-page_12.html

Проектуванням займається дизайнер, менеджер проекту. 

Можна виділити три основні частини:

•структура,

•способи зберігання даних і доступу до них,

•шлюзи з іншими програмами.

Верстка веб-сайту - це процес створення веб-сторінки із попередньо створеного макету дизайну сайту, заздалегідь намальованого за допомогою графічних редакторів.
Два види верстки:

•табличний

•блоковий

Верстка веб-сайту.

Таблична верстка сайту - це верстка, при якій структура сторінки сайту представлена у вигляді таблиці. Кожний елемент сторінки - це одна або кілька комірок таблиці. 

Блокова верстка сайту, або як її ще називають верстка div'ами, - це верстка сайту на основі елементів <div>.

Адаптивна верстка – це верстка, при якій сайт однаково добре відображається на всіх можливих пристроях: комп’ютерах, планшетах, телефонах.
Детальніше

Кросбраузерність – це технологія розробки сайту, при якій весь сайт правильно відображається в різних браузерах.
Детальніше

Проєктування та верстка вебсторінок див. відео

•JPEG

•PNG

•SVG

Анімаційні ефекти
Презентація
•Анімація є одним із трендів у дизайні веб-інтерфейсів, невід’ємна частина будь-якого сайта.
Анімаційні ефекти можна застосовувати до окремих об'єктів: кнопок, списків, меню, а також до зображень.

•Анімовані об’єкти. Це окремі зображення і об’єкти, які показуються користувачеві. Наприклад, курсор, що рухається, плаваюча кнопка «вгору», кнопки заклику до дії, зміна кольору тощо.
 

•Анімовані зображення. Це можуть бути рекламні банери на сайті, що ведуть на внутрішні сторінки, блог чи перенаправляти відвідувача на інший сайт. Другий приклад анімованих зображень – слайд-шоу з фотографій.

 Сучасні можливості анімації дозволяють зробити найрізноманітніші слайдери: на повний екран, з 3D-ефектами, адаптивні (які проглядаються з будь-яких мобільних пристроїв) та інші.
 

Анімаційні ефекти можна створювати або виключно засобами каскадних таблиць стилів, або ж за допомогою JavaScript. 

CSS-анімація робить можливим анімацію переходів
 (transitions) з однієї конфігурації CSS-стилю до іншої. 

Мультимедіа на веб-сторінках
Презентація

Мультимедіа - це комп’ютеризована технологія, що об’єднує роботу зі всіма джерелами даних, засіб подання різних видів інформації у цифровому вигляді. Це можуть бути: текст, відео, графічні елементи, звукові, анімаційні.

Веб-програмування здійснюється за допомогою спеціальних програмних засобів — скриптів. Ці програмні засоби підрозділяються на два основні види: серверні і клієнтські.

Найпопулярніші мови веб-програмування: JavaScript,  C# (си – шарп),   

PHP  гіпертекстовий препроцесор), Python.

Хо́стинг сайта(англ. hosting, від слова host — приймати гостей) — послуга надавання дискового простору, підключення до мережі та інших ресурсів для розміщення фізичної інформації на сервері, що постійно перебуває в мережі (наприклад інтернеті).

Сервер баз даних виконує обслуговування та управління базою даних та відповідає за цілісність та збереження даних, а також забезпечує операції введення-виведення при доступі клієнта до інформації.

В основі клієнт-серверної архітектури лежать два компоненти: клієнт і сервер.

Клієнт – комп'ютер на стороні користувача, який відправляє запит до сервера для надання інформації або виконання певних дій.

Сервер – більш потужний комп'ютер або обладнання, призначене для вирішення певних завдань з виконання програмних кодів, виконання сервісних функцій за запитом клієнтів, надання користувачам доступу до певних ресурсів, зберігання інформації і баз даних.
Валідація сайта і збереження даних форм
Під валідацією сайту розуміється відповідність програмного коду ресурсу всім встановленим і загальноприйнятим нормам розробки, верстки і веб-дизайну.
Додатково: курс "Вебпрограмування з Python та JavaScript CS50".

Ергономічний сайт — це сайт, що забезпечує необхідні зручності відвідувачеві, зменшує фізичну та психологічну втому, зберігає здоров’я та працездатність.  

Правила зручного розташування відомостей на веб-сайті:

простота — на сторінці має бути якомога менше елементів (дизайну). Завдяки цьому увагу фокусують на контенті. Легше привернути увагу до чогось важливого, коли її не відволікають елементами дизайну;

фіксований дизайн — зараз зазвичай вже не зустрічаються сайти з «гумової версткою»;

менше колонок — якщо раніше зустрічалися сайти в чотири колонки, а то і більше, то сьогодні три — вже максимум. А частіше — дві.

назва сайту вгорі сторінки — це явище не нове. Але зараз блок у верхній частині сторінки, відділений від решти контенту, — загальновизнаний стандарт.

проста навігація — меню навігації має бути великим і помітним, легким в розумінні, гіперпосилання повинні чітко відрізнятися від решти контенту.

збільшений кегль — роздільна здатність і розміри моніторів зростають, тому можна не напружувати очі;

чіткий логотип — щоб сайт запам’ятали, у нього має бути яскравий і виразний логотип;

ніжний градієнт — плавний перехід з одного кольору в інший. Цей досить простий, малопомітний елемент, справляє гарне враження навіть при нудному за своєю суттю дизайну;

шрифти без зарубок — текст, набраний таким шрифтом, набагато легше читати;

нижній колонтитул — його ще називають «підвалом». Це невеликий блок внизу сторінки, в якому повторено навігаційне меню, розташовано копірайт ©, посилання на дизайнера сайту, контакти власника ресурсу. Якщо раніше це не вважали обов’язковим, то тепер відсутність «підвалу» вважають ознакою поганого тону;

великі кнопки — якщо на сторінці присутні кнопки «проглянути», «придбати» тощо, то їх роблять такими, щоб користувач їх помітив і не схибив при натисканні — великого розміру і яскравими.

Пошукова оптимізація сайту або ж SEO (англ. search engine optimization) — процес коригування HTML-коду, текстового наповнення (контенту), структури сайту, контроль зовнішніх чинників для відповідності вимогам алгоритму пошукових систем, з метою підняття позиції сайту в результатах пошуку в цих системах за певними запитами користувачів. Чим вище позиція сайту в результатах пошуку, тим більша ймовірність, що відвідувач перейде на нього з пошукових систем, оскільки люди зазвичай йдуть за першими посиланнями.