Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Складаємо робота

id=“name“Вивчаємо id
Складаємо роботаhttps://codeclubprojects.org id=“name“Вивчаємо id Застосування HTML       	CSS#face {	position: absolute; 	top: 200px; 	left: 100px;} Стилі CSSposition: absolute | fixed | relative | static | inheritposition: absolute Завдання проекту 1. Додати очі до обличчя роботаВикористовуємо готові теги , додаючи обраним елементам 2. Додаємо інші частини обличчя#mouth1 #nose2#ears1#antenna…………Для кожного з елементів не забуваємо коригувати Додаткове завданняНамалюємо з допомогою блоків тіло робота, руки та ноги 1. Знаходимо, що є спільного у всіх блоках та записуємо спільні стилі
Слайды презентации

Слайд 2
id=“name“




Вивчаємо id

id=“name“Вивчаємо id

Слайд 3 Застосування
HTML

Застосування HTML    	CSS#face {	position: absolute; 	top: 200px; 	left: 100px;}

id="face">

CSS
#face {
position: absolute;
top: 200px;
left: 100px;
}


Слайд 4 Стилі CSS
position: absolute | fixed | relative |

Стилі CSSposition: absolute | fixed | relative | static | inheritposition:

static | inherit

position: absolute | fixed | relative


left
top


right 
bottom 



Слайд 6 Завдання проекту

Завдання проекту

Слайд 7 1. Додати очі до обличчя робота
Використовуємо готові теги

1. Додати очі до обличчя роботаВикористовуємо готові теги , додаючи обраним

, додаючи обраним елементам певні стилі CSS для id

#eyes2

{
width: 200px;
position: absolute;
top: 170px;
left: 100px;
}


Слайд 8 2. Додаємо інші частини обличчя
#mouth1
#nose2
#ears1
#antenna
…………

Для кожного з

2. Додаємо інші частини обличчя#mouth1 #nose2#ears1#antenna…………Для кожного з елементів не забуваємо коригувати width top  left

елементів не забуваємо коригувати
width
top

left


Слайд 9 Додаткове завдання
Намалюємо з допомогою блоків
тіло робота,

Додаткове завданняНамалюємо з допомогою блоків тіло робота, руки та ноги

руки та ноги


Слайд 10 1. Знаходимо, що є спільного у всіх блоках

1. Знаходимо, що є спільного у всіх блоках та записуємо спільні

та записуємо спільні стилі CSS для тегу div

2.

Шукаємо, що є спільного у блоках, які зображують руки / ноги, створюємо класи для рук / ніг та записуємо спільні стилі CSS для цих класів

3. Решту, що є унікальним для кожного окремого блоку редагуємо з допомогою ідентифікаторів

  • Имя файла: skladaєmo-robota.pptx
  • Количество просмотров: 81
  • Количество скачиваний: 0