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

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

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

2-сурет

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

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

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

<HEAD>

Lt;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> тегін жабыңыз.

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

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

<HTML>

<HEAD>

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

</HEAD>

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

<TABLE BORDER=1> <!--Это начало таблицы-->

<CAPTION> <!--Это заголовок таблицы-->

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

</CAPTION>

<TR> <!--Это начало первой строки-->

<TD> <!--Это начало первой ячейки-->

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

</TD> <!--Это конец первой ячейки-->

<TD> <!--Это начало второй ячейки-->

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

</TD> <!--Это конец второй ячейки-->

</TR> <!--Это конец первой строки-->

<TR> <!--Это начало второй строки-->

<TD> <!--Это начало первой ячейки-->

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

</TD> <!--Это конец первой ячейки-->

<TD> <!--Это начало второй ячейки-->

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

</TD> <!--Это конец второй ячейки-->

</TR> <!--Это конец второй строки-->

</TABLE> <!--Это конец таблицы-->

</BODY>

</HTML>

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

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

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

<HTML>

<HEAD>

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

</HEAD>

<BODY BGCOLOR = BLUE TEXT = BLACK >

<TABLE ALIGN= “CENTER” BORDER= “2” LEFTMARGIN= “40” RIGHTMARGIN= “40” CELLPACING= “0” CELLPADDING= “40” WIDTH= “100%” HEIGHT= “200”>

<TR ALIGN= “CENTER” BGCOLOR=GRAY>

<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 –құжатыңызда жоғарыда көрсетілген барлық тегтер қатыстырылуы тиіс.

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

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

Әдебиеттер:

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

Наши рекомендации