ІНФОРМАТИКА і не тільки... 

***

  • КРИТЕРІЇ ОЦІНЮВАННЯ
  • Інструктаж БЖД
  • Комп’ютер і здоров’я
  • Статистика


    Онлайн всього: 3
    Гостей: 3
    Користувачів: 0

    Навчання та творчість

    Головна » Файли » ІНФОРМАТИКА » HTML

    Модуль “Веб-технології”
    13.04.2020, 08:13

    https://chashuk23.wordpress.com/…/%D0%BC%D0%BE%D0%B4%D1%83…/

    CHASHUK23.WORDPRESS.COM

    Модуль “Веб-технології”

    Веб-технології Напрямки та інструменти веб-дизайну Поняття веб-дизайну. Основні тренди веб-дизайну Типи сайтів та їх особливості.…











    Веб-технології


    Напрямки та інструменти веб-дизайну

    Поняття веб-дизайну. Основні тренди веб-дизайну

    Типи сайтів та їх особливості. Цільова аудиторія.

    Інформаційна структура сайту.

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

    План розробки сайту. Макет інформаційної структури сайту.

    Практична робота «Проектування структури сайту».


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

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

    Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання.

    Таблиці та списки на веб-сторінках.

    Практична робота “Створення веб-сторінки за допомогою «Мови гіпертекстової розмітки

    Каскадні таблиці стилів. Стильове оформлення сторінок.

    Позиціювання елементів веб-сторінки за допомогою стилів.

    Практична робота «Створення веб-сторінки з використанням каскадних аркушів стилю»

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

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

    Кросбраузерна оптимізація сторінок сайту.


    Графіка та мультимедіа для веб-середовища

    Використання зображень у веб-документах.

    Створення GIF-анімації.

    Карти посилань.

    Розміщення та відтворення на веб-сторінках мультимедійних даних. Формати аудіо- та відеофайлів.

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

    Практична робота «Використання графічних, анімаційних та мультимедійних елементів на веб-сторінках».


    Веб-програмування

    Поняття об’єктної моделі документа. Веб-програмування та інтерактивні сторінки.

    Використання форм. Основні елементи форми.

    Валідація те збереження даних форм.

    Практична робота «Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування»

    Хостинг сайту. Взаємодія клієнт-сервер.

    Практична робота «Розміщення сайту на сервері»


    Основи дизайну та просування веб-сайту

    Правила ергономічного розміщення відомостей на веб-сторінці.

    Пошукова оптимізація та стратегії просування веб-сайтів.

    Практична робота «Оцінка сайту. Просування сайту»

    Проектна діяльність. Вибір теми проекту. Розробка плану проекту.

    Робота над проектом.

    Захист проекту.

    Категорія: HTML | Додав: SvetlanaCh
    Переглядів: 625 | Завантажень: 0 | Рейтинг: 0.0/0
    Всього коментарів: 0
    avatar

    Категорії розділу

    Історія комп’ютера [180]
    Комп’ютер і здоров’я [48]
    Апаратне та програмне забезпечення [58]
    Клавіатура [28]
    Перші кроки [10]
    ОС [29]
    Android [3]
    Служби Інтернету [37]
    Інтернет та Безпека [172]
    Основи інформаційної безпеки [9]
    OpenOffice [0]
    Office 365 [1]
    Microsoft Office [8]
    Текстовий процесор [29]
    Комп’ютерні презентації [44]
    Скрайбінг [8]
    Movie Maker [7]
    Табличний процесор [65]
    СУБД [15]
    Документообіг [3]
    Основи веб розробки [1]
    Основи інформаційної безпеки [3]
    ХМАРНІ ТЕХНОЛОГІЇ [51]
    Цифрова та медіаграмотність [10]
    Google для навчання [88]
    Google Drive [21]
    Google Презентації [11]
    Google таблиці [12]
    Формы Google [7]
    Google фото [4]
    Пошта Gmail [28]
    Google Plus [5]
    Google sites / Сайти WordPress /... [27]
    Google малюнки [35]
    Google Classroom [12]
    Google Keep [3]
    Blogger від Google [3]
    Google Maps [1]
    YouTube відеохостінг [36]
    Інформаційні технології у навчанні [3]
    ThingLink [4]
    Астрономія - Готові плакати [1]
    Інформатика - Готові плакати [5]
    Онлайн-сервіси [2]
    SlideShare [1]
    SvitPPT [2]
    MyShared [2]
    Астрономія - Готові презентації [0]
    Ментальні карти в навчальному процесі [16]
    Ментальні карти [14]
    MindМeister [6]
    XMind [3]
    Стрічка часу [16]
    Архівація даних [2]
    Комп’ютерна графіка [50]
    Графічні редактори [57]
    Macromedia Flash [2]
    VideoScribe [3]
    Photoshop [34]
    GeoGebra [1]
    Алгоритмізація та програмування [57]
    Scratch [211]
    Робототехніка [2]
    Lazarus [16]
    Python [95]
    Delphi [6]
    HTML [28]
    Створення сайтів [8]
    Створення сайтів на uCoz [10]
    Довідники [1]
    Facebook [10]
    Відеоредактори [5]
    SketchUp - моделювання [1]
    Веб-технології [1]
    Інтернет речей [1]
    Комп'ютерне моделювання [7]
    Inkscape [1]
    Сторителлинг [1]
    Хмара слів [4]
    Інфографіка [8]
    Canva [16]
    Документообіг [0]
    learningapps.org [1]
    Робототехніка [0]
    ШІ [88]
    Replit [4]
    Бобер [3]

    Вхід на сайт

    Пошук

    СПІВПРАЦЯ

  • МОН України
  • Міська Рада м.Миргород
  • ПОІППО
  • Міськво м.Миргород
  • Телестудія МИРГОРОД
  • Шкільний канал YouTube
  • E-mail та сайти вчителів
  • ЗОШ №7