Модель даних веб-сторінки
Нашою першою роботою стане невелика веб-сторінка, ваша візитівка.
Та почнемо з моделі даних - набору інформації, що повинна бути присутня на сторінці.
Модель даних дозволить краще зрозуміти структуру та форматування веб-сторінок.
Створіть текстовий файл index.txt і запишіть у нього текст майбутньої сторінки:
Бобир Олександр Анатолійович
=============
[зображення boba.jpg, Бобир О.А.]
Дата народження: 5.10.1982
Захоплення: коти, *програмування*, мандри
Улюблені ігри:
--------
- Fallout;
- Minecraft;
- Might & Magic.
[зображення cat.jpg, картинка з котом]
{посилання на профіль у фейсбук}
Синтаксис моделі даних:
Заголовки виділяються підкресленням символами мінус чи дорівнює:
Заголовок
===========
Підзаголовок
-----------
Жирний, важливий текст виділяється зірочками:
*термін*, *важливий текст*.
Списки - структури переліку елементів. Кожен елемент списка починається з нової строки з символа мінус чи цифри:
1. Іванов;
2. Петров;
3. Сідоров.
- оладки;
- варення;
- ряжанка;
- печиво.
Майбутні зображення виділяються квадратними дужками, в них заносять опис зображення, можна вказати ім'я файлу:
[Логотип компанії]
[IMG_3216.JPG, Колекція кактусів]
Майбутні посилання виділяються фігурними дужками, в них заносять опис посилання, можна вказати URI:
{Контакти}
{https://facebook.com/circlewebgroup, Паблік Circle}
Навігаційне меню - це список посилань:
- {Головна}
- {Про нас}
- {Каталог товарів}
- {Галерея}
- {Контакти}
На GitHub для форматування файлів README.md використовується мова Markdown.
Домашнє завдання
- Створіть модель даних сторінки свого резюме.
-
Уявіть себе підприємцем, маєте якусь справу і вирішили запустити тематичний веб-сайт.
Створіть моделі даних трьох веб-сторінок:
- головна;
- сторінка з інформацією про компанію та контактні дані;
- сторінка опису одного з товарів чи послуги. -
Створіть модель даних декількох сторінок соцмережі, цільова аудиторія якої - домашні тварини:
- рекламно-інформаційна сторінка (головна);
- профіль користувача соцмережею (вашого улюбленця);
- стрічка новин (постів) з лайками, коментарями.