Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
сss texnolog.doc
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
832 Кб
Скачать

3. Практикалық және лабораториялық сабақтар

1 зертханалық сабақ

Қарапайым html файлдарын құру

Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №1

Сабақ мақсаты:

  • Тэгтермен жұмыс істеуді үйрену.

  • Құжатта мәтіндерді орналастыруды үйрену.

Сабақтан алған білімді тексеру тапсырмалары №1

Тапсырма 1. Қарапайым HTML файлын құру.

1. Өз каталогыңызда құрастырылған Web- бетті сақтау үшін KURS бумасын құрыңыз.

2. Блокнот (Notepad) программасын қосыңыз.

3. Ашылған редактор терезеде қарапайым HTML файлын жазыңыз:

4. Файлды RASP.HTM атауымен сақтаңыз.

5. Құрылған Web-бетті көру үшін Microsoft Internet Explorer браузерін жүктеңіз.

6. Команданы орындаңыз Файл (File), Ашу (Open), көру (Обзор, Browse), KURS бумасынан RASP.HTM файл тауып және оны жүктеңіз. Web- беттің атауы браузердің үстіңгі жоғары жағында жазылғанына көз жеткізіңіз. (“HTML оқу файлы”).

Экран бетінде 1 – суретте көрсетілгендей өз жұмысыңыздың нәтижесін көресіз:

1–сурет.

Тапсырма 2. Экранда мәтіндердің орналасуын басқару.

1. №1 тапсырманың 5 – 6 пункттерін орындаңыз.

2. Өзіңіз құрған Web- бетті Түр (View), Источник (В виде HTML) командасын орындау арқылы ашыңыз. Блакнот программасында сіздің web – бетіңіз HTML командасында жазылған терезе ашылады.

3. Внесите изменения в текст файла HTML файлда мәтінге өзгертулер еңгізіңі, “Расписание”, “занятий”, “на вторник” сөздерін әр жолға орналастырып:

4. Мәтіні өзгертілген тексті Файл (File), Сохранить(Save) командасының көмегімен РRASP.HTM файлда сақтаңыз. Блокнот программасын жазыңыз.

5. Microsoft Internet Explorer браузеріндің көмегімен алынған Web- бетті қараңыз, F5 пернесін немесе Вид (View), Обновить (Refresh) комадасын орындау арқылы. Экран бетін текст мәтіні өзгерді ме?

Ескерту. Алдағы уақытта web- беттке өзгертулер еңгіссеңіз 2-тапсырманың 4 – 5 пунктерін орындаңыз.

2 зертханалық сабақ

Форматтаудың арнайы командалары

Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №2

Сабақ мақсаты: форматтау командаларын басқаруды үйрету

Сабақтан алған білімді тексеру тапсырмалары №2

Тапсырма. Форматтаудың кебір арнайы командалары

Жаңа жолдан бастау және жолды ауыстыру үшін арнайы командалар бар. Браузер программасының қандайда бір жолмен текстің форматын өзгертуге тиым салатын және экран бетіне берілген текстік фрагментті нақты шығаруға бөкет болмайтын командалар бар.

<BR> тэгі жолды келесі мәтіннен немесе граикадан ажыртауға арналған. <Р> абзац тэгі жолды анықтайды және де бос орынды көрсетеді. Бұл екі тэгте бірэлементті болып табылады.

Жолды ауыстыру және абзац тэгтерін қолдану.

1. HTML файл мәтініне өзгерістер еңгізіңіз:

2. RASP.HTM файлна өзгертулер енгізілген мәтінді сақтаңыз.

3. Microsoft Internet Explorer браузердің көмегімен алынған Web- бетті көріңіз. Экранда өзгкрту енгізіген текст қалай көрсетілген? Жаңа бет 2 – суретте көрсетілгендей болады..

2 – сурет.

3 зертханалық сабақ

Тақырыптар стилін қолдану

Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №3

Сабақ мақсаты: : тақырыптар стилін қолдануға үйрену

Сабақтан алған білімді тексеру тапсырмалары №3

Тапсырма. Тақырыптар стилін қолдану.

Тақырып үшін алты тэг қолданылады. ( <Н1> бастап <Н6> дейін). Әрбір тэгке браузер параметрі баптауымен берілген стиль сәйкес келеді.

1. RASP.HTM файлна өзгертулер еңгізіңіз:

2. Шыққан web-бетті қараңыз.

Экран бетіннен 3- суретте көрсетілгендей жазуды көресіз.

3 – сурет.

4 зертханалық сабақ