Урок 51-52

Тема: Структура веб-сайтів, різновиди веб-сайтів. Різновиди веб-сторінок.  Етапи створення веб-сайтів. Поняття про засоби автоматизованої розробки веб-сайтів, редактор веб-сайтів з графічним інтерфейсом. Поняття про систему управління вмістом сайту. Поняття хостингу

Навчальна мета: Засвоїти відомості про веб-сайти, етапи створення сайту.

Розвивальна мета: Розвивати координацію рухів, зорову пам’ять, вміння працювати з програмами

Виховна мета: Виховувати зосередженість, вміння активно сприймати новий матеріал.

Тип уроку: Урок вивчення нового матеріалу (лекція)

Структура уроку

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

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

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

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

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

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

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

Хід уроку

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

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

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

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

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

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

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

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

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

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

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

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

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

Веб-сторінка— інформаційний ресурс, до­ступний у мережі World Wide Web, який можна переглянути у веб-браузері. Зазвичай ця інформація записана у форматі HTML або XHTML і може містити гіпертекст із навігаційними гіперпосиланнями на інші веб-сторінки.

Веб-сайт— сукупність веб-сторінок, до­ступних в Інтернеті, які об'єднані як за змістом, так і навігаційно.

Фізично сайт може розміщуватися як на одному, так і на кількох серверах.

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

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

1. Головна сторінка

2. Меню сайту

3. Гіперпосилання на інші сторінки або сайти

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

Щоб забезпечити швидкий перехід до основних тематичних роз­ділів сайту, створюють меню сайту — список гіперпосилань на його розділи. Горизонтальне меню зазвичай розташовують у шапці, іно­ді дублюючи його в нижній частині сторінки, а вертикальне — пере­важно в лівій частині сторінки, у місці, звідки відвідувач починає її переглядати. Меню є одним із найважливіших компонентів сайту, користувач постійно звертає на нього увагу, і тому вимоги до ньо­го високі. Меню має бути зручним, помітним і зрозумілим, інакше користувач не знатиме, як перейти до потрібного розділу, і покине сайт. Пункти меню мають бути чітко відділені один від одного.

Гіперпосилання, розміщені в тексті чи у вигляді графічних об'єктів, дозволяють переходити на різні сторінки сайту або навіть на інші сайти. На сайтах із дуже великим обсягом інформації є сто­рінки третього рівня, а якщо необхідно — то й четвертого, п'ятого тощо.

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

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

Наведемо додатково чотири приклади структур сайту. Кожна із цих структур має свої недоліки та переваги у проектуванні веб­сайту.

Стандартна

О сновна веб-сторінка містить посилання на інші документи веб­сайту, а документи містять посилання, відповідно, на основну веб-сторінку. Це найпростіший і найпоширеніший спосіб організації веб-сайту.

Каскад

У цьому випадку посилання в документах задані таким чином, що існує тільки один шлях обходу сторінок веб-сайту. За каскадно­го способу організації сторінок відвідувачі сайту можуть переміщу­ватися тільки в одному з напрямків — вперед або назад.

Х марочос

У цій моделі відвідувачі можуть опинитися на деяких сторін­ках, тільки якщо вони йдуть правильним шляхом. Це нагадує під­йом до потрібної кімнати у великому хмарочосі.

Павутина

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