- •6.100202 «Процеси машини і обладнання
- •Всесвітня мережа internet
- •Дулепа в.І.
- •Компютерні мережі
- •Питання для самоконтролю:
- •Електронна пошта
- •3 Групи новин (телеконференцій)
- •Лабораторна робота № 30 Вправа № 1 Створення Web-сторінки
- •Мова html
- •Структура html- документа
- •Встановлення кольору фону
- •Параграф
- •Створення заголовків
- •Привіт, це моя перша сторінка ласкаво просимо!
- •Вправа № 2. Графіка і посиланя на Web-сторінці
- •Вправа №3
- •Індивідульне завдання.
- •Список літератури
Структура html- документа
Всі HTML – документи будуються за визначеними правилами:
текст документа починається тегом <HTML> і закінчується тегом </HTML>;
всередині контейнера <HTML> знаходиться ще два контейнери <HEAD> (заголовок Web- сторінки) і <BODY> (її зміст);
всередині контейнера <HEAD> знаходяться інші контейнери, серед них <TITLE> (рядок символів заголовка вікна браузера).
Web- сторінка зберігається в текстовому файлі з розширенням HTML або HTM.
Наприклад, закінчений HTML-файл може мати такий вигляд: <html> <head>
<title>Miu перший крок </title>
</head>
<body>
Привіт, це моя перша сторінка.
</body>
</html>
Треба набрати цей текст будь яким редактором (наприклад, «Блокнот»), зберегти його з довільним іменем але обов’язково з розширенням html або htm (наприклад, priklad1.html). Якщо тепер відкрити програму Internet Explorer і виконати команду «Файл» > «Открыть» кнопка «Обзор…» priklad1.html, на екрані браузера цей HTML- файл буде мати вигляд (зверніть увагу на розташування текстів «Мій перший крок» і «Привіт, це моя перша сторінка»)
При відображенні HTML – файли браузером зайві пропуски ігноруються. Якщо розділити два слова трьома пропусками, то на екрані між словами залишиться один пропуск, а кілька порожніх рядків на екрані браузера будуть змінені на один. Коли текст досягає правої границі вікна, він автоматично переходить на новий рядок.
Встановлення кольору тексту
Кольори тексту встановлюються за допомогою палітри «Все цвета интернета», яку можна знайти за адресою web.design.ru/free/colors. Для подальшої роботи рекомендується цю палітру зберегти на диску (тут зображено її фрагмент). Над кожним кольором вказані два значення- RGB i HEX (для позначення кольору в HTML).
Палітра складається із 32 сполучень 6 відтінків червоного, зеленого і синього кольорів. Наприклад, наведемо кілька базових кольорів HTML.
#000000- чорний
#0000FF- блакитний
#FF00FF- бузковий
#808080- сірий
#008000- зелений
#00FF00- яскраво-зелений
#800000- каштановий
#000080- темно-сірий
#800080- пурпуровий
#FF0000- червоний
#C0C0C0- срібний
#008080- темно-зелений
#FFFFFF- білий
#FFFF00- жовтий
Щоб задати колір для всього документа, треба дати відповідну команду в <bodi>. Наприклад, так:
<body text= «#336699»>
Тег <font></font>- багатофункціональний. За його допомогою можна задавати не тільки колір тексту в конкретній частині документа, але й розмір і вид шрифту (про це далі).
Встановлення кольору фону
Колір фону встановлюється за допомогою знайомства тега <body>. Наприклад, чорний фон встановлюється командою:
<body bgcolor= «#000000»>
Якщо колір в <body> не вказувати, то «з мовчазної згоди» він буде білим (або будь-яким іншим). Тому краще колір фону встановлювати, щоб не було не передбачуваного кольору фону.
Спробуйте до попереднього HTML- файла за допомогою редактора «Блокнот» додати всі елементи і зберегти з новим імям priklad2.html:
<html>
<head>
<title> Мій перший крок </title>
</head>
<body text= «#336699» bgcolor= «#FFFFFF»>
Привіт, це моя перша сторінка.
<br>
<font color= «#CC0000»> Ласкаво просимо! </font>
</body>
</html>
Зверніть увагу: в тезі <body> одночасно встановлюється колір тексту документа і колір фону.
Це означає, весь текст сторінки буде синім, крім тексту, для якого спеціально встановлено інший колір. Якщо колір тексту в <body> не задавати, то «з мовчазної згоди» він буде чорним.
Для збереження зору не слід зловживати яскравими фонами (жовтий, червоний, салатовий або чорний фон з яскравим текстом на ньому), а багато різних кольорів на сторінці відволікають увагу від змісту, заважають його читати.
Рекомендується за допомогою браузера переглянути цей HTML – файл, для чого досить двічі клацнути на його піктограмі, встановлювати інші кольори для тексту і фону, спостерігати результат.
Якщо змін не видно, то це означає, що зміни внесено неправильно або забули зберегти документ.