Зертханалық ЖҰмыс №1 тапсырма (зертханалық жұмыс) тапсыру мерзімі: апта, балл Сырғымалы жолдарды және тізімдерді ұйымдастыру

жүктеу 1,49 Mb.

бет	30/35
Дата	20.10.2023
өлшемі	1,49 Mb.
	#43937

1 ... 27 28 29 30 31 32 33 34 35

ЗЕРТХАНАЛЫҚ ЖҰМЫС

Сурет-4.2.15.
Ёскерту. Суреттер осы беттер орналасқан файлдармен бірге бір бумада орналасуы керек.

10) Енді беттің фонын ауыстырайық, кез келген бір суретті фон ретінде орнатамыз. Ол үшін қасиеттер тақтасындағы Page Properties батырмасын шертіп, Background Image өрісіне қажетті суреттің атауын, жанындағы батырма арқылы таңдаймыз (Сурет алдын ала біздің бумамызда орналасуы керек).

Сурет-4.2.16.
11) Сонда келесідей пайда болады:

*				- Ә X
	f<>\| Code 1 Split 1 _j\| Design \| Title: Untitled Document	M. 6). c	[Ц, P^K>_W Check Page

•мент)
Ьагдарламау;
Тестііеу;
Жариялау;
Жарнамалау,
Бакылау.

жоспарла\

Бағдарламау

Жария

Элеменпч

Тестілеу

Жарнамалау:

Web-сайт жасактау
http://ww
ГҒІ Л Q. 100% V 770 х 514 V 6K/1
Сурет-4.2.17.

Енді мәтінге және суретке гиперсілтеме орнатайық. Ол үшін сіз сол құжатта тағы да екі веб бет құрып алыңыз. Мысалы, m.html және c.html.
Содан соң, гиперсілтеме кірістіретін мәтінді ерекшелеп алып, қасиеттер тақтасындағы Link жолындағы батырманы басап, пайда болған терезеден қажетті файлдың атауын таңдау керек.

Сурет-4.2.18.

Дәл осылай суретке де гиперсілтеме кірістіру керек.

Сурет-4.2.19.

Web-дизайнер,

Поиск в интернете

Музыка

Р&ы бір адам •ам жасайды. От. ірушы, менеджер

Web-сайт жасактау жумысын оірнеше кетеннен

Жоспарлау;
Элементтерді жасактау;

Багдарлачау,

• Тестиеу;

Жариялау

Жарнамалау,

Бакылт

\\ еЬ-сайт жасакта\

Жоспарлау

Бағдарламау

жялау

Элем

енттер^ Яцсактаү •)

Тестшеу

Жарнамалау

ҺІТп-

Содан соң, нәтижесін File - Preview in Browser командасы арқылы қарау керек.

Сурет-4.2.21.

Құжатты сақтауды ұмытпаңыз.

Өзіндік жұмысқа арналған тапсырмалар:
«ҚҰСТАР» туралы веб-бетті құрыңыз. Құжатты өз бетіңізше безендіріңіз.
Өзін-өзі бақылауға арналған сұрақтар:

Dreamweaver бағдарламасында гиперсілтемелерді, суреттерді қалай кірістіреді?
Dreamweaver бағдарламасында кестелер қалай құрылады?
Беттің параметрлері қалай орнатылады?

Практикалық жұмыс №4.3
Adobe Dreamweaver бағдарламасы көмегімен
қарапайым сайт жасау.
Жұмыстың мақсаты: Adobe Dreamweaver бағдарламасы көмегімен қарапайым сайт №12 тапсырма (зертханалық жұмыс)
тапсыру мерзімі: 2 апта, 5 балл
Программалық басқару принципі
Браузер гипермәтіндік парақ ішіндегі әрбір тәг үшін объект жасай алады. Ал сол объектімен програм-малаушы name атрибутында көрсетілетін оның аты ар-қылы қатынас құра алады. Сонымен, тәгтерді программалық басқару мүмкіндігі пайда болады. Мысалы, HTML-кодта экранға сурет шығаратын мынадай тәг берілген болсын делік:
border=0 alt="" name=pic>
Осы тәг арқылы pic атты стандартты image объектісінің экземплярын мынадай эквивалентті конструкциялар арқылы пайдалануға болады:
window.document.images["pic"]
window.document.images.pic
немесе ағымдағы терезе ішінде болатын болса:
document.images["pic"]
document.images.pic
Мысалы, image объектісінің суреті бар файлға нұсқайтын src қасиеті бар екені белгілі. Программада осы қасиетті төмендегі жолды жазып оқуға болады:
document.images.pic.src
Тек қана оқып қана қоймай, бұл қасиеттің мәнін де өзгерте аламыз:
document.images.pic.src = "./pic/ris2.gif"
сонда сурет сәйкесінше басқа суретке ауысады.
2. арқылы шығарылады, ал батырмалар, енгізу өрісі, жалаушалар және меню осы блок ішіндегі әр түрлі тәгтер арқылы берілетін.
блогы форма деп аталады. Оның ашылу тәгінде мынадай атрибуттар жазылады.
action - форманы желі бойынша жөнелту адресін береді.Форманы оны өңдейтін программасы (CGI-скрипт) бар серверге жіберуге болады немесе оның мәні ретінде электрондық пошта адресі көрсетілсе, форма e-mail арқылы жөнелтіледі. Мысалы, былай жазуға болады:

жүктеу 1,49 Mb.

Достарыңызбен бөлісу:

1 ... 27 28 29 30 31 32 33 34 35