Відмінності між версіями «Конспект уроку №5 Internet»
| Рядок 107: | Рядок 107: | ||
[[Image:9999.jpg]] | [[Image:9999.jpg]] | ||
| − | Рис. 1 | + | Рис. 1 |
| − | Для збереження документа Word у форматі HTML виберіть команду Сохранить в формате HTML в меню Файл. Якщо документ Word | + | Для збереження документа Word у форматі HTML виберіть команду Сохранить в формате HTML в меню Файл. Якщо документ Word ерігається як Web-сторінка, документ закривається, а потім відкривається у форматі HTML. При цьому Web-сторінка зображується у тому вигляді, який вона мала б при перегляді її за допомогою Web-броузера. Форматування, які не підтримує формат HTML, у файлі не зберігаються. |
| − | + | '' Графіка у HTML – документах'' | |
| + | |||
Перед ознайомленням із правилами використання графіки в HTML-файлах доцільно розглянути,які типи графічних файлів підтримуються різними браузерами. У картинках у форматі GIF підтримуються 256 кольорів та є можливість використовувати мультиплікацію. Цей формат дозволяє дин чи кілька кольорів у малюнку зробити прозорими, що дає змогу позбавитися від строго прямокутних ілюстрацій і більш привабливим чином вписувати в документ малюнок. | Перед ознайомленням із правилами використання графіки в HTML-файлах доцільно розглянути,які типи графічних файлів підтримуються різними браузерами. У картинках у форматі GIF підтримуються 256 кольорів та є можливість використовувати мультиплікацію. Цей формат дозволяє дин чи кілька кольорів у малюнку зробити прозорими, що дає змогу позбавитися від строго прямокутних ілюстрацій і більш привабливим чином вписувати в документ малюнок. | ||
Формат JPG було розроблено спеціально для передавання фотографій, він підтримує мільйони кольорів і дозволяє одержувати зображення дуже високої якості. Однак файли цього формату маютьвеликий розмір, а оскільки розмір файла зображення визначає швидкість появи зображення на екрані. Для зменшення розміру файла необхідно використовувати зображення типу JPG або GIF. Конвертацію графіки у ці формати | Формат JPG було розроблено спеціально для передавання фотографій, він підтримує мільйони кольорів і дозволяє одержувати зображення дуже високої якості. Однак файли цього формату маютьвеликий розмір, а оскільки розмір файла зображення визначає швидкість появи зображення на екрані. Для зменшення розміру файла необхідно використовувати зображення типу JPG або GIF. Конвертацію графіки у ці формати | ||
| Рядок 126: | Рядок 127: | ||
<BR=CLEAR LEFT> або <BR=CLEAR RIGHT>. | <BR=CLEAR LEFT> або <BR=CLEAR RIGHT>. | ||
| − | Web-сайт — сукупність пов’язаних між собою файлів (наз. Web-сторінками), що мають мультимедійний зміст. | + | ''Web-сайт'' — сукупність пов’язаних між собою файлів (наз. Web-сторінками), що мають мультимедійний зміст. |
Програма Internet Explorer (Web-броузер) — призначена для перегляду інформації Web-сторінок. Вона створює команду, пересилає її на сервер та отримує відповідь. Обробка даних в HTTP складається з чотирьох етапів: відкриття зв’язку, пересилання повідом¬лень запиту, пересилання даних відповіді та закриття зв’язку. Вікно Internet Explorer (рис. 1) містить елементи, які допоможуть керувати цією програмою. На рядку меню вибираються команди та встановлюються опції. | Програма Internet Explorer (Web-броузер) — призначена для перегляду інформації Web-сторінок. Вона створює команду, пересилає її на сервер та отримує відповідь. Обробка даних в HTTP складається з чотирьох етапів: відкриття зв’язку, пересилання повідом¬лень запиту, пересилання даних відповіді та закриття зв’язку. Вікно Internet Explorer (рис. 1) містить елементи, які допоможуть керувати цією програмою. На рядку меню вибираються команди та встановлюються опції. | ||
| − | ЗАВДАННЯ: | + | '''ЗАВДАННЯ:''' |
| − | 1 | + | 1)Створіть свою Web-сторінку на довільну тему, яка повинна містити текст, гіперпосилання, таблицю, графічні зображення. |
| − | + | ||
| − | КОНТРОЛЬНІ ЗАПИТАННЯ: | + | '''КОНТРОЛЬНІ ЗАПИТАННЯ''': |
| + | |||
| + | 1.Описати структуру Web-сторінки. | ||
| + | |||
| + | 2.Що таке HTML? | ||
| + | |||
| + | 3 . Описати основні характеристики HTML. | ||
| − | |||
| − | |||
| − | |||
4. Дати тлумачення поняття гіпертексту та гіперпосилання. | 4. Дати тлумачення поняття гіпертексту та гіперпосилання. | ||
| + | |||
5. Які зображення називаються вбудованими? | 5. Які зображення називаються вбудованими? | ||
Версія за 11:01, 6 жовтня 2008
ТЕМА: Створення власних Web-сторінок. Розміщення зображень, аудіо та відео файлів на сторінках.
МЕТА: навчитись створювати власні Web-сторінки, розміщувати зображення, аудіо та відео файлів на сторінках.
ОБЛАДНЕННЯ: ПК, мова НТМL
ТИП УРОКУ: Лабораторна робота.
ТЕОРИТИЧНІ ВІДОМОСТІ
Web-сторінка — текстовий файл, написаний командами мови HTML. Для роботи з такими файлами використовується спеціальна програма — броузер. Це може бути Internet Explorer, r та ін. HTML-файл має структурований вигляд, який організований за допомогою тегів (вказівки броузеру для визначення тієї чи іншої частини файла). Теги бувають парні — для зазначення початку й кінця фрагмента та одноелементні — для визначення дії. Кожний документ починається із декларативної частини - заголовка, і тіла документа. Документи мовою HTML починаються з декларації <! DOCTYPE>, після цього слідує контейнер тегів, який розпочинається з вказівки "<HTML> " і закінчується "</HTML>": <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Final//EN'>
<HTML>
<HEAD>
<TITLE> Вивчення динаміки популяцій </TITLE>
... Інші елементи заголовку </HEAD>
<BODY>
... Тіло документа </BODY>
</HTML>
У модулі "<HEAD>" має бути розташований контейнер "<TITLE>… <\TITLE> ", який містить назву документу, яка виводиться на екран. Якщо у документі даний тег відсутній, то на місці заголовку буде розташовано URL-адресу файлу. <HTML> <HEAD>
<TITLE> Це заголовок </TITLE>
</HEAD>
<BODY>
Власне документ HTML -тіло документу </BODY>
</HTML>
Команди (теги), що використовуються при створенні WEB-сторінок
<HTML></HTML> — початок і кінець документа;
<HEAD></HEAD> — ділянка заголовка документа;
<BODY></BODY> — зміст документа;
<TITLE></TITLE> — заголовок вікна броузера з відкритим файлом;
<FRAMESET ROWS=“200,*”> …</FRAMESET> — резервування для фрейму частини вікна;
<FRAME NAME=CENTER SRC=FILE.HTML > — визначення імені (місцерозташування в вікні та імені на диску) фрейму;
<A HREF=FILE1.HTML TARGET=“LEFT”> текст </A> — гіперпосилання із визначенням частини вікна (фрейма) для вміщення файла;
<BODY BGCOLOR=“Silver” TEXT=“Black” LINK=“#FF0000”> — визначення кольору фону вікна, кольору тексту, кольору гіперпосилань; колір можна вказати за допомогою назви (Silver) або шістнадцятирічним кодом (#FF0000);
<!-…-> — створення коментаря;
<marquee bgcolor=“#6DEFFF” > текст </marquee> — створення рухливого рядка;
— визначення типу шрифта, його розмір, колір; <IMG SRC=“14.JPG” WIDTH=“220” HEIGHT=“140” ALT=“ЗОБРАЖЕННЯ”> — вставлення графічного об’єкта із визначенням його ширини, висоти, коментаря, який з’являється після підведення вказівника мишки до об’єкта;
<BGSOUND=“14.RMI” LOOP=“INFINITIVE”> — вставка звукового файла, де LOOP визначає тривалість звучання;
— абзац;
</BR> — перехід на новий рядок;
— форматування тексту в напівжирний шрифт;
— форматування тексту в курсив;
— форматування тексту в підкреслений шрифт;
<A HREF=“адреса”>текст</A> — гіперпосилання на інший файл;
<Р ALIGN=CENTER > — визначення виду вирівнювання абзацу;
| -> — початок/кінець комірки таблиці; |
| > — заголовок стовпця таблиці. |
|---|
