Жаңа сабаққа арналған тәжірибелік жұмыс үлгісін орындау
Жаңа сабаққа арналған тәжірибелік жұмыс үлгісін орындауға оқытушы қатысады, сонымен қатар көршісі-көршісінің қаншалықты орындағанына мән беріп, қиналған жеріне көмектеседі. Көршісін бағалау парағына әр кезең соңдарында бағалайды.
<HTML>
<BODY LINK=A26714 VLINK=D7B483 ALINK=937E5F><br><br>
<a href=egypt.png target="OKNO">Древний Египет</a><br><br>
<a href=viking.png target="OKNO">Викинги</a><br><br>
<a href=sredn.png target="OKNO">Средние века</a><br><br>
<a href=XX.png target="OKNO"> начало XX века</a><br><br>
</BODY>
</HTML>
<HTML>
<BODY >
<FONT COLOR=E5C69A>
<H2>
<p align=center>Одежда разных эпох </p>
<BR></H2>
</FONT>
</BODY>
</HTML>
<HTML>
<FRAMESET noscroll COLS="250,*">
<FRAME SRC="menu.html" >
<FRAMESET BORDER=1 FRAMEBORDER=no rows="50,*">
<FRAME SRC="top.html" >
<FRAME SRC="egypt.png" align=left NAME="OKNO">
</FRAMESET>
</FRAMESET>
</HTML>
2. Өздік тәжірибелік жұмыс тапсырмасы:
Жаңа сабаққа арналған өздік тәжірибелік жұмыс тапсырмасын орындау барысында көршісі-көршісінің қаншалықты орындағанына мән беріп, қиналған жеріне көмектеседі. Көршісін бағалау парағына әр кезең соңдарында бағалайды.
Нұсқаулық:
1. Пример_7 бумасын ашыңыз.
2. Материалы_7 бумасы файлдарын пайдаланып, HTML-құжат құрыңыз.
3. index.htm іске қосыңыз
4. Басты менюде Internet Explorer Вид/В виде HTML.
5. 5. Internet Explorer суретті және құжат мәтінін салыстыру HTML-
6. Ноутбук, сіз белгілі бір шеңберінде суреттер шығысына жақтауларды және сілтемелер жасауға мүмкіндік онда тегтер мен атрибуттар тег анықтау үшін.
7. 6. Егер Менің құжаттарым қалтасында қалта жасау.
8. 7. Осы қалта Materialy_7 қалта мазмұнын көшіріңіз.
9. қалтаға Materialy_7 (жаңадан құрылған HTML-құжаттар сол кадрдың бастап аттарын жасауға, кадр ішіне бет үзілімі) файлдарды пайдаланып ноутбук HTML-құжаттар 8. жазу.
10. сілтеме (мәтін мен суреттер орналастыру үшін неявной үстел пішімі мен мәтін еніне пайдалануға) мәтін фрагменті жəне сурет болуы тиіс 9. Әрбір HTML-құжат.
11. 10. нәтижесі 1-суретте шамамен бірдей болуы тиіс
Сур.1
Қосымша тапсырма: Егер студент уақытынан бұрын тапсырманы бітірсе, by_hand папкасынан 8-ші тәжірибелік жұмысты орындауға көшеді. Қалған студенттерге берілген уақыт аяқталғанда, қосымша тапсырма жасап отырған студент те өз жұмысын аяқтайды. Тапсырма үй жұмысы ретінде аяқталуға беріледі.
УКАЗАНИЕ:
1. Пример_7 бумасын ашыңыз.
2. Материалы_7 бумасы файлдарын пайдаланып, HTML-құжат құрыңыз.
3. index.htm іске қосыңыз
4. Басты менюде Internet Explorer Вид/В виде HTML.
5. Егер сіз шеңберінде (кадрлар) Бетті бөлуге мүмкіндік береді, ол тегтер мен атрибуттар тег анықтау үшін 5. Notepad.оң жақтауда 6. басыңыз, тінтуірдің оң жақ түймешігімен басыңыз және мәтінмәндік мәзірден таңдаңыз, HTML жылы көрінісі түймешігін басыңыз.
Егер сіз сурет картасын құруға мүмкіндік беретін тегтер мен тегтер атрибуттары анықтау үшін 7..
8. Егер Менің құжаттарым қалтасында қалта жасау.
material_ 7 файлдарын қолдану арқылы ноутбук HTML-құжаттар 9. жазу (алғашқы HTML-құжат картаның сурет кірістіру үшін, екінші HTML-құжаттың шеңберінде Бетті бөлуге болады; сондай-ақ, болуға HTML-құжаттарды жасау тиісті өрістер-карта суретті басу арқылы сол жақ жақтау жүктелген.)
Фотосуреттер Карта-пайдалану графикалық редакторы Photoshop (MapTag сүзу) аудандардың координаттарын анықтау үшін 10.. нәтижесі суретте шамамен бірдей болуы тиіс: 1
Сур.1
3. Өздік тәжірибелік жұмыс тапсырмасын тексеру:
Студенттертердің өздік тәжірибелік жұмысты қалай орындағанын көршісі-көршісін тексеріп, олардың қате-кемшіліктерін ескерту, сол арқылы қай жерде қиналғандарын сұрау. Көршісін бағалау парағына әр кезең соңдарында бағалайды.
V. Жаңа сабақты бекіту (10 мин)
Жаңа сабақты бекіту барысында әр көрші-көршісіне 5 сұрақ қойып, соған жауап алады. Көршісін бағалау парағына әр кезең соңдарында бағалайды.
Мысалы:
Фреймы в HTML ?
Независимыми окна ?
Вложенными окна ?
<HTML>
<BODY LINK=A26714 VLINK=D7B483 ALINK=937E5F><br><br>
<a href=egypt.png target="OKNO">Древний Египет</a><br><br>
<FONT COLOR=E5C69A>
<H2>
<p align=center>Одежда разных эпох </p>
<BR></H2>
</FONT
<FRAMESET noscroll COLS="250,*">
<FRAME SRC="menu.html" >
<FRAMESET BORDER=1 FRAMEBORDER=no rows="50,*">
<FRAME SRC="top.html" >
</FRAMESET>
<FONT COLOR=E5C69A>
<p align=center>Одежда разных эпох </p>
VІ. Рефлексия (2 мин)
-Ең жоғары балл алған студент өз группаластарынан бір тілек сұрайды. Ол сұрақ не тапсырма немесе бір өнер болуы мүмкін. Көңілін ешкімнің қайтаруға қақысы жоқ. Бұл шарт тек қана «Информатика» пәнінің соңына дейін ғана жүзеге асырылу құқығы бар.
VІІ. Үйге тапсырма беру (1 мин)
1. Қайталау
2. 8-ші тәжірибелік жұмыс
Бағалау туралы:
«Көршісін-көршісі бағалау парағы»
| Тапсырма түрі | Бағасы |
| 1. Үй жұмысы(Тесттың көрсеткішін жасамыз) | |
| 2. Жаңа сабақты меңгеру(Жаңа сабақты қаншалықты меңгергенін, көршісіне қаншалықты деңгейде түсіндіре алғандығын және дәрісті дәптерге жазып-жазбағандығын ескереміз) | |
| 3. Жаңа сабаққа арналған тәжірибелік жұмыс үлгісін орындау(Жаңа сабақтағы үлгі ретінде жасалынған тәжірибелік жұмысты қаншалықты меңгергенін, көршісіне қаншалықты деңгейде көмектесе алғандығын және тәжірибеліктің әдемілігін ескереміз) | |
| 4. Өздік тәжірибелік жұмысты орындау(Жаңа сабақтағы өздік жұмыс ретінде жасалынған тәжірибелік жұмысты қаншалықты меңгергенін және тәжірибеліктің әдемілігін ескереміз) | |
| 5. Өздік тәжірибелік жұмысты тексеру(Көршісіне қаншалықты деңгейде көмектесе алғандығын ескереміз) | |
| 6. Жаңа сабақты бекіту сұрақтары(Көршісі-көршісіне қаншалықты деңгейде қиын сұрақ қойғанын, сол сұрақтың жауабын өзі және көршісі білетінін ескереміз ) | |
| Қорытынды баға(Жоғарыда аталған бөлімдердегі барлық балдарды қосып оны орта санына бөлсек қорытынды бағасы шығады.) | |
| Ескерту: |
Тема урока: Фреймы в HTML – представление документов в нескольких разделах, которые могут быть независимыми или вложенными окнами.
План:
1. Фреймы в HTML – представление документов в нескольких разделах, которые могут быть независимыми или вложенными окнами.
1. Фреймы в HTML – представление документов в нескольких разделах, которые могут быть независимыми или вложенными окнами.
Фреймы в HTML позволяют авторам представлять документы в нескольких разделах, которые могут быть независимыми или вложенными окнами. Это обеспечивает дизайнерам способ оставлять некоторую информацию видимой, в то время как другая информация прокручивается или заменяется. Например, в одном окне в одном фрейме может отображаться статический баннер, во втором навигационное меню, а в третьем - сам документ, который можно прокручивать или переходить к другому с помощью навигации во втором фрейме.
Вот простой документ с использованием фреймов:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" "_THE_LATEST_VERSION_/frameset.dtd"><HTML><HEAD><TITLE>Простой документ с фреймами</TITLE></HEAD><FRAMESET cols="20%, 80%"> <FRAMESET rows="100, 200"> <FRAME src="contents_of_frame1.html"> <FRAME src="contents_of_frame2.gif"> </FRAMESET> <FRAME src="contents_of_frame3.html"> <NOFRAMES> <P>В этом документе содержится: <UL> <LI><A href="contents_of_frame1.html">Миленький текстик</A> <LI><IMG src="contents_of_frame2.gif" alt="Симпатичная картинка"> <LI><A href="contents_of_frame3.html">Еще славный текстик</A> </UL> </NOFRAMES></FRAMESET></HTML>это может привести примерно к следующей структуре экрана:
---------------------------------------| | || | || Фрейм 1 | || | || | ||---------| || | Фрейм 3 || | || | || | || Фрейм 2 | || | || | || | || | | ---------------------------------------