HTML. CSS. Информатика, 10 сынып, презентация.
10 сынып
«Бірлес, ойлан, түсіндір ...»
Оқушылар үйге берілген тапсырма бойынша топпен таныстырылым жұмыстарын қорғайды.
Тапсырма шарты:
Әрбір топқа фирма атауы берілген. Мысалы, NIS компаниясы өз сайттарының иерархиялық моделін /дизайнын/ құруы тиіс (сайт талаптарын ескере отырып). Басқа топтарда дәл осы үлгіде.
Сабақтың тақырыбы:
HTML. CSS
Сабақтың мақсаты:
10.4.2.1 Web – бет құруда HTML тілінің негізгі командаларын қолдану;
10.4.2.2 Web – бет құруда CSS командаларын қолдану;
HTML тілі не үшін қажет?
HTML деген не?
HTML – (Hypertext Markup Language - “гипермәтін белгілеу тілі”) — интернет желісінде веб беттерді жасауға арналған белгілеу тілі
Видео көрсетілім
https://www.youtube.com/watch?v=8mK5aY5YOCc
ҚҰЖАТЫНЫҢ ҚҰРЫЛЫМЫ
<head>
<title> құжат тақырыбы
title>
бұл мәтін экранға шығады body> Тег деген не? HTML тілінің бастапқы мәтінді белгілейтін командалары тег (tag) деп аталынады Барлық тег «кіші» (<) символдарынан басталады да, «үлкен» (>) символымен аяқталады. Атрибут деген не? Атрибуттар немесе сипаттамалар — тег атауының және бір бірінен бос орын арқылы бөлініп жазылытын қосымша түйінді сөздерден тұрады. <тег имя Атрибута = "значение"> HTML - құжаты Первый абзац документа ……… Последний абзац документа заголовок ҚҰЖАТЫНЫҢ ҚҰРЫЛЫМЫ Оnline интерактивті тапсырманы орындаңыз №1 тапсырма http://learningapps.org/138127 №2 тапсырма Тапсырма шарты: Берілген ресурстардан программа құрылымын құру №3 ТАПСЫРМА http://www.landofcode.com/online-code-editor.php?file=html_print_name Мысалы: Notepad ++ бағдарламасында берілген тапсырма бойынша веб – бет құрыңыз Оnline интерактивті тапсырманы орындаңыз http://www.teach-ict.com/gcse_new/software/web_design/quiz/matchup_web_design.htm №4 тапсырма Практикалық жұмыс Жеке жұмыс: Берілген үлгі бойынша тапсырманы реттілікпен орындау CSS деген не? Cascading Style Sheets HTML ұсыну туралы ережелерді қамтиды. + = HTML CSS Web Page CSS CSS бірнеше жолмен HTML-ге енгізілуі мүмкін. Мұның бір жолы - барлық CSS-ті стилі тегіне қосу, көбіне тегтің ішінде:
http://www.teaching-materials.org/htmlcss/lesson4/slides.html#slide15 http://www.teaching-materials.org/htmlcss/#lesson4 https://play.kahoot.it/#/?quizId=d8384c9e-b4b6-4605-8867-f1e538cab3a7 «Who's Faster?» Сабақтың мақсаты: Бағалау 10.4.2.1 Web – бет құруда HTML тілінің негізгі командаларын қолдану; 10.4.2.2 Web – бет құруда CSS командаларын қолдану; Рефлексия Төмендегі үлгіні ескеріп ВЕБ - БЕТ құрыңыз: Үй тапсырмасы: Пайдаланылған әдебиеттер: http://www.landofcode.com/online-code-editor.php?file=html_print_name https://play.kahoot.it/#/?quizId=aca2835b-3f4c-43ef-9ee0-0f89816208bd http://ru.wikipedia.org/wiki/HTML http://www.puzzleweb.ru/html/00_teacher.php https://www.pearsonschoolsandfecolleges.co.uk/Secondary/ICT/11-14/PGBasicICT/Samples/sample/bhtmlteachers.pdf http://www.tutorials4u.com/html/tutorial-02-first-web-page.htm#HTML
Әлеуметтік желілерде бөлісіңіз:
Facebook | VK | WhatsApp | Telegram | Twitter
Қарап көріңіз 👇
Пайдалы сілтемелер:
» Туған күнге 99 тілектер жинағы: өз сөзімен, қысқаша, қарапайым туған күнге тілек
» Абай Құнанбаев барлық өлеңдер жинағын жүктеу, оқу
» Дастархан батасы: дастарханға бата беру, ас қайыру
Соңғы жаңалықтар:
» 2025 жылы Ораза және Рамазан айы қай күні басталады?
» Утиль алым мөлшерлемесі өзгермейтін болды
» Жоғары оқу орындарына құжат қабылдау қашан басталады?