Лабораториялы жмысы 34
.docЛабораториялық жұмысы №34.
Web-құжатты құру және оның құрылымы.
Тапсырма1: Қарапайым HTML-құжатты құруңыз.
Тапсырманы орындау тәсілі:
-
Z:\Информатика бумасында текстік құжат құрыңыз.
Ол үшін:
-
Z:\Информатика бумасын ашыңыз.
-
Контексті тәуелді мәзірден Создать > Текстовый документ пунктін таңдаңыз.
Оны Мой первый документ.htm атпен сақтаңыз.
Ол үшін:
-
Файл- Сохранить командасын орыңдаңыз
-
Сақталынатын буманы көрсетіңіз Z:\Информатика
-
Файл атын көрсетіңіз Мой первый документ.htm

-
Қарапайым HTML-құжатты тек тақырыпты енгізу және қәріпті форматтау тегтерін қолдана отырып құрайық.
Ол үшін:
-
Z:\Информатика\Мой первый документ.htm файылын ашыңыз
-
Вид - Просмотр HTML-кода командасын орыңдаңыз(немесе Контексті тәуелді мәзірден Просмотр HTML-кода таңдаңыз).
-
Блокнот программасы ашылады, онда қажетті тегтерді еңгіземіз
-
Мысалы:

-
Мой первый документ.htm деп файлды сақтаңыз (меню Файл > Сохранить)
-
Нәтижені көріңіз.
Ол үшін :
-
Браузерде көрсетілген Мой первый документ.htm файл терезесіне көшіңіз
-
Саймандар тақтасынан Обновить батырмасын басыңыз.
Нәтиже 1 суретте көрсетілгендей болу керек.

Тақырып. Web-құжатты құрү
Тапсырма 2.
Internet Explorer терезесіндегі суретті және блокноттағы HTML- құжаттын мәтінің сәйкестіріңіз. Қандай тегтер және тегтер атрибуттары жүгірме дол және де басқа web-беттерге сілтеме қоя екенін көріңіз.
Тапсырманы орындау тәсілі:
-
Z:\Информатика бумасында ЛабРаб_34 бумасын құрыңыз.
-
Оған мына бумадан файлдарды көшіріңіз P:\ЗАДАНИЯ 6k\Алиева А О\ Лабораториялық жұмыс 34\Материалы
-
HTML-құжатты құрыңыз ( Блокнот программасында), фондық кескіндеу, жүгірме жол, форматталған мәтін болу керек (CLAUS1.gif, стих.txt, фон.gif файлдарын қолданыңыз).
Ол үшін :
-
Блокнотты іске қосыңыз (Пуск – Программы – Стандартные - Блокнот)
-
web-беттің құрлымын ұйымдастырыңыз

-
фондық кескіндеуді құру үшін BODY тегінің BACKGROUND атрибутын және фон.gif файлын қолдаңыз. Ол үшін Вид - Просмотр HTML-кода командасын орыңдаңыз

-
жүгірме жолды орналастыру үшін арнайы атрибуттарымен MARQUEE тегін қолдаңыз
Мысалы:

-
Мәтінді бағана түрде орналастыру үшін кесте қолданамыз
-
Күрделі кестенің құрлымын құрамыз
-
Кестенің қатарлар мен бағаналар санын анықтап алыңыз (біздің жағдайымызда 3 қатар және 2 бағана)
-
Кестені бастайтын және аяқтайтын тегін орналастырыңыз (шеттері көрінбейтін)
-
Кестені ортаға орналастырыңыз
-
Қатарды қоятын 3 тегті жазыңыз
-

-
Бірінші қатарда біріктірілетін ұяшықтар санын анықтаңыз (бізде 2)
-
Бірінші қатарда бірінші ұяшықта берілген ұяшықтар санын біріктіріңіз

-
Бірінші ұяшыққа өленнің тақырыбын жазыңыз "Кабы не было зимы."

-
Ортаға, қарайтылған сызылым және көк түсті өзінің орнатыңыз
-
Келесі қатарда бізде 2 ұяшық болады

-
стих.txt файлынан мәтінді көшіріңіз. Мәтіннің жартысын бірінші ұяшыққа, жартысын екіншіге көшіріңіз.
-
Мәтінді форматтаңыз ортаға қарай, түсін және өлшемін
Ескерту: әрбір қатардан кейін қатарды ауыстыру үшін BR тегін қолдануға болады

мәтінді сол қалпында қалдыру үшін мәтіннің басы мен соңында PRE тегін орналастыруға болады

-
Соңғы қатарда бір біріктірілген ұяшық болады. Оны өзінің істеңіз.
-
Мына түрде келесі сурет болу керек

-
Z:\Информатика\ ЛабРаб_34 бумасында index.htm атпен сақтаңыз.
-
Қалған файлдар және бумаларды қолданып тағы да бір HTML-құжатты құрыңыз
Ол үшін:
-
Блокнотты іске қосыңыз (Пуск – Программы – Стандартные - Блокнот)
-
web-беттің құрлымын ұйымдастырыңыз

-
фондық кескіндеуді құру үшін cong.gif файлын қолдаңыз
-
Берілген card1.gif, card2.gif, card3.gif открыткаларын орналастырыңыз, олардың өлшемін орңатыңыз
-
Бірінші открыткаға шерт еткізетін мәтін құрыңыз және card1.gif тен snowgift.gif файлына сілтеме құрыңыз

-
Бірінші открыткадан snowgift.gif файлға сілтеме құрыңыз

-
Z:\Информатика\ ЛабРаб_23 бумасында card.htm атпен сақтаңыз.
-
HTML-құжаттан екіншісіне сілемелерді ұйымдасытыңыз.
-
card.htm web-бетінен шығысқа сілтеме құрыңыз (файл index.htm)
-

-
с index.htm файылынан card.htm файлына сілтеме құрыңыз

-
Нәтиже сурет 1 және сурет 2 дей болу керек.

сурет 1 index.htm файлы

Сурет 2 card.htm файлы
