Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
25 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
1.62 MB
Просмотров:
52
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img0.jpg)
№2 слайд![Web-стор нка - це створений](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img1.jpg)
Содержание слайда: Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера.
Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера.
Мова HTML була запропонована Тімом Бернерсом-Лі у 1989р., як один з компонентів технології розробки системи WWW для опису того, як має виглядати документ.
Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами.
№3 слайд![Сукупн сть тег в правил х](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img2.jpg)
Содержание слайда: Сукупність тегів і правил їх використання називається мовою HTML (HyperText Markup Language —мова розмітки гіпертексту).
Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом.
Ім'я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер, є Web-сторінкою, яка переглядається за допомогою Web-броузера.
№4 слайд![.Створити файл типу Текстовий](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img3.jpg)
Содержание слайда: 1.Створити файл типу «Текстовий документ»
1.Створити файл типу «Текстовий документ»
2. Набрати в ньому код HTML-документа (Web-страницы)
3.Відкрити меню «Файл» і вибрати в пункт «Зберегти як…»
4. У вікні, що з'явилося, навпроти «Ім'я файлу» ввести ім'я файлу (наприклад, своє прізвище латинськими буквами) і через крапку вказати розширення htm. Натиснути кнопку «Зберегти».
5.відкрийте цей файл за допомогою браузера.
№5 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img4.jpg)
№6 слайд![це фрагмент коду, який опису](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img5.jpg)
Содержание слайда: це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < >
це фрагмент коду, який описує певний елемент документа HTML і міститься в спеціальних дужках < >
кінцевий тег має символ /
бувають парні та непарні (елементи, створені парними, називаються контейнерами.
№7 слайд![задають правила форматування](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img6.jpg)
Содержание слайда: задають правила форматування тексту;
задають правила форматування тексту;
визначають межі дії елементу;
відокремлюють один елемент від іншого.
№8 слайд![. Структурн це елементи, як](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img7.jpg)
Содержание слайда: 1. Структурні – це елементи, які обов'язкові для HTML-документа
1. Структурні – це елементи, які обов'язкові для HTML-документа
2. Блокові – це елементи, які призначені для форматування текстових блоків
3. Текстові – це елементи, які задають…
розмітку шрифту, розмітку тексту
4. Спеціальні – це елементи порожнього рядка,
якірний елемент, упроваджені
елементи, елементи таблиці.
№9 слайд![lt HTML gt lt HTML gt початок](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img8.jpg)
Содержание слайда: <HTML>…</HTML> – початок та кінець документа.
<HTML>…</HTML> – початок та кінець документа.
<HEAD>…</HEAD> – початок та кінець заголовка.
<TITLE>…</TITLE> – текст між даними тегами інтерпретується, як назва сторінки і відображається в рядку заголовка вікна браузера.
<BODY>…</BODY> – містить оформлення гіпертексту для відображення браузером, цю частину називають тілом документа.
№10 слайд![lt ! DOCTYPE gt службова](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img9.jpg)
Содержание слайда: <! DOCTYPE> – службова інформація для браузера
<! DOCTYPE> – службова інформація для браузера
<HTML>
<HEAD>
<TITLE>…</TITLE>
</HEAD>
<BODY >
……………...
………………
</BODY>
</HTML>
№11 слайд![Параметри тега BODY Параметри](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img10.jpg)
Содержание слайда: Параметри тега BODY
Параметри тега BODY
BACKGROUND =" d: \my web\picture 1. gpj"
Задає шлях до картинки для тла
BGCOLOR = "white"
Задає білий колір тла, якщо не використовується тло-картинка
BGPROPERTIES = "fixed"
Фонове зображення не прокручується
TEXT = "black"
Задає колір тексту (тут чорний) на сторінці
№12 слайд![Створення заголовк в Headings](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img11.jpg)
Содержание слайда: Створення заголовків (Headings) <Ні>... </Ні>
Створення заголовків (Headings) <Ні>... </Ні>
<HTML>
<HEAD><TITLE> Приклади різнорівневих заголовків </TITLE></НЕАD>
<BODY>
<H1>Приклад заголовку розміру Н1 </H1>
<H2>Приклад заголовку розміру Н2 </H2>
<H3>Приклад заголовку розміру Н3 </H3>
<H4>Приклад заголовку розміру Н4 </H4>
<H5>Приклад заголовку розміру Н5 </H5>
<H6>Приклад заголовку розміру Н6 </H6>
</BODY></HTML>
№13 слайд![Абзаци Paragraphs lt Р gt ...](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img12.jpg)
Содержание слайда: Абзаци (Paragraphs) <Р>... </Р>
Абзаци (Paragraphs) <Р>... </Р>
Для того, щоб розділити текст на абзаци, використовують парний тег <Р>. Все що знаходиться між <Р> і </Р> складає один абзац (тег </Р> необов'язковий). Абзаци відокремлюються порожніми рядками.
Теги вирівнювання:
<CENTER> елемент </CENTER>
Вирівнювання до центру
<LEFT> елемент </LEFT>
Вирівнювання до лівого краю
<RIGHT> елемент </RIGHT>
Вирівнювання до правого краю
№14 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img13.jpg)
№15 слайд![Теги форматування символ в](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img14.jpg)
Содержание слайда: Теги форматування символів тексту (вони парні):
Теги форматування символів тексту (вони парні):
№16 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img15.jpg)
№17 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img16.jpg)
№18 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img17.jpg)
№19 слайд![Приклад . Створення WEB -стор](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img18.jpg)
Содержание слайда: Приклад 4. Створення WEB -сторінку, яка виводить на екран вірш:
Приклад 4. Створення WEB -сторінку, яка виводить на екран вірш:
<HTML>
<HEAD><TITLE> Мій улюблений вірш </TITLE></НЕАD>
<BODY>
<CENTER><H1>Причина</H1></CENTER>
<H2 ALIGN=RIGHT>Тарас Шевченко</Н2>
<H3>
<p ALIGN=LEFT>
Реве та стогне Дніпр широкий,<BR>
Сердитий вітер завива,<BR>
Додолу верби гне високі,<BR>
Горами хвилі підійма...</р>
<H3>
<HR ALIGN=CENTER WIDTH=75% SIZE=5 COLOR=RED >
</BODY></HTML>
№20 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img19.jpg)
№21 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img20.jpg)
№22 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img21.jpg)
№23 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img22.jpg)
№24 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img23.jpg)
№25 слайд![](/documents_6/bfe67df17a4b744da34b98e28e3ced10/img24.jpg)