Інформатика – Поглиблений рівень

Безкоштовно

Ніхто не записаний

Урок 98. Інструктаж з БЖД. Практична робота №14 “Створення веб-сторінок”

Інструктаж з БЖД. Практична робота № 10 «Створення веб-сторінки з використанням каскадних аркушів стилю»

Пригадаємо!

Розміщувати елементи на сторінці можна не лише за допомогою фреймів і таблиць –каскадні стилі надають для цього додаткові цікаві можливості.

Зокрема, можна обирати один із трьох типів позиціювання елементів на сторінці: статичне, відносне та абсолютне позиціювання. Тег визначається атрибутом POSITION, який може набувати таких значень:

  • static – статичне; задане за умовчанням і передбачає розміщення чергового об’єкта на вільному місці після попереднього;
  • relative – відносне; визначає розташування об’єкта відносно того місця, яке б він зайняв, якби для нього було використане статичне позиціювання;
  • absolute – абсолютне; передбачає розміщення об’єкта шляхом задавання точного місця його розташування на сторінці.

Виконання практичної роботи.

Повторимо правила ТБ в кабінеті інформатики та при роботі за комп’ютером.

Завдання 1

  • Завантажте сайт https://www.w3schools.com/.
  • На вкладці HTML SVG вставте елемент векторної графіки (на власний вибір).
  • На вкладці HTML YouTube вставте відео.

Завдання 2

  • На вкладці HTML Фонові зображення поексперементуйте зображенням на зразку. Скопіюйте скрипт у файл Notepad++ та вставте власний текст і фото. Збережіть проект у власній папці.
  • Поексперементуйте із фоновим зображенням: налаштуйте фонове зображення на всю сторінку, або використайте фон Repeat, чи будь який інший із зразків.
  • Використовуючи вкладку HTML Заголовки налаштуйте заголовок власного сайту. Вирівняйте його по центру.
  • Використовуючи вкладку HTML Форматування відформатуйте текст на сайті.
  • Використовуючи вкладку HTML Таблиці вставте на сайт із фоновим зображенням таблицю, таблиця повинна відповідати вмісту вашого сайту.
  • Використовуючи вкладку HTML Посилання вставте посилання на один із сайтів, з якого ви брали інформацію для наповнення власного сайту.

Завдання 3

  • На вкладці HTML Блоки поексперементуйте з різними видами блоків.
  • Використовуючи готові приклади застосуйте кілька блоків до свого сайту.
  • Збережіть проект у власній папці.

0.00 на основі 0 рейтингів

5 зірок
0%
4 зірок
0%
3 зірок
0%
2 зірок
0%
1 зірок
0%