Теги форматування символів тексту

<DD>визначення 1

<DD>визначення 2. . .             

</DL>

Графіка та мультимедійна інформація на веб-сторінках.

Вставлення графічних об'єктів

<IMGSRC="адpeca графічного файлу.bmp або jpg абоgif "

ALT = "альтернативний текст" (тобто текст який виводиться замість картинки, якщо браузер не може її відтворити)

ALIGN="вирівнювання " (місце розташування картинки)

WIDTH=ширина у пікселяхHEIGHT=висотаBORDER=товщина рамки в пікселях>

Створення вільного простору навколо графічного об’єкта:

1. справа і зліва

HSPASE = “ кількістьпікселів”

2. зверху і знизу

VSPASE = “кількість пікселів”

Вставлення файлу, відеофайлів та звуків

<IMG SRC= “адреса файлу”>

<IMG DYNSRC= “адреса відеофайлу”>

<EMBER SRC= “адреса звуковогофайлу ”>

Динамічні ефекти

<MARQUEEHEIGHT = висота смуги в пікселях(в якій рухатиметься текст)

BGCOLOR = "колір тла смуги"

LOOP= числокількість проходів тексту>

                            Текст, що рухається

</MARQUEE>

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

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

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

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

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

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

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

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

Стандартна

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

Каскад

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

Хмарочос

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

Павутина

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

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

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

1. Попередній етап розробки сайту.

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

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

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

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

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

5. Розвиток ресурсу.

 

Можна виділити такі варіанти створення веб-сайтів:

Створення веб-сайту

Автоматизоване створення веб-сайту

Створення сайту з ви­користанням спеціа­лізованого програм­ного забезпеченння

Програмування сайту мовою НТМL

                                                           

                                                           

                                   

                      

 

Контрольні запитання

1. Що таке гіперпосилання?

2. Що таке гіпертекст?

3. Що таке Web-документ?

4. Для чого призначена програма-броузер?

5. Що таке Web-вузол (Web-сайт)?

6. Описати структуру простого Web-документа.

7. Для чого призначена мова НТМL?

8. Що таке тег і які є теги?

9. Які параметри може мати тег ВОDY?

10. Який тег позначає початок нового абзаца?

11. Які теги позначають товстий, курсивний і підкреслений шрифти?

12. Які теги призначені для вирівнювання елементів на "Web-сторінці?

13. Яке призначення тега FОNТ?

14. Які значення можуть приймати параметри тега FОNТ?

15. Які є типи списків?

16. Як створити ненумерований (маркований) список?

---

Дата добавления: 2018-05-09; просмотров: 727; Мы поможем в написании вашей работы!

Поделиться с друзьями:

---

⇐ Предыдущая12

---

Мы поможем в написании ваших работ!