Проектування та верстка веб - сторінок

будь-яка інформація, розміщена в комп'ютерній мережі для вільного доступу до неї

 текстова та графічна інформація, до якої можуть отримувати спільний доступ користувачі комп'ютерної мережі

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

спілкування за допомогою електронної пошти

Проста навігація

Наявність меню

Структура максимально зрозуміла

Вкладеність сторінок каталогу заплутана і логічна

Мова розмітки гіпертексту HTML

Засоби редагування та конвертування для створення та інтерпретації Web-документів

Технології та мови програмування для розробки інтерактивних сторінок і мобільних додатків

Вкладеність сторінок каталогу

Текстові редактори

Фото редактори

 Браузери

HTML-редактори

Це активний текст, або кнопка чи зображення при натисканні на яке нічого не відбувається

Це активний текст, або кнопка чи зображення при натисканні на яке закриваеться сайт

Це активний текст, або кнопка чи зображення при натисканні на яке відбувається перенаправлення на іншу сторінку або ресурс

Це активний текст, або кнопка чи зображення при натисканні на яке відбувається загрузка веб-сторінки на комп'ютер

Ілон Маск

Тім Бернерс-Лі 

Сатья Наделла

Білл Гейтс

Сайт-візитка, інтернет-магазин, інформаційний портал

Сайт-візитка, інтернет-магазин, внутрішня веб-база данних підприємства

розмітка

  контейнер

  гіпертекст

  дескриптори

 фіксована верстка

 гумова верстка

 адаптивна верстка

чуйна верстка

гумова верстка

  фіксована верстка

  адаптивна верстка

  чуйна верстка

гумова верстка

 фіксована верстка

  адаптивна верстка

 чуйна верстка

гумова верстка

  чуйна верстка

  адаптивна верстка

 фіксована верстка

верстка сайту на основі мови гіпертекстової розмітки .

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

  верстка сайту на основі елементів <div>.

Постановка мети

  Друкування

 Розміщення

  Вебмастерінг

  Наповнення

  Верстка 

   Проектування

  Технічне завдання

стиль

 атрибут

 тег

 background

 text-align

  font-family

  color

background

  text-align

  color

  text-decoration

 створення заголовків

  створення тіла документу

 створення абзацу

 html

  head

  body

  title

 підхід довластивісті сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах.

 підхід до розробки html-кода (верстка), який забезпечує змінне відображення у всіх браузерах.

  підхід що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса. 

  підхід до розробки html-кода (верстка), який забезпечує коректне відображення у всіх браузерах

мітки, які ви використовуєте для вказівки браузеру, як він повинен показувати ваш web-сайт

  назви стилів CSS