Технологія сайтобудування в інформаційній сфері (стр. 12 )

Етап створення структури (схеми) сайта

Сайт – це сукупність Web-документів (Web-сторінок), між якими встановлено певні зв'язки. Безліч зв'язків між елементами системи визначає певну структуру. Загальна структура сайта визначається, в першу чергу, його призначенням, функціями та змістом.

Найпростішою структурою є лінійна структура. У цьому випадку кожна сторінка (крім останньої) має посилання тільки на одну наступну сторінку. Документи, які входять до лінійної структури, можна переглядати послідовно тільки в одному напрямі – від початкової ланки до останньої. Для забезпечення двостороннього зв'язку на сторінках розташовують також посилання на попередню ланку. У такій структурі є можливість рухатися від кожної ланки як вперед, так і назад.

Перша Друга Передостання Остання

сторінка сторінка … сторінка сторінка

Найчастіше сайт має нелінійну структуру. Важливим випадком нелінійних структур є ієрархічні (деревовидні) структури, які вважаються одними з найпоширеніших типів класифікаційних структур. У цьому випадку елементи сторінки впорядковані так, що існує лише один елемент (коренева сторінка), який не має попереднього, а всі інші елементи мають тільки один попередній. Зазначимо, що лінійна структура є окремим варіантом деревовидної структури. Деревовидну структуру може мати, наприклад, довідник із певної галузі знань. Початкова сторінка може містити зміст посібника, кожна гілка – інформацію, що стосується певної теми.

Якщо сайт має нелінійну структуру, то кожна сторінка може містити гіпертекстові посилання на інші сторінки, зв'язані з вказаною сторінкою.

Згадану структуру може мати, зокрема, сайт, що є розробкою деякої енциклопедії з певної галузі знань. Енциклопедія може, наприклад, складатися з великої кількості відносно незалежних фрагментів, кожен з яких цікавий сам по собі. Аналогічна ситуація може виникнути й у разі, якщо ряд фрагментів тісно пов'язані між собою. Розроб-ник надає можливість здійснювати різноманітні переходи між сторінками, а користувач сам виділятиме послідовні ланцюжки сторінок, які викликають у нього інтерес. Використовуючи наявні в документах посилання, користувач сам визначає порядок перегляду енциклопедії. Загальна структура сайта може бути комбінацією як лінійних, так і нелінійних структур. Наприклад, енциклопедія, про яку згадувалося вище, може мати нелінійну структуру, але кожному окремому питанню можна присвятити декілька послідовних сторінок і ці сторінки можуть розглядатися тільки одна за одною. Можливий ще й інший варіант: енциклопедія може складатися з послідовних розділів, кожен з яких має нелінійну структуру.

Етап добору апаратних і програмних засобів,

необхідних для реалізації Web-сайта

1. Встановлюються види необхідного матеріального забезпечення (сервер) і прикладних програм для Web-сайта (пошукові системи, інтерфейс, системи для реєстрації та ідентифікації користувачів та ін.). Web-сайт може розміщуватися на власному сервері (за умови наявності надійного виділеного каналу Internet). Альтернативним варіан-том, і найчастіше – найзручнішим, є укладання угоди на послуги хостингу з компанією, що спеціалізується на наданні таких послуг. Під хостингом припускається надання оператором деяких ресурсів – дискового простору, оперативної пам'яті, процесорного часу, каналу доступу в Інтернет тощо – для розміщення й підтримки цілодобової працездатності Інтернет-проектів.

2. Реєструється доменне ім’я.

3. Якщо планується використання бази даних, необхідно вибрати тип системи управління базами даних (MySQL, PostgresSQL, Oracle). Також на цьому етапі необхідно вибрати технологію доступу до бази даних – доступ засобами мови РНР, CGI-скриптів тощо. (Технології доступу до баз даних із Web-сторінок розглядатимуться у другому розділі.)

4. Вибір інструмента написання HTML-коду: текстовий редактор, спеціалізований редактор HTML-коду, візуальний Web-редактор.

5. Вибір інструментів створення графіки й анімації.

Етап створення окремих сторінок

1. Розробка загального дизайну або макета кожної сторінки, колірної схеми, малюнків. Створення анімацій.

2. Розробка коду окремих сторінок.

3. Розробка коду для прикладних програм Web-сайта (механізм пошуку, форум, доступ до бази даних, система динамічного оновлення новин, система обробки замовлень, поштові програми та ін.).

4. Складання всіх елементів в одну структуру Web-сайта.

Етап тестування

1. Випробовування роботи гіперпосилань.

2. Випробування прикладних програм для Web-сайтів (наприклад, тестування в граничних режимах).

Етап публікації сторінок на сервері

1. Перенесення html-файлів, файлів графіки, анімації, прикладних програм на сервер.

2. Створення структури бази даних на сервері, заповнення бази даних початковими даними.

3. Тестування роботи Web-сайту на сервері.

4. Оцінювання швидкості завантаження з різних точок доступу до мережі Internet (виділена лінія, модем).

Етап реклами Web-сайта

1. Реєстрація сайта в пошукових системах.

2. Реєстрація в банерних системах обміну. Для комерційних ресурсів купівля банерної реклами.

Етап експлуатації

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

ПИТАННЯ ДО ЕКЗАМЕНУ

1. Розкрити поняття “програма”, “програмування”, “програміст” у сучасному контексті.

2. Поясніть призначення стеку протоколів TCP/IP.

3. Що називається ІР-адресою?

4. Що називається Web-сторінкою?

5. Що називається Web-сайтом?

6. За якими правилами записується URL документа?

7. Яке основне призначення мови HTML?

8. Що називають дескриптором (тегом)?

9. Що таке атрибут (параметр) дескриптора?

10. Яку загальну структуру мають HTML-документи?

11. Який синтаксис HTML-коду, що створює заголовки різного рівня?

12. Як вирівняти текст абзацу.

13. Як помістити на сторінку попередньо відформатований текст?

14. Назвіть основні дескриптори стилів.

15. Яке призначення контейнера <FONT>? Назвіть його параметри.

16. Як помістити на сторінку спеціальний символ форматування?

17. Які формати графічних файлів використовують на Web-сторінках?

18. Як помістити на Web-сторінку графічне зображення?

19. Назвіть призначення атрибутів (параметрів) тегу <А>.

20. Як створити зображення-гіперпосилання?

21. Для чого використовується альтернативний текст?

22. Мови узагальненої розмітки НТML.

23. Підтримка НТML у браузерах.

24. Розробка та програмування сайту в НТML.

25. Методи програмування в НТML.

26. Як задати фреймову структуру?

27. Призначення дескриптора <FRAMESET> та його параметрів.

28. Назвіть атрибути дескриптора <FRAME>.

29. Коли доцільно використовувати фреймову структуру?

30. Як під час використання фреймової структури відобразити інформацію в браузерах, що не підтримують роботу з фреймами?

31. Як сховати рамку між фреймами?

32. Якими способами можна задати ширину та висоту фрейму?

33. Як змінити товщину рамки, що поділяє фрейми?

34. Для чого використовується атрибут TARGET?

35. Назвіть зарезервовані імена фреймів?

36. Для чого можуть використовуватися фрейми?

37. Що називають таблицею стилів?

38. Чому таблиці стилів називають каскадними?

39. Як записуються правила CSS?

40. Назвіть способи використання CSS у документі.

41. За яким пріоритетом використовуються CSS у документі?

42. Яке призначення селектора class?

43. Наведіть приклади використання параметра id.

44. Яке призначення контейнера <span>?

45. Назвіть псевдокласи дескриптора <а> та їхнє призначення?

46. Які властивості у CSS використовуються для визначення шрифту?

47. Які властивості у CSS використовуються для роботи з кольором?

48. Які властивості у CSS використовуються для встановлення полів?

49. Назвіть властивості, що використовуються у CSS для форматування списків.

50. Назвіть властивості CSS для форматування меж сторінки.

51. Для чого використовуються HTML-форми?

52. Як створюються HTML-форми?

53. Як створюються елементи управління у формах?

54. Яке призначення мови JavaScript?

55. Що називають об'єктом, методами та властивостями об'єкта?

56. Що називається класом?

57. Які ви знаєте способи використання скриптів у HTML-документі?

58. Назвіть типи даних JavaScript.

59. Що називають виразом?

60. Назвіть арифметичні оператори JavaScript.

61. Які ви знаєте логічні оператори та оператори порівняння?

62. Що називають функцією?

63. Який формат запису умовного оператора?

64. Який формат запису оператора вибору?

65. Який формат запису операторів циклу?

66. Назвіть ієрархію об'єктів JavaScript.

67. Які ви знаєте властивості та методи об'єкта document?

68. Яким чином створюються та використовуються масиви?

69. Як звернутися у скрипті до конкретного об'єкта, що міститься у HTML-документі?

70. Назвіть події, що можуть бути опрацьовані у скрипті.

ЛІТЕРАТУРА

1. , Рогушина і інформаційні системи і технології : навч. посібник. – К. : КСУ МГІ, 2005. – 131 с.

2. Aббасов Ю. Internet 2000. – СПб. : BHV-Санкт-Петербург, 1999. – 440 с.

3. , Internet у вас дома. – СПб. : БХВ-Петербург, 2000.

4. Аппаратные средства РС : энциклопедия. – СПб. : Питер, 1999. – 440 с.

5. Интернет: Самоучитель. – СПб. : Питер, 2002. – 800 с.

6. Введение в экспертные системы. – СПб. : Вильямс, 2001. – 62 c.

7. Стандарты и протоколы Интернет. – М. : Русск. ред., 1999. – 384 с.

8. Internet: учебник. – 2 изд. – М. : ДМК Пресс, 2000. – 416 с.

9. Зарецька І. Т., , Гуржій А. М., Інформатика : навч. посібник. – К. : Навч. книга, 2002. – 496 с.

10. Практикум по Інтернет-технологиям. – СПб. : Питер, 2002. – 480 с.

11. Аппаратные средства и мультимедиа: справочник. – СПб. : Питер, 1999. – 416 с.

12. Windows 98 : учеб. курс. – СПб. : Питер, 1999. – 519 с.

13. Практическая информатика: универ-сальный курс. – М. : АСТ-ПРЕСС, Инфорком-Пресс, 1999. – 480 с.

14. Общая информатика. – М. : АСТ-ПРЕСС; Инфорком-Пресс, 1998. – 592 с.

15. Симонович С. В. Информатика. Базовый курс: учебник для вузов. – СПб. : Питер, 2003. – 640 с.

16. Інтернет : энциклопедия. – СПб. : Питер, 2007. – 592 с.

17. Степанов А. Н. Информатика для студентов гуманитарных спеціальностей : учебник для вузов. – 3 изд. – СПб. : Питер, 2007. – 608 с.

18. Хорев программирования на VBA в Microsoft Office. – К. : Юниор, 2007. – 296 c.

19. Создание Wed-страниц: самоучитель. – СПб. : Питер, 1999. – 320 с.

20. Шалин П. А. Windows XP: Энциклопедия. – СПб. : Питер, 2007. – 688 с.

21. Шапошников HTML. – СПб. : БХВ-Петер-бург, 2007. – 320 с.

ЗМІСТ

1. Пояснювальна записка..................................................

2. Тематичний план...........................................................

3. Зміст дисципліни...........................................................

4. Плани лекційних та практичних занять.....................

5. Методичні поради до практичних робіт...................

6. Питання до екзамену.....................................................

7. Література.......................................................................

Навчальне видання

Вінічук Ірина Михайлівна

технологія сайтобудування

в інформаційній сфері

НАВЧАЛЬНО-МЕТОДИЧНИЙ КОМПЛЕКС

для студентів спеціальності 6.050200 “Менеджмент організацій”

спеціалізації “Менеджмент в інформаційній сфері”

Відповідальний за випуск

Редагування т а

комп’ютерне верстання

Підп. до друку _________________ Формат 60´84 1/16. Папір др. апарат.

Друк офсетний. Ум. друк. арк. __________ Зам. ______. Наклад 100.

Видавець і виготівник

Державна академія керівних кадрів культури і мистецтв

01015, м. Київ, вул. І. Мазепи, 21

Свідоцтво про внесення до Державного реєстру суб’єктів видавничої справи

ДК № 000 від 27.06.2006.