1.Сәлемдесу.
2.«Біртұтас тәрбие» бағдарламасындағы құндылықтарды оқу
процесіне ұйымдастыру кезеңінен бастап, сабақтың әрбір кезеңінде
жүргіземін. Бірлік және ынтымақтастық бойынша психологиялық ахуал
қалыптастыру.
3.Оқушыларды ClassDojo
платформасында 2 топқа
біріктіру.
4.Үй
тапсырмасын пысықтау.
«Фишбоун» әдісі.
Оқушылар А3 плакатқа балық қаңқасының суретін салады.
Жоғарғы қабырғаларына өткен тақырып туралы сұрақтар
жазады.
-
HTML-де CSS
қолданудың маңыздылығы неде?
-
Неліктен
web-дизайн әлемінде CSS-ті қолдану тиімді?
-
Не себепті HTML-ге
қарағанда CSS-тің синтаксисі күрделірек?
-
Селектордың қандай түрлері
бар?
-
Элемент бойынша және Сынып (Класс) бойынша селекторлардың
қызметінде қандай айырмашылықтар
бар?
Төменгі қабырғаларына жауаптарын жазады. Жұмыстарын тақтада
түсіндіреді.
Оқушылардың жауаптарын ауызша мадақтау,
ынталандыру.
Мұғалім: «Ой қозғау» әдісі арқылы жаңа сабақты
ашу.
1.Web-беттерді
жасауда идентификаторлы және мәнмәтінді селекторларды қолдану қалай
жүзеге асады?
2.CSS-те
селекторлардың қандай маңызы бар?
Сабақтың тақырыбы мен мақсатын
таныстырады.
Жаңа материалды
түсіндіру.
Идентификатор бойынша
селекторлар.
Егер біздің
html-парағымызда бірнеше бірдей элемент болса, мысалы азатжол болса
және сол азатжолдардың барлығын қара түске, ал тек біреуін ғана
қызғылт түске өзгерткіміз келсе, бұл азатжолға бірегей
идентификатор жасап, оған стильді саламыз. HTML- де элементтің
идентификаторы id параметрі арқылы беріліп, оның мәні ретінде
бірегей (қайталанбас) атау беріледі. Мысалы: <p id=”pink”>
Идентификаторлық мәтін азатжолы (id).</p>
Мәнмәтіндік
селектор.
Web-бетті жасаған
кезде бір тегтің ішіне басқасын орналастыруға тура келеді. Бұл
тегтердің мәнерлері (стиль) браузерде дұрыс көрінуін қамтамасыз ету
үшін мәнмәтінде жұмыс істейтін селекторлар көмектеседі. Мысалы
<b> тегі үшін стилді тек <p> тегінің ішіне
ораластырғанда беру керек. Осылайша бір уақытта бір тегтің мәнерін
тегтің ішінде орнатуға болады. Мәнмәтін селекторы бос орынмен
бөлінген қарапайым селектордан тұрады.
Идентификаторлар мен кластарды HTML-дің кез келген
элементімен беруге болады. Бірақ көбінесе былай болады; әдетте
түрлі элементтерді бір ғана стильмен, мысалы, жасыл түспен
белгілегіміз келеді. Осындай жағдайда бірыңғайланған селекторды
қолдануға болады.
Ондай селекторларда элемент аты
көрсетілмейді, класс немесе идентификатор және атау белгісі ретінде
нүкте немесе тор көрсетіледі.
|