Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання

Про матеріал
Мета: познайомити учнів з елементами форматування тексту веб-документу; продовжувати формувати вміння та навички створення веб-сторінок.; розвивати дизайнерські здібності учнів, уміння планувати свою роботу; виховувати культуру представлення інформації.
Перегляд файлу
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Пригадайте: Проектування та верстка веб-сторінок. Що таке HTML?Що таке веб-сторінка?Які Вам відомі теги структури веб-сторінки?
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Ти дізнаєшся: Проектування та верстка веб-сторінок
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів{7 DF18680-E054-41 AD-8 BC1-D1 AEF772440 D}Теги. Ефект<B> та </В>Напівжирне накреслення<I> та </I>Курсивне накреслення<U> та </U>Підкреслене<S> та </S>Перекреслене<SUP> та </SUP>Верхній індекс<SUB> та </SUB>Нижній індекс
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Параметри шрифту Тег <BASEFONT> задає гарнітуру, розмір і колір шрифту. FACE=
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Параметри шрифту Тег <FONT АТРИБУТИ>Текст </FONT> задає гарнітуру, розмір і колір шрифту<BIG>Teкст</BIG> — збільшення розміру шрифту<SMALL>Teкст</SMALL> — зменшення розміру шрифту<ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту<DEL>Teкст</DEL> — створення перекресленого тексту<MARQUEE> та </MARQUEE> — додавання «рухомого рядка»
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Вправа 2_2
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Вправа 2_2
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТекстові гіперпосилання. Теги <А> та </А>Гіперпосилання — це вказівка для браузера, до якого об'єктау межах або поза межами HTML-документа він має звернутися, переходити з однієї веб-сторінки на іншу, завантажувати файли тощо<А HREF=Текст посиланняМоя фірма

Наша продукція

Наші замовники

" title="Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТекстові гіперпосилання. Теги <А> та Гіперпосилання — це вказівка для браузера, до якого об'єктау межах або поза межами HTML-документа він має звернутися, переходити з однієї веб-сторінки на іншу, завантажувати файли тощо<А HREF="#назва_мітки">Текст посиланняМоя фірма

Наша продукція

Наші замовники

">
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити тему. Розробіть веб-сторінку «Моя школа»за структурою: інформація про школу,гіперпосилання на сайт закладу. Заповнити словничок Теги для форматування тексту, гіперпосилання
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.2. Троянда сталиста. Помістимо на веб-сторінку наведений нижче текст, відформатувавши його за допомогою відповідних тегів.1. Введіть HTML-код веб-сторінки, на якій відображатиметься наведений вище відформатований текст. У цьому прикладі для деяких фрагментів тексту необхідно застосувати по два теги форматування. Слід пам'ятати про правило вкладених тегів, згідно з яким їх потрібно закривати у зворотному до відкривання порядку. Тобто якщо спершу відкрили тег курсиву, а потім — тег підкреслення, то спочатку слід закривати тег підкреслення, а потім — курсиву. 2. Збережіть html-документ у файлі з розширенням .html
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.2 (продовження)
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.3. Гіперпосилання та якорі
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.3. Гіперпосилання та якорі (продовження)
Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.4. Моя фірма
Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Працюємо за комп’ютером
Зміст слайдів
Номер слайду 1

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк

Номер слайду 2

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок

Номер слайду 3

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Пригадайте: Проектування та верстка веб-сторінок. Що таке HTML?Що таке веб-сторінка?Які Вам відомі теги структури веб-сторінки?

Номер слайду 4

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Ти дізнаєшся: Проектування та верстка веб-сторінок

Номер слайду 5

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання

Номер слайду 6

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів{7 DF18680-E054-41 AD-8 BC1-D1 AEF772440 D}Теги. Ефект та Напівжирне накреслення та Курсивне накреслення та Підкреслене та Перекреслене та Верхній індекс та Нижній індекс

Номер слайду 7

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Параметри шрифту Тег задає гарнітуру, розмір і колір шрифту. FACE="значення" — гарнітура. FACE=значення — розмір шрифту (ціле число від 1 до 7)COLOR=значення — колір шрифту

Номер слайду 8

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Параметри шрифту Тег Текст задає гарнітуру, розмір і колір шрифтуTeкст — збільшення розміру шрифтуTeкст — зменшення розміру шрифту<ЕМ>Текст — виділення важливих фрагментів текстуTeкст — створення перекресленого тексту та — додавання «рухомого рядка»

Номер слайду 9

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Вправа 2_2

Номер слайду 10

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТеги для форматування символів. Вправа 2_2

Номер слайду 11

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLТекстові гіперпосилання. Теги <А> та Гіперпосилання — це вказівка для браузера, до якого об'єктау межах або поза межами HTML-документа він має звернутися, переходити з однієї веб-сторінки на іншу, завантажувати файли тощо<А HREF="#назва_мітки">Текст посиланняМоя фірма

Наша продукція

Наші замовники

Номер слайду 12

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити тему. Розробіть веб-сторінку «Моя школа»за структурою: інформація про школу,гіперпосилання на сайт закладу. Заповнити словничок Теги для форматування тексту, гіперпосилання

Номер слайду 13

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.2. Троянда сталиста. Помістимо на веб-сторінку наведений нижче текст, відформатувавши його за допомогою відповідних тегів.1. Введіть HTML-код веб-сторінки, на якій відображатиметься наведений вище відформатований текст. У цьому прикладі для деяких фрагментів тексту необхідно застосувати по два теги форматування. Слід пам'ятати про правило вкладених тегів, згідно з яким їх потрібно закривати у зворотному до відкривання порядку. Тобто якщо спершу відкрили тег курсиву, а потім — тег підкреслення, то спочатку слід закривати тег підкреслення, а потім — курсиву. 2. Збережіть html-документ у файлі з розширенням .html

Номер слайду 14

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.2 (продовження)

Номер слайду 15

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.3. Гіперпосилання та якорі

Номер слайду 16

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.3. Гіперпосилання та якорі (продовження)

Номер слайду 17

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.4. Моя фірма

Номер слайду 18

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Працюємо за комп’ютером

Перегляд файлу














Зміст слайдів
Номер слайду 1

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання

Номер слайду 2

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.2. Троянда сталиста. Помістимо на веб-сторінку наведений нижче текст, відформатувавши його за допомогою відповідних тегів.1. Введіть HTML-код веб-сторінки, на якій відображатиметься наведений вище відформатований текст. У цьому прикладі для деяких фрагментів тексту необхідно застосувати по два теги форматування. Слід пам'ятати про правило вкладених тегів, згідно з яким їх потрібно закривати у зворотному до відкривання порядку. Тобто якщо спершу відкрили тег курсиву, а потім — тег підкреслення, то спочатку слід закривати тег підкреслення, а потім — курсиву. 2. Збережіть html-документ у файлі з розширенням .html

Номер слайду 3

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.2 (продовження)

Номер слайду 4

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.3. Гіперпосилання та якорі

Номер слайду 5

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.3. Гіперпосилання та якорі (продовження)

Номер слайду 6

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Вправа 2.4. Моя фірма

Номер слайду 7

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити тему. Розробіть веб-сторінку «Моя школа»за структурою: інформація про школу,гіперпосилання на сайт закладу. Заповнити словничок Теги для форматування тексту, гіперпосилання

Середня оцінка розробки
Структурованість
3.0
Оригінальність викладу
2.0
Відповідність темі
3.0
Загальна:
2.7
Всього відгуків: 2
Оцінки та відгуки
  1. Светлана Овсяник
    Загальна:
    4.3
    Структурованість
    5.0
    Оригінальність викладу
    3.0
    Відповідність темі
    5.0
  2. Лакис Сергей
    Робота непогана. Але, я не зрозумів те, як автор переходить до певних елементів не давши загальну структуру HTML документу. Якщо загальна структура була подана раніше, то, на мою думку, повинна вона фігурувати на початку презентації. Якщо мова йде про вищеперечислені теги, то тоді куди поділись теги , , які мають пріорітет перед , ?
    Загальна:
    1.0
    Структурованість
    1.0
    Оригінальність викладу
    1.0
    Відповідність темі
    1.0
zip
До підручника
Інформатика (рівень стандарту) 10 клас (Морзе Н.В., Вембер В.П., Кузьмінська О.Г.)
Додано
14 лютого 2019
Переглядів
7524
Оцінка розробки
2.7 (2 відгука)
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку