МОДУЛЬ. ВЕБ-ТЕХНОЛОГІЇ

Пасічник О. Г., Пасічник О. В., Стеценко І. В. Основи веб-дизайну [Навч. посіб.]. — 336 с

 

 

 

 

https://fo.ru/blog/category/templates/ 

Системи автоматизоваго створення сайтів

Створіть веб-сайт для презентації компанії. Теми сайтів

 

Завдання практичної роботи

  1. Головна сторінка (назва «Наша група»)
  2. Зміст сторінки:
    1. Загальне фото класу
    2. Девіз класу
  3. Це – ми (сторінка з фото учнів)

Зміст сторінки:

    1. Кожень учень додає своє фото  з підписом та свою мрію
  1. Навчання

Зміст сторінки:

    1. Розклад уроків

Підсторінка «Корисні посилання»

Зміст підсторінки :

    1.  2 навчальні відео
  1. Новини класу

Зміст сторінки:

    1. Привітання зі святом ( текстове поле + зображення)

Підсторінка «Календар важливих подій»

    1. Вбудувати календар
  1. Наші захоплення 

Зміст сторінки:

    1. Кожен учень додає відео або зображення зі своїм захопленням (підписуючи його)

 

____В кінці натискаємо ОПУБЛІКУВАТИ_____________________________________

Додавання текстового поля.: Вставити –Текстове поле

Додавання зображення : Вставити – Додати(зображення яке знаходить на компютері) або Вставити – Виберіть (пошук зображення в інтернеті)

Додати відео: Вставити – (опускаємо полосу прокручування до низу) – Ютую / за таким принципом вставляється календар, таблиця, презентація вибираючи відповідний пункт /

Створити нову сторінку: Сторінки – «+» (в правому нижньому кутку сторінки) – вводимо назву сторінки

Створити під сторінку: Сторінки - обираємо сторінку до якої потрібно додати підсторінку – натискаємо на три вертикальні крапки – обираємо створити під сторінку – вводимо назву під сторінки.

 

 

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

 

  1. Постановка завдання
    1. Мета сайту
    2. Тематика сайту
    3. Тип сайту
    4. Відмінності від інших сайтів з такою тематикою (навести приклади подібних сайтів)
    5. Аудиторія відвідувачів
    6. Перелік сервісів на сайті
    7. Перспективи розвитку сайту
  2. Визначення структури сайту
    1. Мапа сайту
    2. Зовнішній вигляд сторінок
  3. Розробка дизайн-макета сторінок (приклад)

Створення сайту засобами системи керування вмістом веб-сайтів