Ім'я файлу: Введення в Web розробку.pptx
Розширення: pptx
Розмір: 496кб.
Дата: 16.02.2021
скачати

Введення в WEB-розробку

WEB-розробка

— процес створення веб-сайту або веб-додатку. Основними етапами процесу є веб-дизайн, верстка веб-сторінок, програмування для веб на стороні клієнта і сервера, а також конфігурація веб-сервера

Етапи розробки


Складання ТЗ
Аналіз ТЗ, вибір відповідних інструментів
Дизайн основних типових сторінок сайту

(в Photoshop)

HTML – верстка макета
Розробка серверної частини (програмування) і розробка БД (якщо потрібно).
Тестування та усунення багів
Розміщення в інтернет
Наповнення контентом та публикаціями
Внутрішня пошукова оптимізація
Зовнішня SEO-оптимізація
Здача проекту

Основні підрозділи і профессії:


Дизайнер
Front-end
Back-end
Базовік
Щоб стати програмістом, не обов’язково йти в університет. Необхідна інформація є в інтернеті. Онлайн-курси, книги, форуми, тематичні сайти – усе це дозволить вам мати багаж знань, порівнянний з рівнем знань випускників ВНЗ. Вам навіть не треба виходити з будинку. Звичайно, прибічники старої школи скажуть, що у ВНЗ краще пояснять базові концепції і математику, але , в програмуванні зовсім не треба обчислювати інтеграли.

Front-end розробка:


HTML
CSS
Jquery
Занурення у JS
Різні фрейворкі і бібліотеки
Мати представлення о логіке роботи Backend і часткове занурення в нього


Верстальник:

Нарізка PSD-макетів на картинки і зборка їх в HTML
CSS
Jquery

HTML


HTML (від англ. HyperText Markup Language — «мова гіпертекстової розмітки») — стандартизована мова розмітки документів у Всесвітній павутині.


Що таке тег?


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

Види тегів:


Парні
Одинарні

Структура сторінки

Основні тегі

Основні тегі

Атрибути

HTML4 и HTML 5


Атрібути data-* - В HTML5 для будь-якого елемента можна використовувати власні атрибути, що починаються із префікса data-. Це дозволяє зберігати різну інформацію, яка може допомогти в роботі скриптів, а також для оформлення елементів через CSS.

HTML4 и HTML 5


Змінений синтаксис
Вбудовування SVG і MathML в text/html
Нові елементи:
,

Нові компоненти ввода: date/time, email, url, search, number, range, tel, color[48]
Нові атрібути: charset (в Елементы, які будуть виключені: , , , ,
, , , , , , , <strike>, <tt><br /> <br /> </td> </tr> </table> <h2>CSS</h2> <br /> CSS ( Cascading Style Sheets — каскадні таблиці стилей) — формальна мова опису зовнішнього <a href="/uploaded/struktura-dokumenta-avtomatizovane-stvorennya-zmistu-dokumenta/index1.html" title="Структура документа. Автоматизоване створення змісту документа">вигляду документа</a>, написаного з використанням мови розмітки<br /> <br /> <h2>Синтаксіс</h2> <h2>Основні властивості</h2> <h2>Ще властивості</h2> <h2>Середовищя для розробки:</h2> <br /> PHPStorm<br /> WebStorm, <br /> Komodo Edit(Безкоштовний),<br /> Sublime Text(умовно-безкоштовний), <br /> Atom (безкоштовний)<br /> <h2>Ось перелік <a href="/uploaded/movi-programuvannya/index1.html" title="Мови програмування">сучасних популярних мов програмування</a>, з допомогою яких найчастіше пишуть серверну сторону веб-сайту:</h2> <u>Python</u>,<br /> <u>Php</u>,<br /> <u>Java</u>,<br /> <u>C#</u>,<br /> <u>Ruby</u>,<br /> <u>Javascript</u>.<br /> <br /> </tt></strike>

скачати

© Усі права захищені
написати до нас