Кесте құрудың HTML тіліндегі тегтерін, визуалды редакторда кесте құрудың тәсілін үйрету
Сабақ туралы мәлімет
Мектеп
Маңғыстау облысы, Бейнеу ауданы, Атамекен орта мектебі
Пән мұғалімі
Информатика пәні мұғалімі Авезова Бибихадиша
Сабақтың тақырыбы
Кестеде орналасқан ақпараттары бар беттерді құру
Мақсаты мен міндеттері
Сабақтың мақсаты
HTML тіліндегі кесте құру тегтерін және визуалды редакторда кесте құру тәсілдерін үйрету.
Білімділік
Жаңа тақырыпты меңгерту арқылы оқушылардың ойлау қабілетін дамыту.
Тәрбиелік
Шығармашылық қабілеттерін және пәнге деген қызығушылығын арттыру.
Сабақтың түрі
Жаңа тақырыпты түсіндіру сабағы.
Сабақтың өту әдістері
- Түсіндіру
- Сұрақ-жауап
- Көрнекілік көрсету
- Тәжірибелік әдіс
Сабақ барысы
- Ұйымдастыру кезеңі
- Сабақтың мақсаты мен маңызын анықтау
- Үй тапсырмасын тексеру
Негізгі түсінік: Web-құжаттағы кесте
Web-құжаттың негізгі бөліктерінің бірі — кесте. Кесте — бағаналар мен жолдардың қиылысуынан пайда болатын ұяшықтар жиынтығы. Ол белгілі бір мақсатта немесе тақырып бойынша ақпаратты реттеп орналастыру үшін қолданылады.
Маңызды ескерту
Ұяшықты бос күйінде көрсету қажет болса, бос орын таңбаларын енгізуге болады.
Кестенің құрылымы
- Кесте тақырыбы
- Бағаналар тақырыбы
- Ұяшықтар
Ұяшыққа орналастырылатын ақпарат
Кесте ұяшықтарына суреттер, сандар, мәтіндер немесе тіпті шағын кесте де орналастыруға болады.
Тәжірибе: қарапайым 2×4 кесте құру
Енді HTML тегтері арқылы қарапайым 2×4 кесте құрып көрейік. Мұнда border — кесте сызықтарының ені. Ал кесте жолы мен бағанасы ұяшықтар арқылы қалыптасады.
Жұмыс реті
- Алдымен кестеде қанша жол болатынын анықтаймыз.
- Егер екі жол болса, әр жолдың ішіне қажетті бағаналарды (ұяшықтарды) орналастырамыз.
Осы жерден жалғасады
Әуелі кестенің жолы қанша екенін құрамыз. Егер екеу болса, онда келесі қадамда әр жолға төрт ұяшықтан енгіземіз.
Мәтіннің келесі бөлігінде нақты HTML мысалы беріледі.