- •Створення web-сторінки
- •Вставка символів прогалин ( )
- •Вставляння спеціальних символів
- •Створення надстрічкових та підстрічкових індексів
- •Вибір шрифту
- •Зміна розміру шрифту
- •Вибір кольору шрифту
- •Використання моноширінних шрифтів
- •Створення маркованих списків
- •Створення багаторівневих списків
- •Створення списків визначень
- •Вирівнювання тексту відносно графіки
- •Пуста область навколо графічного зображення
- •Побудова горизонтальної лінійки
- •Побудова списків з графічними маркерами
- •Побудова гіперпосилання, що вказує на іншу Web-сторінку
- •Створення посилання на об’єкт цієї ж сторінки
- •Створення гіперпосилання, що вказує на зображення
- •Створення гіперпосилання, що вказує на файл
- •Посилання на адресу електронної пошти
- •Колір тексту гіперпосилань
- •Створення таблиці
- •Товари та ціни
- •Товари та ціни
- •Групування стовпчиків таблиці
- •Товари та ціни
- •Зміна розмірів комірки таблиці
- •Об’єднання комірок таблиці
- •Вирівнювання даних у комірці таблиці
- •Перенесення слів всередині комірок таблиці
- •Задавання параметра обтіканні таблиці текстом
- •Створення фреймів
- •Відтворення об’єкту гіперпосилання у вікні фрейму
- •Смуги прокрутки фреймів
- •Використання атрибуту noresize
- •Властивості меж фреймів
- •Задавання величини полів фрейму
- •Приклад 1
- •Приклад 2
INTERNET I WORLD WIDE WEB
Створення web-сторінки
Розробники для створення Web-сторінок користуються текстовими редакторами (Блокнот для Windows) або процесорами Microsoft Word, Corel WordPerfect, Microsoft WordPad).
Приступаючи до створення Web-сторінки, насамперед введіть необхідний текст. Не форматуйте його засобами редактора або процесора, тому що для цього потрібно буде скористатись дескрипторами HTML, які містять інструкції з задавання необхідних параметрів форматування та структурування сторінки. Збережіть Web-сторінку з розширенням .html або .htm. Файл головної сторінки Web-сайту заведено називати index.html.
Розглянемо основні дескриптори HTML, які повинні бути присутні у тексті будь-якої Web-сторінки.
Компонування Web-сайту
Компонування Web-сайту буває лінійним, Web, ієрархічним та комбінованим.
При використанні лінійного компонування сторінки Web-сайту розташовуються в одній обумовленій послідовності. Така структура є зручною у тих випадках, коли користувач повинен ознайомлюватись з інформацією у визначеному порядку. У таких випадках чергова Web-сторінка містить гіперпосилання на наступну та попередню сторінки, і користувач отримує зручну можливість швидкого переміщення по вмісту сайту вперед і назад.
Сайт, побудований у стилі Web, взагалі не має чітко обумовленої структури. Кожна сторінка містить численні посилання на інші сторінки сайту. Таке компонування застосовується у тих випадках, коли порядок перегляду інформації несуттєвий.
У випадку використання ієрархічного компонування всі сторінки Web-сайту пов’язані з його головною сторінкою. Головна сторінка пропонує загальний огляд вмісту сайту, а всі інші містять конкретну інформацію, згруповану за тематичним принципом. Доступ до подібних порцій даних здійснюється за допомогою гіперпосилань, включених у склад головної сторінки.
Підхід до використання комбінованого компонування найгнучкіший. Наприклад, поєднуючи особливості ієрархічного проектування і компонування у стилі Web, можна створити сайт, який вирізняється зрозумілою структурою і разом з тим дає можливість користувачу переміщатись від однієї сторінки до іншої у довільному порядку.
Проектування головної сторінки
Головна сторінка – це та, яку користувач бачить першочергово на Web-сайті. Файл головної сторінки називається index.html або index.htm.
Головна сторінка повинна включати у собі короткий огляд вмісту сайту, його зміст і набір гіперпосилань, за допомогою яких користувач зможе відразу перейти до тем, які його цікавлять.
Введення в HTML
HTML (HyperText Markup Language – мова гіпертекстової розмітки) – це мова програмування, що використовується для створення Web-сторінок. Web-сторінки – це, як правило, документи у форматі HTML, які містять текст і спеціальні інструкції – дескриптори (теги) HTML. Документи HTML зберігаються у вигляді файлів з розширенням імені .html або .htm. Web-браузер інтерпретує дескриптори HTML-документа і відображає його як Web-сторінку.
Дескриптори HTML повідомляють Web-браузеру інформацію про структуру та особливості форматування Web-сторінки. Кожен дескриптор містить певну інструкцію і міститься в кутових дужках < i >. Значна частина дескрипторів складаються з відкриваючої та закриваючої частин і впливають на текст, що міститься всередині. При наборі дескрипторів допускається вводити букви різних регістрів. Багато дескрипторів мають додаткові атрибути, які дозволяють вказувати значення необов’язкових параметрів. Наприклад, дескриптор <FONT> допускає задання атрибуту COLOR, за допомогою якого можна змінити колір тексту.
< html >
Після оголошення DOCTYPE створення документа починається з кореневого елемента. Кожна сторінка починається з дескриптора < html >. Цей дескриптор описує документ як Web-сторінку, виконану у форматі HTML. Елемент html повинен мати відкриваючий та закриваючий теги – <html > і </html > . Цей елемент також є вбудований у документ процесора HomeSite.
< head >
Елемент < head > містить всі елементи, які необхідні для відображення та виконання документа, але які не відображаються у вікні браузера. Щоб створити розділ < head >, необхідно додати теги < head > безпосередньо за відкриваючим тегом < html >. У елемента head немає обов’язкових атрибутів, а є тільки відкриваючий та закриваючий теги. Всередині розділу head можна розміщувати декілька дескрипторів: title, meta, script, style, link.
< title >
Дескриптор title є єдиним обов’язковим елементом розділу head. У стрічці заголовка браузера відображається будь-який текст, що міститься у цьому елементі, разом з назвою браузера, яка додається в кінці тексту. Наприклад, <title> kca.com - Кафедра KCA, IKTA, „Львівська політехніка" </title>.
Коментарі HTML (<!-- -->)
Коментарі дозволяють тимчасово приховати вміст або розмітку, зробити зрозумілішим документ. Для цього використовується дескриптор <!-- -->. Все, що необхідно приховати або подати у вигляді керування, розміщується між відкриваючою та закриваючою частиною коментарію.
Наприклад:
<!--
<p> Це не відобразиться браузером</p>
-->
<p> Це відобразиться браузером</p>
Створення абзацу (<p> </p>)
Web-браузер не відображає ті символи переводу стрічки або створення абзацу, які вводяться у текст на етапі формування сторінки за допомогою текстового редактора. Щоб вказати початок нового абзацу, потрібно задати дескриптор <p> який має відкриваючий та закриваючий теги.
Після відкривання сторінки у вікні Web-браузера всі абзаци її тексту, помічені дескриптором <p>, розділяються порожніми стрічками.
За замовчуванням більшість Web-браузерів форматує абзаци, вирівнюючи їх уліво. Атрибут align=”?” дозволяє примусово змінити ознаку вирівнювання. Абзаци можуть бути вирівняні вліво, вправо, по центру та по ширині. Для цього замість ? потрібно вставити left, right, center або justify відповідно.
Наприклад:
<p align = "right"> Цей абзац буде вирівняно вправо </p>
Перехід до нової стрічки (<BR> )
Дескриптор <BR> повідомляє Web-браузеру про те, що слід припинити розміщення тексту та інших елементів сторінки у межах поточної стрічки і перейти до нової стрічки. Тег <BR> є корисний для розділення коротких фрагментів тексту (поштових адрес, віршів). Дескриптор <BR> не має закриваючого тегу. Дескриптор <BR> застосовують для примусового розміщення вбудованих елементів (графічні зображення, положення яких не повинне вибиратись браузером автоматично) у визначеному місці сторінки. Дескриптор <BR> буває зручним у тих випадках, коли необхідно збільшити пусті ділянки між окремими елементами сторінки.
Наприклад,