20 вересня о 18:00Вебінар: Numicon (Нумікон): проста математика для всіх

Практична робота «Створення веб-сторінки з використанням каскадних аркушів стилю»

Про матеріал
Мета: Формувати вміння практичного застосування знань, умінь і навичок створення веб-сторінки з використанням каскадних аркушів стилю. Формувати й удосконалювати вміння й навички у стандартах прямого й успішного руху до накресленої мети. Забезпечити ситуацію вибору. Формувати вміння розв’язувати типові завдання, формувати творчі вміння. Переносити знання і способи діяльності, життєвого досвіду в нову ситуацію. Формувати групи компетентностей: соціально-трудову, інформаційну, загальнокультурну, соціально-трудову, уміння вчитися.
Зміст слайдів
Номер слайду 1

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

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

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

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

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

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

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

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

У папці Прізвище Ім’я створи папку Практична робота 3 Під час виконання практичних завдань пам’ятай про правила безпеки життєдіяльності при роботі з комп’ютером!Програми для створення та редагування HTML-сторінок. Програми для перегляду HTML-сторінок. Основні теги для роботи с текстом. Основні теги для форматування абзаців. Правила створення веб-сторінки, теги веб-сторінки. Збереження та оновлення сторінок, перегляд створених сторінок в вікні браузера

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

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

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

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

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

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

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

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

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

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

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

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

 óíπñ«óá¡«ú« ßΓ¿½ε_html.jpg
_3-D ÑΣѬΓ_html.jpg
Перегляд файлу














Працюємо за комп’ютером

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

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

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

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

У папці Прізвище Ім’я створи папку Практична робота 3 Під час виконання практичних завдань пам’ятай про правила безпеки життєдіяльності при роботі з комп’ютером!Програми для створення та редагування HTML-сторінок. Програми для перегляду HTML-сторінок. Основні теги для роботи с текстом. Основні теги для форматування абзаців. Правила створення веб-сторінки, теги веб-сторінки. Збереження та оновлення сторінок, перегляд створених сторінок в вікні браузера

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

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

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

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

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

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

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

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

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

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

_Вбудований стиль_NotePad.jpg
_Зв'язані таблиці стилів_NotePad.jpg
_Зв'язані таблиці стилів_html.jpg
_до_вірша.jpg
_Зв'язані таблиці стилів-2.jpg
_Шевченко_.jpg
_3-D ефект_NotePad.jpg
Середня оцінка розробки
Структурованість
5.0
Оригінальність викладу
4.0
Відповідність темі
3.0
Загальна:
4.0
Всього відгуків: 1
Оцінки та відгуки
  1. Попович Никита
    Можно питання? Чому зміст архіву не повний? Можете будь ласка зробити друге завдання, "Вбудований стиль","Зв'язані таблиці стилів","Зв'язані таблиці стилів-2"
    Загальна:
    4.0
    Структурованість
    5.0
    Оригінальність викладу
    4.0
    Відповідність темі
    3.0
zip
До підручника
Інформатика (рівень стандарту) 10 клас (Морзе Н.В., Вембер В.П., Кузьмінська О.Г.)
Додано
14 березня
Переглядів
572
Оцінка розробки
4.0 (1 відгук)
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

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