Структура веб-сайтів. Етапи створення сайту. Засоби автоматизованої розробки веб-сайтів, редактор веб-сайтів з графічним інтерфейсом. Хостинг. Створення та наповнення веб-сторінки


Скачати 70.46 Kb.
Назва Структура веб-сайтів. Етапи створення сайту. Засоби автоматизованої розробки веб-сайтів, редактор веб-сайтів з графічним інтерфейсом. Хостинг. Створення та наповнення веб-сторінки
Дата 21.06.2013
Розмір 70.46 Kb.
Тип Урок
bibl.com.ua > Інформатика > Урок
Тема: Структура веб-сайтів. Етапи створення сайту. Засоби автоматизованої розробки веб-сайтів, редактор веб-сайтів з графічним інтерфейсом. Хостинг. Створення та наповнення веб-сторінки.
Навчальна мета: Засвоїти відомості про веб-сайти, етапи створення сайту.
Розвивальна мета: Розвивати координацію рухів, зорову пам’ять, вміння працювати з програмами
Виховна мета: Виховувати зосередженість, вміння активно сприймати новий матеріал.
Тип уроку: Урок вивчення нового матеріалу.
Структура уроку

  1. Організаційний момент

  2. Етап орієнтації

  3. Етап проектування

  4. Етап навчальної діяльності

  5. Робота за ПК

  6. Контрольно-оцінювальний етап

  7. Домашнє завдання

Хід уроку

І. Організаційний момент

Сьогодні ми з вами розглянемо тему: «Структура веб-сайтів. Етапи створення сайту. Засоби автоматизованої розробки веб-сайтів, редактор веб-сайтів з графічним інтерфейсом. Хостинг. Створення веб-сторінки, тип її оформлення. Наповнення сторінки текстом, графікою, завантаження файлів».
II. Етап орієнтації

Мета сьогоднішнього уроку якомога найкраще познайомитися з програмами для створення веб-сайтів та їх обслуговування
III. Етап проектування

  1. Структура веб-сайтів.

  2. Етапи створення сайту.

  3. Засоби автоматизованої розробки веб-сайтів Хостинг.

  4. Редактор веб-сайтів з графічним інтерфейсом.

  5. Створення веб-сторінки, тип її оформлення.

  6. Наповнення сторінки текстом, графікою, завантаження файлів


ІV. Етап навчальної діяльності
Етапи створення сайту

Створення сайту умовно можна розділити на такі етапи:

1. Попередній етап розробки сайту(на цьому етапі розв'язуються питання загального характеру. Обговорюється загальна концепція сайту, формулюються та фіксу­ються цілі створення сайту)

2. Етап проектування сайту(Визначення структури сайту: меню, посилання, розміщення модулів, побудова списку компонентів, що підключаються, тощо)

3. Етап розробки й тестування сайту.

4. Розміщення сайту.

5. Розвиток ресурсу.
Створення веб-сайту починається зі створення інформаційної моделі сайту.

Будь-яку веб-сторінку можна оцінити за двома пара­метрами: зміст та зовнішній вигляд. Проте спочатку потрібно ви­рішити, яку інформацію потрібно на ній розмістити. Необхідно де­тально проаналізувати, скільки і якої інформації потрібно подати на веб-сторінці. Створюючи проект сайту, потрібно добре продумати його за­гальну структуру, зміст інформації та посилання.

Для того щоб сайт став доступним широкому колу відвідувачів, йому необхідно призначити доменне ім'я і розмістити в мережі Інтернет.

Розміщення сайту на сервері та подальше його адміністру­вання називають хостингом. Наданням такої послуги займаються спеціальні організації. Хостинг буває платним і безкоштовним.

Можливість створювати веб-сторінки та організовувати форуми й чати в автоматизованому режимі (крім власне розміщення сайту) часто надається на серверах, що забезпечують хостинг. Наприклад, ucoz.ru, mylivepage.com.

Веб хостинг UcoZ

Ucoz — це безкоштовний веб-хостинг із вбудованою системою керування сайтом. Модулі UcoZ можуть використовуватися як у єдиній зв'язці для створення повнофункціонального сайту, так і окремо, наприклад, як блог-платформи, веб-форуми та ін.

Фактично UcoZ — це веб-сервіс, що працює за принципами Веб 2.0 і дозволяє, в першу чергу, створювати сайти різного рівня складності та досить сильно відрізняється від традиційних безко­штовних хостингів.

Під час реєстрування користувачеві надається можливість ви­брати домен для свого проекту. В системі існують також і домени, спеціально розраховані на українську аудиторію — name.ucoz.ua, name.at.ua.

Під час реєстрування кожен користувач отримує 400 Мб диско­вого обсягу. Дисковий обсяг постійно збільшується пропорційно до зростання кількості відвідувачів сайту.

Основні можливості

  1. Користувачу пропонується багато дизайнів на вибір, які мож­на використати для побудови сайту.

  2. Можливість створити власний дизайн (шаблон) або переробити будь-який зі стандартних.

  3. Доступ по FTP.

  4. Безкоштовна технічна підтримка.

  5. WYSIWYG online редактор.

  6. Візуальний конструктор блоків.

  7. Версія сайту для КПК.

  8. Резервне копіювання.

  9. Лайтбокс — рекламний щит.

  10. Загальна авторизація — uID. Модулі системи

  11. Користувачі — керування списком користувачів сайту.

  12. Форум — створення та керування форумами.

  13. Щоденник (блог) — створення та керування блогом.

  14. Фотоальбоми — створення фотоальбомів.

  15. Гостьова книга — керування гостьовою книгою.

  16. Каталог статей — керування статтями на сайті.

  17. Міні-чат — модуль для маленьких повідомлень, які можуть міс­тити смайлики.

  18. Шаблони — модуль містить дизайни на будь-який смак.

  19. Новини сайту — модуль, що дозволяє користувачеві слідкува­ти за оновленням сайту.

  20. Інтернет-статистика — перегляд статистики відвідувань сайту.

  21. Каталог файлів — каталог файлів, які були додані користува­чами сайту.

  22. Каталог лінків — список веб-адрес, які були додані користува­чами сайту.

  23. Оголошення — створення дошки оголошень.

  24. FAQ — список найчастіших запитань та відповідей на них.

  25. Опитування — опитування різного спрямування.

  26. E-mail форми — організація зворотного зв'язку з адміністра­цією сайту.

  27. Онлайн-ігри — модуль, у якому представлені ігри різних на­прямків — від стратегій до настільних ігор.

  28. Інтернет-магазин — модуль системи, який є оптимальним рі­шенням у галузі електронної торгівлі.


Редактор веб-сайтів з графічним інтерфейсом.

Найпоширенішими візуальними редакторами для створення сайтів є: Frontpage і Dreamweaver.  Програма Frontpage компанії Microsoft, на мою думку, є кращою на сьогоднішній день. 80% сайтів в Інтернеті створено за допомогою цього пакету. Не дивлячись на те, що це наймогутніша програма, майже повна схожість її інтерфейсу з поширеним текстовим редактором Word дозволяє освоїти її легко і швидко. Редактор Frontpage містить великий набір шаблонів і майстрів для створення сайтів з різної тематики. Для форматування тексту можна використовувати всі можливості, передбачені в основному стандарті HTML, а так само застосовувати спеціальні динамічні ефекти і анімацію. Редактор має зручні інструменти для роботи з таблицями, вбудовані засоби для обробки зображень, дозволяє легко розміщувати на сторінках різні мультимедіа-об'єкти: малюнки, відеофільми, анімацію, звукові фрагменти. Тісна інтеграція з пакетом MS Office дозволяє відображати на сторінках документи MS Word, таблиці і графіки MS Excel, динамічно отримувати дані з MS Access, використовувати мову VBA, засоби перевірки орфографії і десятки готових тим для оформлення сторінок сайту. У програмі Frontpage реалізована підтримка сучасних Web-технологій, таких, як каскадні таблиці стилів (CSS), динамічні ефекти (DHTML), фрейми, активні сторінки (ASP), елементи ACTIVEX і Java-апплети. Якщо Web-сервер підтримує технології Frontpage і Sharepoint, то з'являються додаткові можливості при створенні сторінок - форми пошуку, лічильники відвідуваності, зміст сайту та інші. Програма Frontpage є не тільки редактором Web-сторінок, але і містить засоби управління створення сайту, такі, як схема навігації по сторінках, аналіз сайту за допомогою різних звітів, колективна розробка, настроювання на певні браузери, завантаження  сайту на Web-сервер по протоколах НТТР і FTP. Всі ці можливості дозволяють створювати за допомогою Frontpage повноцінні Web-сайти, такі, наприклад, як електронні магазини або ігрові сайти. 

До недоліків редактора Frontpage можна віднести його переважну орієнтацію на браузер Internet Explorer, тому слід перевіряти роботу створеного сайту в інших браузерах. А також деяку надмірність готового коду HTML. Редактор відстежує зміни в коді сторінок і наполегливо відновлює теги, видалені Web-мастером.

Вимоги до комп'ютера для установки і роботи редактора Frontpage такі ж, як у інших додатків MS Office. Для завантаження створеного сайту на Web-сервер знадобиться доступ в Інтернет і модем для передачі даних або мережева карта. Для перевірки сторінок, звук, що містять, або відео, буде потрібно звукову карту.

Відомі безкоштовні візуальні редактори для створення сайтів на сьогоднішній день:

Kompozer - редактор, який годиться як для початківців, так і для професіоналів. Існують його версії для Windows і Linux.

Amaya - два в одному, редактор сторінок і одночасно браузер, який схвалений W3C, він правильно підтримує всі стандарти для html.

SeaMonkey - набір програм для роботи в інтернеті, що включає браузер, поштову програму, IRC-чат і редактор сторінок. Створений на основі продуктів Mozilla.

BlueGriffon - зовсім нова розробка, що з'явилася в 2010 році. Втім, вона вважається наступником редактора NVU, розвиток якого затихнув кілька років тому.

Набор платних візуальних редакторів досить великий. Серед них можна виділити такі, як Editor, CoffeeCup HTML, RapidWeaver, Namo WebEditor, Web Builder і ін. Проте найбільш популярними вже довгий час є редактор Dreamweaver і лінійка редакторів від Microsoft. 

Dreamweaver - візуальний редактор, що багато років утримує заслужене лідерство серед програм для створення сайтів. Зараз Dreamweaver входить в набір продуктів Adobe Creative Suite, що представляє комплексне рішення для створення веб-сайтів. Популярними програмами для створення сайтів також є візуальні редактори від Microsoft. Довгий час багато вебмастерів користувалися для створення сайтів редактором FrontPage, але потім Microsoft припинила його підтримку, запропонувавши взамін дві нові програми - Microsoft Expression Web (вважається основним html-редактором від Microsoft) і Microsoft SharePoint Designer, який більшою мірою можна вважати наступником FrontPage. Microsoft Expression Web є частиною Microsoft Expression Studio - комплексу програм для розробки сайтів. На сайті Microsoft можна викачати 60-денну пробну версію програми. Microsoft SharePoint Designer є частиною Microsoft SharePoint - комплексу програм для організації спільної роботи.

VI. Контрольно-оцінювальний етап
VII.Домашнє завдання

Вивчити терміни, конспект,




Схожі:

Структура веб-сайтів. Етапи створення сайту. Засоби автоматизованої...
Розвивальна мета: Розвивати координацію рухів, зорову пам’ять, вміння працювати з програмами
Календарне планування курсу «Основи веб-дизайну» для ІІ-го курсу на 2011-2012 н р
Структура веб-сайтів, різновиди веб-сторінок. Реєстрація веб-сайту на сервері безкоштовного хостинга
Урок (11 клас ) Тема уроку: Основи автоматизованого створення та публікації веб-ресурсів
Мета: Ознайомити учнів із різновидами, структурою веб-сайтів, основами створення веб-ресурсів
Тема: Проектування Web-сторінок в програмі Microsoft FrontPage
Приступаючи до створення веб-сайту, необхідно визначитися з його тематикою, кількістю підрозділів сайту та сторінок в кожному з них...
План-конспект уроку«Автоматизоване створеннята публікація веб-ресурсів»
Тема уроку : Автоматизоване створення веб-ресурсів. Ідея. Структура та етапи створення власного сайту
Тема: Створення Web сторінок в програмі Microsoft FrontPage
Мета: Вдосконалити існуючий Веб-вузол. Доповнити його найпростішими гіперпосиланнями. Доповнити веб-сторінки
Про надання послуг з розміщення веб-сайтів, віртуальних серверів...

Про надання послуг з розміщення веб-сайтів, віртуальних серверів...

Курс SEO. Оптимізація і просування сайтів: Вступ до спеціальності Професія
Обмін посиланнями, статтями з веб-майстрами безпосередньо. Фахівці та ресурси в цій області
РОЗПОРЯДЖЕННЯ
Про забезпечення функціонування веб-сайту Охтирської районної державної адміністрації на веб-порталі місцевих органів виконавчої...
Додайте кнопку на своєму сайті:
Портал навчання


При копіюванні матеріалу обов'язкове зазначення активного посилання © 2013
звернутися до адміністрації
bibl.com.ua
Головна сторінка