Поделиться
Информатика_10.3_HTML_CSS_Презентация (3).pptx
10 сынып
«Бірлес, ойлан, түсіндір ...»
Оқушылар үйге берілген тапсырма бойынша топпен таныстырылым жұмыстарын қорғайды.
Тапсырма шарты:
Әрбір топқа фирма атауы берілген. Мысалы, NIS компаниясы өз сайттарының иерархиялық моделін /дизайнын/ құруы тиіс (сайт талаптарын ескере отырып). Басқа топтарда дәл осы үлгіде.
Сабақтың тақырыбы:
HTML. CSS
Сабақтың мақсаты:
10.4.2.1 Web – бет құруда HTML тілінің негізгі командаларын қолдану;
10.4.2.2 Web – бет құруда CSS командаларын қолдану;
HTML тілі не үшін қажет?
6
HTML деген не?
HTML – (Hypertext Markup Language - “гипермәтін белгілеу тілі”) — интернет желісінде веб беттерді жасауға арналған белгілеу тілі
Видео көрсетілім
https://www.youtube.com/watch?v=8mK5aY5YOCc
ҚҰЖАТЫНЫҢ ҚҰРЫЛЫМЫ
9
Тег деген не?
HTML тілінің бастапқы мәтінді белгілейтін
командалары тег (tag) деп аталынады
Барлық тег «кіші» (<) символдарынан басталады да, «үлкен» (>) символымен аяқталады.
10
Атрибут деген не?
Атрибуттар немесе сипаттамалар — тег атауының және бір бірінен бос орын арқылы бөлініп жазылытын қосымша түйінді сөздерден тұрады.
<тег имя Атрибута = "значение">
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://htmlbook.ru/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
http://www.duketown.com/marcel/htmltest.shtml
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
