192
1)
Бұл мәтінді Code және Split режимдерінде де қарап көріңіз.
Сурет-4.1.7. Code көрсету режиміндегі мәтін
Сурет-4.1.8. Split көрсету режиміндегі мәтін
2)
Құжатты File (Файл) > Save as… (Сохранить как…) командасы
арқылы өз бумаңызға Сабақ1 атауымен сақтаңыз.
3)
Бұл бетті браузерден көру үшін File мәзірінен Preview in Browser
командасын таңдаңдаңыз. Сонда келесідей бет пайда болады:
Сурет-4.1.9. Бетті браузерден көру
193
4)
Енді терезенің төменгі жағында орналасқан Properties қасиеттер
тақтасын қолданып, мәтінді форматтаңыз: тақырыпша қойыңыз, қаріп
типін өзгертіңіз, түсін өзгертіңіз, маркерлер беріңіз.
Сурет-4.1.10. Properties қасиеттер тақтасы
5)
Құжатты қайта сақтаңыз. Нәтижесінде келесідей шығуы керек:
Сурет-4.1.11. Өзгертілген мәтін нәтижесі
Сурет-4.1.12. Бетті браузерден көру
Өзіндік жұмысқа арналған тапсырмалар:
«МЕНІҢ ОҚУ ОРНЫМ» атты өз оқу орныңыз туралы веб-бетті
құрыңыз. Құжатты өз бетіңізше безендіріңіз.
194
Өзін-өзі бақылауға арналған сұрақтар:
1. Dreamweaver бағдарламасының интерфейсі қандай?
2. Жаңа бетті қалай құрылады?
3. Құжат терезесі қандай үш режимнің бірінде орналаса алады?
4. Dreamweaver бағдарламасында мәтінмен, тізімдермен жұмыс
қалай жасалады?
Практикалық жұмыс №4.2
Dreamweaver
бағдарламасындағы гиперсілтемелер,
кестелер, суреттер.
Жұмыстың мақсаты: Adobe Dreamweaver бағдарламасында
гиперсілтемелер, кестелер құруды, суреттермен жұмыс жасауды
үйрену.
Қысқаша теориялық мағлұматтар:
4.2.1.
Гиперсілтемелер құру
Dreamweaver редакторында сілтеме құру үшін қажетті мәтінді
немесе суретті ерекшелеп Hiperlink батырмасын басу керек немесе
қасиеттер тақтасындағы Link өрісіне өтетін файлдың URL адресін
көрсету керек. Егер бұл ішкі сілтеме болса, онда өту адресін Browse for
File
құралы көмегімен көрсету керек «ол жанында орналасқан батырма
арқылы шақырылады). Ашылған сұхбаттық терезеден қажетті файлды
таңдау керек. Ал егер бұл сыртқы сілтеме болса, онда оның толық URL
адресін көрсету керек.
Сурет-4.2.1. Hiperlink батырмасы арқылы сілтеме құру
Сурет-4.2.2. Қасиеттер тақтасындағы сілтеме құру өрісі
4.2.2.
Кестелер құру және форматтау
Dreamweaver бағдарламасына кестені қосу үшін объектілер
тақтасынан Table батырмасын басу керек немесе Insert=>Table
командасын қолдану керек.
Сурет-4.2.3. Кесте кірістіру
195
Содан соң Table сұхбаттық терезесі пайда болады, онда кестенің
қажетті параметрлерін орнату керек.
Сурет-4.2.4. Table сұхбаттық терезесі
Кесте құрылғаннан кейін оны толтыруға, параметрлерін өзгертуге
болады. Ол үшін кестені алдымен ерекшелеп алу керек, сонда оның
қасиеттер тақтасы пайда болады.
Сурет-4.2.5. Кестенің қасиеттер тақтасы
4.2.3. Суреттермен жұмыс жасау
Dreamweaver бағдарламасының көмегімен беттерге GIF, JPEG, PNG
суреттерін оңай кірістіру болады. Сондай-ақ суреттерді кестеге,
объектіге және т.б. қоюға болады.
Құжатқа бейнені кірістіру үшін объектілер тақтасындағы Images
батырмасын басып, ашылған тізімнен Image немесе Insert=>Image
командасын таңдау керек. ашылған сұхбаттық терезеден графикалық
файлды (GIF, JPEG немесе PNG форматындағы) таңдау керек.
Сурет-4.2.6.Суретті кірістіру
196
Егер бейнені ерекшелеп алса, онда қасиеттер тақтасында оның
қасиеттері пайда болады. Қажетті баптауларды өзгерту арқылы
өзгерістер енгізуге болады.
Сурет-4.2.7. Графикалық объектінің қасиеттері
Тапсырма. Мәтінге гиперсілтемелер орнату, кесте құру, сурет кірістіру
керек. Ол үшін:
1)
Адыңғы сабақта сақтаған өз бумаңыздағы Сабақ1 файлын ашыңыз.
Сурет-4.2.8.
2)
Төменгі жағына 3 бағаннан 2 қатардан тұратын кесте құрайық. Ол
үшін объектілер тақтасынан Table батырмасын басып, пайда болған
терезеде қажетті баған мен қатар санын енгізіңіз.
Сурет-4.2.9.
197
3)
Бірінші жолды толығымен ерекшелеп алып, оң батырманы басып,
жанама мәзірден Table-Insert Row командасын таңдаңыз. Сонда кестенің
жоғарғы жағына тағы бір қатар қосылады.
4)
Жоғарғы қатардағы ұяшықтарды біріктіруіміз керек. Ол үшін
қасиеттер тақтасындағы Merges selected cells using spans батырмасын
басу керек.
Сурет-4.2.10.
Сурет-4.2.11.
5) Web-
сайт туралы мәліметтерді ұяшықтарға енгізіңіз. Қасиеттер
тақтасындағы қажетті параметрлерді қолданып, мәтін түсін, өлшемін,
туралауын, ұяшықтың шекара түсін, ішкі түсін өзгертіңіз.
Сурет-4.2.12.
Достарыңызбен бөлісу: |