Лабораториялы жмысы 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 файлы