С тегами. Форматирование

</TITLE>
</HEAD>

4. Енді құжаттың денесін, яғни HTML құжатта не көрсетілетінін енгіземіз.Ол үшін мына жолдарды теріңіз:

<BODY BGCOLOR=yellow TEXT=blue >

мұндағы BGCOLOR=yellow құжаттың фоны – сары, ал TEXT=blue шығатын текстің түсі көк болатынын анықтайды.

5. Ары қарай тағы да теріңіз:

<H1>Это заголовок первого уровня</H1>

<H2>Это заголовок второго уровня</H2>

Бұл жолдар әр түрлі деңгейдегі тақырыптарды анықтайды.

6. Енді нөмірленген және нөмірленбеген тізім жасауды үйренейік. Ол үшін мына жолдарды енгізіңіз:

<OL >Это пример пронумерованного списка

<LI>Первый элемент

<LI>Второй элемент

<LI>Третий элемент

</OL>

<UL TYPE=DISC>Это пример непронумерованного списка

<LI>Первый элемент

<LI>Второй элемент

<LI>Третий элемент

</UL>

7. Енді тексті пішімдеуді (форматтауды), яғни тексті енгізудің түрлі пішімдерін қолдануды үйренейік. Ол үшін мына жолдарды енгізіңіз:

<I>Это курсив</I>

<B>Это жирный шрифт</B>

<U>Это подчеркнутый текст</U>

<SUP>Это верхний индекс</SUP>

<SUB>Это нижний индекс индекс</SUB>

<BR>Это начало нового абзаца.

<BIG>Это большой шрифт</BIG>

<SMALL> Это маленький шрифт</SMALL>

<STRIKE>Это перечеркнутый шрифт</STRIKE>

8. Келесі жолға <BR><BR> деп теріңіз. Бұл екі рет бос жол жасағанды білдіреді ( «Enter » клавишасын басқанды білдіреді).

9. Келесі жолға теріңіз: <MARQUEE >ЭТО БЕГУЩАЯ СТРОКА</MARQUEE>. Нәтижесінде жүгірмелі жол жасалынады.

10.HTML құжатта көрсетілетін ақпарат таусылғандықтан <BODY> тегін жабу керек , ол үшін </BODY> деп жазыңыз.

11. HTML құжаттағы жазу аяқталды, сондықтан <HTML> тегін де жабу керек,ол үшін </HTML>деп жазыңыз.

12. Блокнотты жауып, жасаған құжатыңызды тышқанның сол жағын екі рет шертіп ашыңыз.

2-жаттығу. Сайттың тексін өзгерту. Өзіңіз жайлы шағын ақпарат бар үй бетін (домашняя страница) жасаңыз, ол үшін барлық келтірілген тегтерді қолданып 1–ші жаттығудағы сайттың тексін өзгертіңіз.

3-жаттығу. Құжатты редақциялау.

Фондық сурет қою арқылы беттің фонын өзгертейік. Ол үшін:

· Мои рисунки бумасынан (папка) jpg форматты суреттің көшірмесін өз бумаңызға түсіріп, оған image.jpg деп ат беріңіз.

· Қайтадан өзіңіздің HTML-құжатыңыздың бетіне оралып Вид-Просмотр HTML-кода командасын орындаңыз.

· Ашылған Блокнот редакторының терезесінде HTML-кодты. Редакциялайық. <BODY> тегінде фон түсінің тегінің орнына BACKGROUND="image.jpg" дегенді қосып жазыңыз. Құжатты сақтап,Блокнот терезесін жабыңыз.

· Өзіңіздің HTML- құжатыңыздың бетіне оралып Вид-Обновить командасын орындаңыз.

4-жаттығу. Сурет түсіру. Құжатқа гиперсілтеме жасау.

<IMG> және <A HREF>тегтерін қолданыпкелесі HTML- құжатын жасау.(2-сурет)

2-сурет

1) Блокнот текстік редакторының терезесін ашып, бос құжатты Задание4.html деп сақтаңыз

2) Құжаттың бірінші жолына <HTML> деп жазыңыз..

3) Терезе тақырыбын жазу үшін мына жолдарды енгізіңіз:

<HEAD>

<TITLE> Вставка рисунка и гиперссылки

</TITLE>

</HEAD>

4) Ары қарай <BODY BGCOLOR=pink TEXT=black LINK=blue VLINK=red>деп енгізіңіз.

5) Енді суретті түсіреміз. Ол үшін келесі жаңа мына тіркестерді жазыңыз: <IMG SRC="image.jpg" ALT="Здесь должен быть рисунок" HEIGHT=250 WIDTH=250 ALIGN=middle ISMAP>

6) Сурет пен келесі жазылатын текст арасында 3 бос жол болу керек. Ол үшін <BR><BR><BR> деп жазыңыз.

7) Енді құжатқа Задание1.html құжатын шақыратын гиперсілтеме (гиперссылка)жасаймыз Ол үшін мына жолдарды теріңіз:

<A HREF="Задание1.html"> Перейти по гиперссылке </A>

8) </BODY> тегін жабыңыз.

9) </HTML> тегін жабыңыз.

4-жаттығу. Кестесі бар (таблица) HTML-құжат жасау.

Төмендегі программаның тексін Блокнот текстік редакторында теріп, құжатты Задание 5.html деген атпен сақтаңыз. Кестені жасауда қолданылатын барлық тегтерді меңгеріңіз.

<HTML>

<HEAD>

<TITLE>Пример 2</TITLE>

</HEAD>

<H1>Простейшая таблица </H1>

У таблицы может быть заголовок

</CAPTION>

Первая строка, первая колонка

</TD>

Первая строка, вторая колонка

</TD>

</TR>

Вторая строка, первая колонка

</TD>

Вторая строка, вторая колонка

</TD>

</TR>

</TABLE>

</BODY>

</HTML>

6-жаттығу. Біріктірілген және бөлінген ұяшықтары бар кесте жасау. Colspan, Rowspan тегтерін меңгеру.

Өзіңіздің бумаңызда жаңадан біріктірілген және бөлінген ұяшықтары тұратын кестесі бар HTML- құжат жасаңыз.Ол үшін төменде келтірілген программаның тексін теріп, құжатты Задание 6.html деген атпен сақтаңыз. Colspan, Rowspan тегтерінің қызметіне назар аударып, зерттеңіз. Нәтижесі мына суреттегідей болуы тиіс:

<HTML>

<HEAD>

<TITLE>Пример объединения ячеек с помощью COLSPAN и ROWSPAN</TITLE>

</HEAD>

<TH COLSPAN= “2”> Ячейка1 </TH>

</TR>

<TR>

<TD ALIGN= “CENTER” ROWSPAN= “3”> Ячейка 2 </TD>

<TD ALIGN= “CENTER” > Ячейка 3 </TD>

</TR>

<TR>

<TD ALIGN= “CENTER” > Ячейка 4 </TD>

</TR>

<TR>

<TD ALIGN= “CENTER” > Ячейка 5 </TD>

</TR>

</TABLE>

</BODY>

</HTML>

Өздік жұмыс тапсырмалары:

1. Өз тобыңыздың HTML-құжатын жасаңыз. Құжатта тобыңыздағы студенттер тізімі, кесте және топтың фотосуреті болуы керек. Өз фамилияңызға гиперсілтеме жасап, өзіңіздің жеке Web-бетіңізді (яғни, сіздің жеке HTML-құжатыңыз, онда сіз туралы шағын ақпарат болу керек) шақыратындай етіңіз.

2. Өз курсыңызға HTML-құжатын жасаңыз. Құжатта курстағы топтар тізімі, және сіздің факультетте 1-курста оқитындардың ішіндегі Алтын Белгі иегерлері туралы деректер кестесі болу керек. Өз тобыңыздың атына гиперсілтеме жасап, өзіңіздің тобыңыздың жеке Web-бетін (яғни, сіздің жеке HTML-құжатыңыз, онда сіздің топ туралы шағын ақпарат және топтың фотосуреті болуы керек) шақыратындай етіңіз.

3. Факультеттің HTML-құжатын жасаңыз. Құжатта факультеттегі мамандықтар тізімі, кафедралар жайлы дерегі бар кесте (кафедра аты, қазақ, орыс топтарының саны), факультетті мамандығын сипаттайтын сурет болуы керек. Мамандықтар тізіміндегі өз мамандығыңызға гиперсілтеме жасаңыз, ол сіздің мамандық жайлы қысқаша ақпараты бар HTML-құжатты шақыруы тиіс.

4. Өз университетіңіздің HTML-құжатын жасаңыз. Құжатта барлық факультеттер тізімі, факультеттер жайлы деректері (факультет аты, кафедра саны) бар кесте және университет эмблемасы бар сурет болуы тиіс. Өз факультетіңіздің атына гиперсілтеме жасаңыз. Ол факультет жайлы шағын ақпараты бар HTML-құжатын шақыруы тиіс.

5. Сіздің топқа сабақ беретін оқытушылар жайлы HTML-құжатын жасаңыз. Құжатта оқытушылар тізімі, олар жайлы деректері бар кесте (аты-жөні, сабақ беретін пәні) және мұғалімге қатысты сурет болуы тиіс. Құжатта өз топ жетекшіңізге (куратор) гиперсілтеме жасаңыз. Гиперсілтеме топ жетекшіңіз жайлы шағын ақпараты бар HTML-құжатын шақыруы тиіс.

Ескерту: Жасайтын HTML –құжатыңызда жоғарыда көрсетілген барлық тегтер қатыстырылуы тиіс.

Бақылау сұрақтары:

HTML дегеніміз не?
HTML құжат қалай жасалады?
HTML құжаттың құрылым қандай?
Браузер не үшін қолданылады? Қандай браузерлерді білесіз?
кестені жасау үшін қандай тегтер қолданылады?

Әдебиеттер:

1. Қазақша-орысша, орысша-қазақша терминологиялық сөздік: Информатика және есептеуіш техниха/ Жалпы редакциясын басқарған профессор Асқарбек Құсайынов.– Алматы: Республикалық мемлекеттік «Рауан» баспасы,1999. –304 бет.

2. Симонович С. В., Евсеев Г. А., Алексеев А. Г. Специальная информатика: Учебное пособие. – М.: АСТ _ ПРЕСС: Информ – Пресс, 1998.- 480 с.

3. Фигурнов В. Э. IBM PC для пользователя. Краткий курс. – М.: ИНФРА _ М,1997. – 480 с. ил.

4. Гарнаев А.Ю. Использование MS Excel, VBA в экономике и финансах. – СПб.: БХВ – Санкт-Петербург, 2004.

5. Макарова Н.В. Информатика. – М.: Финансы и статистика, 2004.

6. Хомоненко А., Гридин В. Microsoft Access. Быстрый старт. – Санкт-Петербург: БХВ – Петербург, 2002.

7. Информатика. Базовый курс/ С. В. Симонович и др. – СПб: Издательство «Питер», 2000.-640 с.:ил.

8. Леонтьев В. Новейшая энциклопедия персонального компьютера. – М.: ОЛМА – ПРЕСС, 1999.-640 с.

9. С. К. Каратыгин, А. Ф. Тихонов и др. Электронный офис: В 2-х томах: Т. 1. – М.: «Нолидж», 1999.-768 с. ил.

10. Буза М. К. и др. Операционная среда Windows и ее приложения. – Мн.: Выш. Шк., 1997. – 336 с

11. Б.Курицкий. Поиск оптимальных решений средствами Excel 7.0. –СПб., 1997.

12. Ф. Новиков, А. Яценко. Microsoft Office 97 в целом. –М.,1998.

13. В. Долженков, Ю. Колесников, В. Рычков. Практическая работа с MS Excel 97, М 1998

14. В. Пасько. Access 2000 русифицированная версия. Киев, 2001

15. В. Пасько. Word 7.0 русифицированный для Windows 95. Киев 1996

16. К. Айвенс. Эксплуатация Windows NT. Проблемы и решения. М 1996

17. П. Нортон. Разработка приложений в Access 97. –Киев, 1998.

18. Н. Николь, Р. Альбрехт. Excel 5.0 для профессионалов. –М.:ЭКОМ. 1995

МАЗМҰНЫ

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 1. «Windows операциялық жүйесі. Негізгі объектілер. Сілтеуіш (Проводник) программасы » 3

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 2. «Дискілерге қызмет көрсету. Файлдарды архивтеу. Антивирустық программалар.» 5

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 3 . «Word текстік процессоры. Текстік құжаттарды құру, редакциялау және форматтау» 7

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 4. «Word текстік процессоры . Құжатқа суреттер, графиктік объектілер орнату». 11

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 5. «Word текстік процессоры . Формулалар редакторы.............................................. 14

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 6. «Word текстік процессоры. Макростар құру»............................................................... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 7. «Кестелік процессор MS Excel. Мәліметтерді енгізу және редакциялау. Ұяшықтың адресі» 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 8. «Функцияның мәндерін есептеу. Функция шебері......................................................... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 9. «Логикалық функциялар. Екі және үш шартқа тәуелді функциялардың графигін тұрғызу» 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 10. «Беттер (поверхность) тұрғызу. “Подбор параметра” командасын пайдаланып теңдеулерді шешу»................................................................................................................................................................................................... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 11 . «Excel программасы. Мәліметтерді сұрыптау және фильтрациялау»............. 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 12 . «Матрица. Матрицамен жұмыс істеуге арналған функциялар ».......................... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 13. «Excel кестелік процессоры. Күрделі өрнектерді есептеу. Крамер әдісі»........... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 14. «Excel програмасының экономикалық есептеулерге (кредит және займ) арналған финанстық функциялары».................................................................................................................................................................................... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 15 «Периодты төлемақыны есептеу. Амортизацияны есептеу »................................... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 16 «Қорытынды кестелер (Сводная таблица). Мәліметтер консолидациясы»........ 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 17. «Microsoft Access деректер базасын басқару жүйесі. Бірнеше кестелерден деректер базасын жасау».................................................................................................................................................................................................. 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 18. «Microsoft Access деректер қорын басқару жүйесі. Формаларды жасау»......... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 19. «Сұратуларды жасау»....................................................................................................... 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 20. «Есеп беруді жасау»............................................................................................................ 17

ЗЕРТХАНАЛЫҚ ЖҰМЫС № 21 . «Гипертекстік құжаттарды жасау тілі – HTML. Тексті пішімдеу тегтері. Суретттер кірістіру, гиперсілтеме жасау. Тізімдер. Кестелер»................................................................................................................................... 17

Қолданылған әдебиеттер............................................................................95

5rik.ru

Материалы для учебы и работы

С тегами. Форматирование