Поняття про логічне і функціональне програмування - Програмна інженерія

Кафедра інноваційних та
інформаційних технологій
в освіті
Вінницький державний
педагогічний університет
імені Михайла Коцюбинського

Програмна інженерія

Перейти к контенту

Главное меню:

Поняття про логічне і функціональне програмування

Лабораторні роботи
Мета: Гавчитися розробляти структуру проекту, планувати його окремі елементи та зв'язки між ними
Матеріально-технічне забезпечення та обладнання: персональний комп'ютер, програмне забезпечення, інструкційні картки, роздатковий матеріал
Література:
1. Гончаров А. HTML в примерах. – СПб.: Питер, 2007. – 192 с.
2. Жадаев А.Г. Самоучитель HTML. – К.: Юниор, 2009. – 296 с.
Теоретичні відомості
Ідея та розробка структури сайту
Ідея
  Перш, ніж приступити до роботи над сайтом, ви повинні чітко уявляти, що ви у результаті хочете отримати, подумати про перспективи розвитку сайту (тут я не враховую домашні сторінки, які ви робите особисто для себе, мова йде про перспективи, якщо ви вирішили створити якийсь серйозний чи комерційний проект).
    Отже, ви повинні вирішити:
  1. Навіщо вам створювати сайт (чи потрібно вам це взагалі)
  2. Про що буде ваш сайт (тематика)
  3. Що це буде (домашня сторінка, портал, або щось ще)
  4. Відмінність від сайтів з такою ж тематикою (якщо це не домашня сторінка)
  5. Яка буде аудиторія вашого сайту (стать, вік, інтереси і т.д.)
  6. Якого роду сервіси ви будете надавати на своєму сайті (форум, каталог, пошта і т.д.)
  7. Плани на найближче майбутнє
  8. Плани подальшого розвитку (перспективи)
  9. ... і багато інших подібних питань треба обов'язково вирішити, перш ніж братися за реалізацію. Продумування: що, як навіщо і чому - найважливіший етап у створенні сайту. Головне хороша ідея, а решта додасться.
      Тільки після того, як у вашій голові, а краще і на папері, оформиться чіткий образ того, яким повинен бути ваш сайт, можна приступати до інших етапів. Деякі етапи розробки сайту можуть проводитися паралельно один одному (особливо, якщо ви працюєте над створенням свого сайту не поодинці, а командою в скільки-то чоловік).
    Розробка структури
      Щоб виграти битву потрібен план битви.
      Щоб не заблукати в лабіринті та знайти вихід, потрібен план лабіринту.
      Під час пошуку скарбів без плану місцевості не обійтися.
      Щоб створити сайт також потрібен план. Чітко розписаний, що, де буде розташовуватися. План цей ви малюєте для себе на папері, і називається це - розробка структури сайту.

      Структуру сайту можна умовно розділити на зовнішню і внутрішню.

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

      Розглянемо розробку внутрішньої структури на прикладі домашньої сторінки.
      Яку інформацію ми можемо на ній розмістити?
      Розповідь про себе (на головній сторінці), свої фотографії, контактну інформацію - це по мінімуму.

      Отже, внутрішня структура нашої домашньої сторінки промальовується така:
    |-Головна сторінка(розповідь про себе)
    				|
    				|-фотографії
    				|
    				|- Контактна інформація(e-mail)
    				
    				
      На цьому можна зупинитися, а можна створити більш складну внутрішню структуру.
      Припустимо, у вас багато фотографій, тому має сенс розбити розділ Фотографії на кілька підрозділів. Також ви хочете отримувати відгуки від відвідувачів, тому ви припускаєте наявність гостьової книги. Крім того, ви людина творча, тому на сайті з'явиться ще й розділ Моя Творчість.
    |-Головна сторінка(розповідь про себе)
    				|
    				|-фотографії-|-На морі
    				| |-Мої друзі
    				| |-Я, я і знову я
    				| |-Все про все
    				|
    				|-Моя Творчість-|-Картини-|-Пейзажі
    				| | |-Автопортрети
    				| |
    				| |-Вірші
    				| |-Проза
    				|
    				|-Гостьова книга
    				|
    				|- Контактна інформація(e-mail)
    				
    				
      Коли у нас перед очима такий план внутрішньої структури, можна сміливо продовжувати роботу над сайтом, не боячись чогось забути або упустити.

      Тепер поговоримо про зовнішню структуру, під нею я маю на увазі розташування основних значущих елементів на кожній сторінці. Вам треба вирішити, де і як будуть розташовуватися ваші банери, якщо ви їх будете впроваджувати на сайт, лічильник, меню, можливо, пошук, основний зміст, якісь анонси про нові розділах сайту, оновлення, і т.д.
      Для прикладу візьмемо зовнішню структуру сайту самого звичайного сайту:

    Шапка сайту
    Логотип
      Меню   
    Блок з основним контентом
    Нижня частина сайту

      Приблизно таку схему розташування основних значущих елементів малює для себе кожен початківець.

      При розробці зовнішньої та внутрішньої структури ваша головна задача зробити так, щоб у майбутньому відвідувачу було легко орієнтуватися на вашому сайті, щоб важлива й потрібна інформація легко знаходилася. Тому, перш ніж братися за розробку структури сайту, можливо слід вивчити ресурси з подібною до Вашої тематикою і подивитися, як вирішено це завдання там.
    Завдання для самостійної роботи
    1. Розробити структуру персональної сторінки
    2. Розробити структуру навчального сайту
    Контрольні запитання
    1. Дайте характеристику тегу <BR>.
    2. Дайте характеристику тегу <НR>.
    3. Які символи використовуються для створення коментарів?
    4. Що розуміють під фізичним стилем шрифта? Навести приклади міток.
    5. Що розуміють під логічним стилем шрифта? Навести приклади міток.
    6. Як прописати колір шрифта?
    7. Як прописати колір фону документу?
    8. Яким чином можна вирівняти текст документу ліворуч, праворуч, по центру, за шириною?
    Відповідальний - доцент В. Уманець
    Назад к содержимому | Назад к главному меню