Веб парақ бетіндегі графика. Информатика, 10 сынып, презентация.

Веб парақ бетіндегі графика

Оқыту мақсаттары

10.2.3.3 размещать графические объекты и анимацию на веб-странице (логотип, баннер и т.п.)

бағалау критерийлері

Веб-парақта суреттер, анимациялар және логотиптерді пайдаланады

Сайтыңызды қалай әдемі ете аласыз?

Логотип

Сурет

Анимация

Сайттарды көрсету

https://www.theworldsworstwebsiteever.com apple.com

Веб-парақта графикалық дизайнға арналған тегтер мен стильдер

=”суретке жол”/> Бұл тег веб-беттегі кескінді енгізу үшін пайдаланылады.

border-radius элементінің бұрыштарын дөңгелетуге арналған

hover элементтің үстіне меңзеген кезде әрекеттерді орындайды

@keyframes анимацияларды жасау үшін қолданылған

border-radius

Hover

@keyframes

Практикалық жұмыс

@keyframe арқылы анимация болу керек

● логотипі болуы керек

● бұрыштары дөңгеленген кемінде бір сурет болуы керек.

● гиперсілтемелерге курсор апарғанда кезде түсі өзгеретін болуы керек.

Веб парақ құрастырудың критерийлері:

Сіз сыныпта не білдіңіз?

Бүгін не үйрендіңіз?