С. В. Киселев, С. В. Алексахин, А. В. Остроух
жүктеу/скачать 1,97 Mb. Pdf көрінісі
|
Веб дизайн
- Бұл бет үшін навигация:
- 1.11- сурет.
| 1.8-
сурет. CSS Styles панелі 1.9- сурет. NewCSSStyle диалогтік терезесі 1.2 CSS стилінің каскадты кестелерін құру және пайдалануDreamweaver программасында сай макетін жасау 13 1.10- сурет. NewCSSStyle диалогтік терезесі Typeқосымша беті Сіз New CSS Styleдалогтік терезесіндегі Typeқосымша парақшасын толтырғанда (1.10- сурет) жаңа терезе пайда болады (1.11-сурет). Керекті деректерді енгізіп, стиль құру үшін ОК нүктесін басыңыз немесе одан бас тарту үшін Cancelбасыңыз. Сіз стиль атритуттарын бергеннен кейін CSS Style Definition диалогтік терезесіндегі ОК нүктесін басыңыз. Бұл диалогтік терезені жаппай стильдік құрылғыны сақтау үшін Apply батырмасын баса аласыз. Стиль сақталғаннан соң оны мәтіннің белгіленген фрагментіне немесе тұтас азат жолға қолдану керек. Егер бұл стиль тегті қайта анықтау болса, оны пайдалану керек емес – веб-шолу оған берілген орнатуларды сәйкес тегті өңдеу кезінде пайдаланады. Стильдік класпен жұмыс кезінде бұл мәтін оны қолдану кезінде форматталатынын көрсету керек. Мысалы, сіз <р> тегі үшін тармақтың 9 өлшемімен Verdanaшрифті бердіңіз дейік. тегі үшін фонның ашық-сары түсін таңдаңыз, бірақ бұл қондырғыны стильдің сыртқы кестесінде емес, веб-парақшаның өзінде сақтаңыз. 1.11- сурет. Барлық стильдер тапсырмасынан кейінгі CSS Styles панелі Ол үшін New CSS Style диалогтік терезесінде This Document Only ажыратқышын қосыңыз. Екі стиль құрыңыз. Олардың біріншісі centered деп аталады, екіншісі red деп аталады.(бұлар стильдік кластар сондықтан оларды құру кезінде Make Custom Style (class) ажыратқышын таңдап, олардың аттарын Name мәзірінде жазу керек).Бірінші стиль үшін мәтіннің ортада түзетілуін, ал екіншісі үшін мәтіннің қызыл түсін беріңіз. Оларды стильдердің сыртқы кестесінде сақтаңыз. Орындалған әрекеттерден кейін парақша 1.11-суретте көрсетілгендей түрге енеді. CSS- стильдер тізімінде үш тармақ көрінеді: No CSS Style, centeredжәнеred. Бірінші тармақ кез келген стильдің жоқтығын білдіреді, яғни парақша элементі әдеткі қалпы бойынша форматталады. Басқа екеуі біз құрған стильдік кластарды береді. Тегті қайта анықтайтын стильдер бұл жерде берілмейтінін ескріңіз. Егер сіз H1 түріндегі rightстильді (стильдік класс гибриді мен тегті қайта анықтау) берсеңіз, оны Dreamweaver стильдер тізімінде right секілді бейнелейді. Бұл кезде ол парақшаның кез келген элементіне беруге мүмкіндік береді, бұл дұрыс болмайды, себебі бұл стиль тек тегінде жұмыс істейтін болады.Егер сіз парақшаларыңызда осындай
гибридтік стильдерді пайдалансаңыз, оларды өзіңіз есте ұстап, тек дұрыс меңгеруді орындауыңыз керек болады. Егер CSS Styles панелі ашық болса, сізге тізімде керекті стильді таңдай жеткілікті. Оның алдында құжат терезесінде стильдік класс қолданатын парақша элементін ерекшелеу керек. Егер CSS Styles панелі жабық болса, Textмәзір мен контекстік мәзірінде CSS Styles кіші мәзір қарастырылған.Кіші мәзірдің жоғарғы жағында сіз құрған барлық стильдік кластар сақталған. Таңдалған класс қанатшамен белгіленеді. Стильдік класты пайдаланатын форматтауды алып тастауға мүмкіндік беретін тармағы None бар. Сайттың файлдық құрылымын сауатты ұйымдастыру оны одан әрі қолдау мен жалғастыруға уақытты үнемдейді, веб-сайтты құрайтын файлдардың көп санында оңай бейімделуге көмектеседі. Сайттың старттық парақшасы ( алғашқы парақша, индекстік парақша) — мәселе нақты бір құжатта емес, сайт пен тұтас каталогқа қатысты мәселелерді жіберетін веб-парақша. Бұл туралы соңында тікелей слэште айтады. 2.1. Ақпараттық сәулет элементтері. Тараулар арасындағы ақпараттық-логикалық және көзбе-көз өзара байланысты ескере отырып сайт бөлімдері бойынша ақпараттарды тарату жүктеу/скачать 1,97 Mb. Достарыңызбен бөлісу:
|