Презентація: "Проектування та верстка веб-сторінок"

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

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

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

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

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLНумеровані й марковані списки. У HTML-документах використовують три види списків:невпорядкований (маркований)упорядкований (нумерований)список визначень

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLНумеровані й марковані списки. Невпорядкований список. У невпорядкованому списку для виділення елементів використо­вуються певні позначки (крапки, квадрати тощо). Починається такий список із тегу 

, а закінчується — 

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLНумеровані й марковані списки. Упорядкований список. В упорядкованому списку всі елементи пронумеровані. Починається список із тегу <0 L>, а закінчується — . Кожний елемент такого списку також починається з тегу

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLНумеровані й марковані списки. Упорядкований список. У разі потреби за допомогою атрибута START можна задати відмінний від одиниці початковий номер елемента, наприклад <0 L TYPE="I" START="5">, Нумерований список, початковий елемент якого позначено латинською літерою Е, яка є п'ятою в алфавіті, описують так:

5. Перший елемент списку
6. Другий елемент списку
7. Третій елемент списку
8. Четвертий елемент списку

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLПриклад 2.1. Маркований список, в якому для позначення елементів використовують коло. Нумеровані й марковані списки

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

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLСтворення таблиці{2 D5 ABB26-0587-4 C30-8999-92 F81 FD0307 C}Таблицю описують за допомогою тегів TABLE>...Таблиця повинна мати один або кілька рядків TR>...У кожному з яких може міститися заголовок <ТН>... або дані ...Атрибут BORDER, який має цілочислове значення, що визначає товщину рамки в пікселях. Наприклад

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

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLПриклад 2.4. HTML-документ, що містить таблицю. Створення таблиці{5 A111915-BE36-4 E01-A7 E5-04 B1672 EAD32}Понеділок. Вівторок. Середа. Четвер. П'ятниця1. Алгебра1. Українська мова1. Зарубіжна література 1. Географія 1. Хімія 2. Іноземна мова2. Хімія 2. Геометрія 2. Фізична культура 2. Іноземна мова3. Фізична культура3. Алгебра 3. Іноземна мова3. Фізика 3. Геометрія 4. Географія4. Інформатика 4. Трудове навчання 4. Українська мова4. Українська література 5. Фізика 5. Українська література

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

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

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

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLОб'єднання комірок{2 D5 ABB26-0587-4 C30-8999-92 F81 FD0307 C}Для об'єднання комірок використовують такі атрибути: COLSPAN (об'єднання по горизонталі, у рядку) і ROWSPAN (по вертикалі,у стовпці) тегу Значеннями цих атрибутів є кількість об'єднуваних стовпців або рядків. Наприклад, COLSPAN=3 означає, що комірка розтягнута на З стовпці, а ROWSPAN=2 — що комірка займає 2 рядки.

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

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLВстановлення ширини таблиці та комірок {2 D5 ABB26-0587-4 C30-8999-92 F81 FD0307 C}Ширину таблиці задають атрибутом WIDTH у тегу

або <ТН>Ширину таблиці можна визначати як у пікселях, так і у відсотках від ширинивікна. Ширину комірок — у пікселях або у відсотках від ширини таблиці. Номер слайду 18 Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLОб'єднання комірок. Приклад 2.6. HTML-документ, в якому задана ширина таблиці та деяких комірок Номер слайду 19 Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити тему. Розробіть веб-сторінку «Мої завдання на найближчі три місяці»Заповнити словничок Списки, таблиці Номер слайду 20 Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Завдання 1. Маркований список. Запишіть HTML-код для сторінки та збережіть цей файл як Браузери.html. Відкрийте у вікні браузера сторінку створеного веб-сайту, на екрані відобразиться інформація списку браузерів. Номер слайду 21 Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Завдання 2. Нумерований список. Запишіть HTML-код для сторінки та збережіть цей файл як ЗНО.html. Відкрийте у вікні браузера сторінку створеного веб-сайту, на екрані відобразиться інформація списку документів. Номер слайду 22 Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Завдання 3. Мої досягнення. Запишіть HTML-код для сторінки та збережіть цей файл як Досягнення.html. Відкрийте у вікні браузера сторінку створеного веб-сайту, на екрані відобразиться таблиця досягнень. Номер слайду 23 Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Працюємо за комп’ютером Середня оцінка розробки Структурованість 5.0 Оригінальність викладу 5.0 Відповідність темі 5.0 Загальна: 5.0 Всього відгуків: 1 Оцінки та відгуки Степенко Людмила Василівна 26.01.2023 в 18:32 Загальна: 5.0 Структурованість 5.0 Оригінальність викладу 5.0 Відповідність темі 5.0 pptx Завантажити Зберегти на потім Додав(-ла) Янко Сергій Сергійович Пов’язані теми Інформатика, 11 клас, Матеріали до уроків Інкл До підручника Інформатика (академічний, профільний рівень) 11 клас (Лисенко Т.І., Ривкінд Й.Я., Чернікова Л.А., Шакотько В.В.) Додано 26 жовтня 2020 Переглядів 5248 Оцінка розробки 5.0 (1 відгук) Безкоштовний сертифікат про публікацію авторської розробки Щоб отримати, додайте розробку Додати розробку Рекомендовані матеріали doc 8724 0 Урок: "Формати зображень та формати відеофайлів, що використовуються в Інтернеті, їхні особливості." docx 14094 5 Урок: "Поняття про мову розмітки, гіпертекстовий документ та його елементи. HTML файли." doc 1008 0 Урок: "Способи керування структурою та розміщенням інформації на веб-сторінках" docx 2331 0 Урок: "Розмітка веб-сторінок за допомогою таблиць. Теги таблиць, рядків, клітинок, їх атрибути" Схожі матеріали ppt 2751 3 Презентація "Створення найпростішого калькулятора у середовищі візуального програмування Delphi" docx 2940 5 Розробка відкритого бінарного заняття з дисциплін «ІНФОРМАТИКА ТА КОМП’ЮТЕРНА ТЕХНІКА» та «ЕКОНОМІКИ ПІДПРИЄМСТВА» docx 3111 0 Урок "Сортування і фільтрація. Практична робота" zip 3358 5 Урок "Аналіз даних за допомогою функцій табличного процесора" docx 5278 0 "Конспект уроку з інформатики для 11 класу на тему "Електронне листування." Поділитись матеріалом facebook 0 viber 0 telegram 0 Twitter 0 Google+ 0 Завантажити Зберегти на потім Реєстрація на сайті «На Урок» Зареєструватись за допомогою Facebook Зареєструватись за допомогою Google або Прізвище Ім'я Email Пароль Реєструючись, ви погоджуєтеся з угодою користувача та політикою конфіденційності. Зареєструватись Вже зареєстровані? Спробуйте увійти × Давай дружити! Оновлення «На Урок» — в кожну стрічку Facebook «На Урок». Освітній інтернет-проект Дякую, Я вже давно з вами × Розсилка «На Урок» Ми надсилатимемо наші цікаві та дуже корисні статті щоп’ятниці Ваш e-mail Підписатись Дякуємо! Ми будемо тримати Вас в курсі!