186
16)
Қабаттарға оқиғалар қолдануға болады: мысалы, суреті бар
қабатты бір рет шерткенде, екінші қабаттың мәтінінің түсі өзгереді
және т.б.
17)
Енді біз, суреті бар қабатты бір рет шерткенде, екінші қабаттың
мәтінінің форматы өзгеретін оқиғаны құрайық. Ол үшін қабаттармен
жұмыс істеудің қосымша мәзірін қолданамыз.
18)
Сурет бар қабаттың үстінен тышқанның оң батырмасын шертіп,
жанама мәзірден «Свойства слоя» командасын таңдаңыз. Содан соң
терезенің оң бөлігінде құрылған қабаттардың атаулары пайда болады.
19)
Қажетті қабатты таңдап, «Поведение» командасын шертіңіз.
20)
Содан соң, Вставить–Изменение свойства таңдаймыз. Ашылған
терезеден мәтіндік қабатқа қажетті форматтаулар жүргіземіз.
21)
ШРИФТ және ГРАНИЦА батырмаларын шертіп, баптаулар
жасаңыз.
Сурет-3.2.11.Қасиеттерді өзгерту терезесі.
22)
Мысалы, келесі суреттегідей:
Сурет-3.2.12.
187
23)
Содан соң, қабатқа onClick оқиғаласы қолданылады.
Сурет-3.2.13. Оқиғаны орнату.
24)
Нәтижесінде, суретті бір рет шерткенде, мәтін біз орнатқан
баптауларға сәйкес форматталып өзгереді:
Сурет-3.2.14.
25)
« Шартты оператор.html» бетін құру. Ол үшін қажетті мәліметті
MS Word
мәтіндік редакторына кірістіріп, парақтың фонын беріп, құжатты
« Шартты оператор.html» атауымен, «тип файла – веб-страница» деп
таңдап сақтау керек. Сонда құжат веб бет түрінде сақталады.
26)
Сақталған файлды өзіңіздің «Мой узел» бумаңызға көшіру керек.
27)
Дәл осы екі түрдегідей қалған тақырыптарды толтыру керек.
28)
Батырмаларға гиперсілтемелер орнату. « Паскаль терезесі»
батырмасын шерткенде, ол туралы мәлімет оң жақтағы титулды бетінде
шығуы керек.
29)
Ол үшін батырманың үстінен шертіп, жанама мәзірден
« Гиперссылка» командасын таңдаймыз. Пайда болған терезеден
« Паскаль.html» файлын таңдаймыз.
188
Сурет-3.2.15.
30)
Содан соң, бұл веб беттің қай жерден ашылатынын таңдау үшін
«Выбор рамки» батырмасын шертеміз. Пайда болған терезеден қажетті
фреймдік бөлікті шертеміз.
Сурет-3.2.16. Шекараны таңдау терезесі.
ЕСКЕРТУ: егер веб бетті жаңа терезеде ашу керек болса, онда «Общие
объекты» өрісінен «Новое окно» немесе т.б. таңдау керек.
31)
Ал, «Бастапқы бет» батырмасын шерткенде, алғашқы титулды
бет қайта шығуы керек. ол үшін осы батырмаға «Гиперссылка»
командасын таңдап, «Титулды.html» файлын таңдау керек.
32)
Сонда 3.2.17-суреттегідей шығады.
33)
Фреймдік құрылымдағы шекараларды (рамка) алып тастау үшін:
Рамки мәзірінен Свойства рамки командасын таңдап, Показать
границы жалаушасын алып тастау керек.
189
Сурет-3.2.17.
34)
Браузерде веб-беттің көрнекі көрінуі үшін беттерді ауыстыру
баптауларын қолдануға болады. Ол үшін қажетті бетті таңдап, Формат –
Смена страниц командасын таңдап, пайда болған терезеден
эффекттерді таңдауға болады: бетке кіру үшін бір эффектіні, беттен
шығу үшін тағы бір басқа эффектіні.
35)
Содан соң, нәтижені браузер арқылы қараңыз: Файл–
Просмотреть в обозревателе–Internet Explorer.
Сурет-3.2.18. Нәтиже.
Өзіндік жұмысқа арналған тапсырмалар:
Қалған
батырмалардың
да
мазмұнын
орындап,
оларға
гиперсілтемелер орнатыңыз. Қажетті батырманы шерткенде сәйкесінше
мәлімет титулды фреймінде пайда болуы керек. Құжатты өз бетіңізше
безендіріңіз.
Өзін-өзі бақылауға арналған сұрақтар:
1.
Бейнені және дыбысты қалай кірістіреді?
2.
Фреймдік құрылым қалай таңдалады?
3.
Гиперсілтемелерді қалай кірістіреді?
4.
Шекараларды қалай алып тастау керек?
190
4. ADOBE DREAMWEAVER БАҒДАРЛАМАСЫ
Практикалық жұмыс №4.1
Қарапайым web-бет құру.
Жұмыстың мақсаты: Adobe Dreamweaver бағдарламасында
қарапайым web-бет құруды, мәтінді форматтауды үйрену.
Қысқаша теориялық мағлұматтар:
4.1.1. Бағдарламаны іске қосу.
Dreamweaver бағдарламасын іске қосу үшін:
Пуск > Все Программы > Adobe Dreamweaver CS3.
Сурет-4.1.1. Welcome Screen (Сәлемдесу экраны) терезесі
4.1.2. Жаңа web бет құру
Жаңа бетті құру үшін File мәзірінен New командасын таңдау керек.
Пайда болған терезеден: Blank Page – HTML таңдап Create батырмасын
басу керек.
Сурет-4.1.2. Жаңа бетті құру терезесі
4.1.3. Беттерді көрсету режимдері
Құжат терезесі үш режимнің бірінде орналаса алады:
191
Сурет-4.1.3. Беттерді көрсету режимдері
Code көрсету режимі – толықтай HTML-кодты редакциялауға
бағытталған Dreamweaver бағдарламасының жұмыс кеңістігі.
Split көрсету режимі – бір уақытта безендендіруге және кодқа
қолжетімділік беретін күрделі жұмыс кеңістігі болып табылады.
Design көрсету режимі – браузердегі интерфейске ұқсас беттің
өңделетін интерфейсін көрсетеді.
4.1.4. Мәтінмен жұмыс жасау
Dreamweaver бағдарламасында қасиеттер инспекторындағы Format
ашылатын тізімінде таңдалады.
Сурет-4.1.4.Қасиеттер инспекторындағы Format ашылатын тізімі
4.1.5.
Тізімдерді құру
Dreamweaver редакторында
тізімдер
өте оңай
құрылады.
Маркерленген немесе нөмірленген тізімдерді құру үшін қасиеттер
тақтасындағы батырмаларды қолдануға болады:
Сурет-4.1.5. Тізімдерді құру батырмалары
Тапсырма. Design көрсету режимінде пернетақтадан келесі мәтінді
теріңіз:
Сурет-4.1.6. Design көрсету режиміндегі мәтін
Достарыңызбен бөлісу: |