№ 3–зертханалық
жұмыс.
Үйге берілген бетті
құру
Жұмыстың
мақсаты: HTML тілі мен гиперсілтемелердің негізгі
тегтерін оқып- үйрену.
Құрал-жабдықтар мен
бағдарламалық қамтама: windows 98 ден одан жоғарғылары,
блокнот.
Тапсырма: өзіңіздің
фирмаңыз туралы web-бет
құрыңыз.
Әдістеме
Үйге берілген
беттің аты (home_page.htm) сайтты ашқан кезде
браузерде пайда болатын алғашқы беттің аты үшін
стандартты.
Body тегінің background="Рисунки/обои.jpg" атрибуты бейнесызба
файлының негізіндегі тұсқағаздар ретінде беттің фонын құруға
мүмкіндік береді.
Жүгіртпе жол (сурет) келесі
тегтің көмегімен
құрылады: <Marquee> Здравствуйте, это
страница обо мне </Marquee>. Мәтін оңнан солға қарай
қозғалады.
Жүгіртпе жолдың қозғалыс
сипаттамасын төмендегі атрибуттармен беруге
болады:
loop=”3” - қозғалыс циклының
саны;
width="600"
– қозғалысқа арналған белдеудің
ені;
behavior=”alternate” – маятниктік қозғалыс;
behavior=”slide” – жүгіртпе жол экранда
слайд түрінде тоқтайды.
Егер сіздің бумаңызда сурет
болса, <Img src=”имя_рисунка.gif”> тегі сол суретті бетке
қояды. Егер сіз risunki бумасына
суреттерді жинасаңыз, онда суреттің файлына қатысты жолды жазу
қажет. Мысалы <Img src=”risunki/имя_рисунка.gif”>
Назар
аударыңыз! Слэш еңкейісіне назар
аударыңыз.
Файл өлшемінің кемуі мен
браузер жұмысының үдеуі үшін бейнесызбалық
файлдар gif, jpg или png форматтарында
қолданылады. Gif форматы 256 түсті
ғана қолданатындықтан, бейнесызба бизнесін кескіндеу үшін
пайдаланылады. Jpg и png форматтарын
фотографиялар, картиналар үшін
қолданады.
Width="сан"
мен height="сан" атрибуттары
суреттің өлшемін көлдеңінен және тігінен көрсетуге мүмкіндік
береді.
Егер браузер көрсетілген
файлды суретімен
таппаса, alt=”Текст” атрибуты жақша арасында
көрсетілген мәтінді экранға шығарады.
Мысалы: <img src="Myshka.gif" alt="Здесь должен быть рисунок
мышки">.
Параграф ішіндегі сурет
терезенің енімен align=”туралау
тәсілі” атрибутының көмегі
арқылы тураланады. Осы атрибуттың
параметрлері:
middle или center
– ортасына
туралау;
left (right)
– сол шетке (оң шетке)
туралау;
hspace мен vspace мәтіннің кескіннен
көлдеңінен және тігінен жаңа жолға шегінуін
анықтайды;
justify – браузер терезесінің ені
бойынша мәтінді туралау.
Төменде берілген
мәтінмен үйге берілген
бетті құрыңыз және оны
өз бумаңызда home_page.htm атымен
сақтаңыз.
<html><head><title> Домашняя страница </title></head>
<body
text="#6966ff" background="Risunki/oboi.jpg">
<marquee Loop="4"
width="600" behavior="alternate"
behavior="slide">
<h3> Здравствуйте, это страница обо мне!
</H3></Marquee>
<br> <center> <font
color="#CC0000"> Добро пожаловать на мою страничку!
</font> </center>
<p align="justify">
<img src="risunki/Boss.gif" alt="здесь должно быть мое
фото" align=”left” hspace=”40” vspace=”20”> Мне тоже захотелось создать свою
домашнюю страничку для моих новых виртуальных друзей. Хочу, чтобы
они могли посмотреть мою фотографию, и хочу рассказать им о
своих увлечениях и планах на жизнь. Мне 20 лет. Я учусь в
Алматинском институте энергетики и связи на 4-м курсе, на
энергетическом факультете.
</p> </body></html>
Гиперсілтемеге жүгіртпе жолдың
тегінен кейін aipet.htm файлын
қойыңыз:
<A ="aipet.htm"> Мой институт
</A>
Аipet.htm файлынан үйге берілген
бетке қайта оралыңыз:
<A ="home_page.htm"> Гиперссылка на домашнюю страницу
</A>.
Format.htm файлына аналог бойынша
гиперсілтеме құрыңыз және одан үйге берілген бетке қайта
оралыңыз.
Үйге берілген
бет 1.1–суреттегідей шығуы
керек.
ҚР Білім және Ғылым министірлігінің стандартымен жасалған
04 Сәуір 2023
470
1 рет жүктелген
