Читайте также:
|
< IMG> және <A HREF> тегтерін қолданып к елесі HTML- құжатын жасау.(2-сурет)
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> тегін жабыңыз.
4-жаттығу. Кестесі бар (таблица) 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 тегтерінің қызметіне назар аударып, зерттеңіз. Нәтижесі мына суреттегідей болуы тиіс:
<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.Браузер не үшін қолданылады? Қандай браузерлерді білесіз?
Әдебиеттер:
1.Қазақша-орысша, орысша-қазақша терминологиялық сөздік: Информатика және есептеуіш техниха/ Жалпы редакциясын басқарған профессор Асқарбек Құсайынов.– Алматы: Республикалық мемлекеттік «Рауан» баспасы,1999. –304 бет.
2.Симонович С. В., Евсеев Г. А., Алексеев А. Г. Специальная информатика: Учебное пособие. – М.: АСТ _ ПРЕСС: Информ – Пресс, 1998.- 480 с.
3.Фигурнов В. Э. IBM PC для пользователя. Краткий курс. – М.: ИНФРА _ М,1997. – 480 с. ил.
4.Гарнаев А.Ю. Использование MS Excel, VBA в экономике и финансах. – СПб.: БХВ – Санкт-Петербург, 2004.
5.Макарова Н.В. Информатика. – М.: Финансы и статистика, 2004.
6.Хомоненко А., Гридин В. Microsoft Access. Быстрый старт. – Санкт-Петербург: БХВ – Петербург, 2002.
7.Леонтьев В. Новейшая энциклопедия персонального компьютера. – М.: ОЛМА – ПРЕСС, 1999.-640 с.
8.С. К. Каратыгин, А. Ф. Тихонов и др. Электронный офис: В 2-х томах: Т. 1. – М.: «Нолидж», 1999.-768 с. ил.
9.Буза М. К. и др. Операционная среда Windows и ее приложения. – Мн.: Выш. Шк., 1997. – 336 с
10.Б.Курицкий. Поиск оптимальных решений средствами Excel 7.0. –СПб., 1997.
11.Ф. Новиков, А. Яценко. Microsoft Office 97 в целом. –М.,1998.
12.В. Долженков, Ю. Колесников, В. Рычков. Практическая работа с MS Excel 97, М 1998
13.В. Пасько. Access 2000 русифицированная версия. Киев, 2001
14.В. Пасько. Word 7.0 русифицированный для Windows 95. Киев 1996
15.К. Айвенс. Эксплуатация Windows NT. Проблемы и решения. М 1996
16.П. Нортон. Разработка приложений в Access 97. –Киев, 1998.
17.Н. Николь, Р. Альбрехт. Excel 5.0 для профессионалов. –М.:ЭКОМ. 1995
Бақылау сұрақтары:
6.HTML дегеніміз не?
7.HTML құжат қалай жасалады?
8.HTML құжаттың құрылым қандай?
9.Браузер не үшін қолданылады? Қандай браузерлерді білесіз?
Әдебиеттер:
Дата добавления: 2015-07-10; просмотров: 194 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Жаттығу. Тексті пішімдеу (форматтау) тегтерін қолданып 1-суреттегідей HTML –құжат жасау. | | | ТЕМА: ПОИСК ИНФОРМАЦИИ В СЕТИ INTERNET |