Основні етапи веб-розробки. Інструменти розробки сайтів

Про матеріал
Доцільно буде використовувати презентацію при вивченні теми "Основні етапи веб-розробки. Інструменти розробки сайтів". У матеріалі описані основні етапи розробки веб-сайтів та підібрано можливе програмне забезпечення для основних етапів прототипування та верстки сайтів.
Зміст слайдів
Номер слайду 1

Основні етапи веб-розробки Інструменти розробки сайтів

Номер слайду 2

Аналіз брифу і написання ТЗБриф – це такий документ, своєрідна анкета, яку заповнює замовник. У брифі клієнт вказує свої побажання щодо дизайну, функціоналу сайту чи програми та інші деталі проекту. На основі брифу менеджери IT-компанії складають ТЗ (технічне завдання) для розробників.  1

Номер слайду 3

Прототипування. Важливий етап, особливо для великих проектів. Прототип – це схема всіх або декількох сторінок сайту у формі ескізу або HTML-документа, в якому відображені взаємодії та структурні елементи майбутнього сайту: меню, кнопки, форми та інше. 2https://wireframe.cc/Moqups https://moqups.com/Marvel

Номер слайду 4

Розробка дизайну. На даному етапі дизайнер промальовує сторінки ресурсу. Сьогодні важливо, аби сайт мав не лише десктопну версію, а й мобільну. Незмінна вимога до дизайну – “дружній” інтуїтивно зрозумілий інтерфейс. Тобто такий, коли користувач легко і швидко знаходить необхідну інформацію на сайті.3 Sketch – $ (Только под Mac)Figma –Безкоштовно or $)Adobe XD – Безкоштовно I $ (Mac и Windows)Adobe Photoshop – $Adobe Dreamweaver

Номер слайду 5

Програмування. Ресурс проходить тестування на відповідність макетів дизайну, швидкість роботи, оптимізацію під мобільні пристрої і відображення в різних браузерах. Фінальна перевірка якості – це оцінка готового продукту з точки зору, як програміста, так і користувача. Тестується виконання функціоналу: чи маємо можливість здійснити покупку, чи проходить оплата, чи надходять листи, тощо. Тестується працездатність проекту загалом.4 Notepad++Sublime. Text 3 Atom

Номер слайду 6

Visual Studio Code Безумовний лідер по популярності серед веб-розробників

Номер слайду 7

Сайт логічно розділений на дві великі частини:частину, призначену для користувачатехнічну частину

Номер слайду 8

Веб-сайти - це основа на якій тримається інтернет, і всі вони побудовані на трьох основних технологіях. HTML - відповідає за наповнення веб-сторінки контентом, структуру і зміст. CSS - використовується для оформлення та позиціонування, зовнішній вигляд. Java. Script - дозволяє додати функціонал, реакцію на дії користувача.

Номер слайду 9

Тестування. Front-end розробники перетворюють макети з дизайном в інтерактивні веб-сторінки за допомогою мови HTML (по-суті, перетворюють малюнок на код). Back-end розробники поєднують/інтегрують зверстані веб-сторінки з базою даних та системою керування сайтом. Їх задача – зробити сайт не просто закодованою картинкою, а перетворити його на повноцінний функціональний робочий інструмент.5

Номер слайду 10

Наповнення сайту. Цим займається контент-менеджер, власник сайту або IT-компанія. Той етап, коли сайт оживає і стає унікальним. Починає “розповідати” заради чого він створений, які товари і послуги можуть бути надані.6

Номер слайду 11

Деплой сайту. На цьому етапі компанія-розробник допомагає клієнту вибрати хостинг (місце в інтернеті) і отримати домен (адреса ресурсу) – два моменти, необхідні для розміщення сайту. Після чого переносять сайт на цей хостинг. Ресурс відкривається для пошукових систем. І проходить етап фінального тестування після переносу.7

Номер слайду 12

Просування ресурсу. SEO-фахівці, SMM-менеджери, таргетологи займаються комплексним просуванням ресурсу: аналізують його роботу, складають стратегію внутрішньої і зовнішньої оптимізації та втілюють її у життя.8

Номер слайду 13

Середня оцінка розробки
Структурованість
5.0
Оригінальність викладу
5.0
Відповідність темі
5.0
Загальна:
5.0
Всього відгуків: 2
Оцінки та відгуки
  1. Хохлова Наталія
    Загальна:
    5.0
    Структурованість
    5.0
    Оригінальність викладу
    5.0
    Відповідність темі
    5.0
  2. Парфенцева Ганна
    Загальна:
    5.0
    Структурованість
    5.0
    Оригінальність викладу
    5.0
    Відповідність темі
    5.0
pptx
Додано
29 вересня 2021
Переглядів
2791
Оцінка розробки
5.0 (2 відгука)
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку