С. В. Киселев, С. В. Алексахин, А. В. Остроух



Pdf көрінісі
бет12/39
Дата12.12.2022
өлшемі1,97 Mb.
#56598
1   ...   8   9   10   11   12   13   14   15   ...   39
Байланысты:
Веб дизайн

2.1-
сурет
New Document диалогтік терезесі 
Егер сілтеме файлға, мәселен жүктеуге арналған файлға апарса, оның өлшемін міндетті 
түрде көрсету керек. 
Парақшаның және навигацияның 
сызықтық жүйесінің қарапайым макетін 
әзірлеу 
Жаңа веб-парақшаны құру. Dreamweaver программасын пайдаланып веб-парақша 
құрамыз.
Ол үшін Fileмәзірінде Newтармағын таңдау немесе [Ctrl] + [N] перне комбинациясын 
басу керек. Одан кейін New Document диалогтік терезесі пайда болады.Dreamweaver MX 
шаблондар негізінде веб-парақша құруды қолдайды. 
2.1-
суретте Category тізімі көрсетілген, онда сіз шаблондар категориясын таңдай аласыз. 
2.2-
сурет. Құжат инструментарийде веб-парақша атауын енгізу жолағы 


Парақшаның және навигацияның сызықтық жүйесінің қарапайым макетін 
әзірлеу 
20
2.3-
сурет. Қасиеттер 
редакторында болатын 
азатжолдың форматын ашатын 
тізім  
Таңдалған категорияға жататын шаблондар Basic Page тізімінде берілген.Көп жағдайда 
таңдалған шаблонның сыртқы түрін оң жағында орналасқан алдын ала қарау панелінде 
көруге болады. 
Category
тізімінде Basic Page тармағын таңдаңыз, ал Basic Page тізімінде HTML 
тармағын таңдаңыз да, одан соң ОК нүктесін басыңыз.Экранда құжаттың бос терезесі 
пайда болады. Жаңа веб-парақша құрылды. 
Мәтінді енгізу. Мәтінді теріп, оны бірден 3.1.htm атауымен сақтап, жеке бумаға 
орналастырыңыз. 
Құжат атауын енгізу қажет (</i>тегі ішінде бейнелеу)<i>. </i>Оны құжат  <br />инструментарийінде орналасқан енгізу жолағында теріңіз (2.2-сурет).  <br />Азатжолды форматтау. Мәтіндік азатжолды атауы ретінде форматтау үшін  <br />қасиеттер редакторын, нақтырақ айтқанда азатжол форматын тізіммен ашатын қасиеттер  <br />редакторын пайдалану керек (2.3-сурет).  <br />Осы тізімнің<i>Paragraph</i>тармағы мәтінді (<Р>тегімен бейнеленетін) қарапайым  <br />азатжол ретінде форматтайды. <i>Heading 1,</i> ..., <i>Heading 6</i>тармақтары оны сәйкесінше  <br />бірінші, екінші және т.б. дәреже атауына айналдыруға мүмкіндік береді.  <br /><i>Preformatted</i> <br />тармағы азатжолды белгіленген форматқа айналдырады, мұнда форматтау  <br />HTML  <br />тегімен берілмейді, қарапайым мәтіндегідей: шегініс аралық жолмен құрылады, ал  <br />азатжолға бөлу – каретканың қайту символымен және ауыстыру жолымен жасалады. Бұл  <br />ескі мәтіндік редакторлармен күрделі HTML-форматтаусыз құрылған үлкен мәтіндік  <br />құдаттар Желісін орналастыру кезінде өте пайдалы болады.  <br />Атаулары жұп <i><HN></i> тегтермен құрылады, мұндағы N — 1-ден 6-ға дейінгі сан.  <br />Белгіленген формат мәтіні <i> <br /></i>жұп тегімен беріледі<i>.</i>  <br />Мәтіндік курсорды «Амандасу» жолына қойыңыз да форматтар мәзірінде <i>Heading </i> <br /><i>1</i>  <br />тармағын таңдаңыз – бұл амандасуға ең жақсы келеді. Алынған нәтиже 2.4-суретте  <br />көрсетілген. <br />Егер сіз қасиеттер редакторын жауып тастасаңыз, алаңдамаңыз – осы әрекетті сіз  <br />құжат терезесінің басты не контекстік мәзірін пайдаланып жасай аласыз. Бірінші  <br />жағдайда <i>Text</i>мәзірінде <i>Paragraph Format</i>тармағын таңдаңыз және экранда пайда болған  <br />кіші мәзірде азатжолдың керекті форматын таңдаңыз. Екінші жағдайда тінтуірдің оң  <br />И Properties  <br /><b>1</b>Forma <br />Paragrap <br />h  <br />т  <br />|  <br />|  <br />| Verdana. Arial. Helv ▼ | <br />Si | N <br />| ^|[ <br />BMsIalsW  <br />Link None  <br />J  <br />lj ФО  <br />T <br />*9«|  <br />~3i=N  <br />*■!*■!  <br />Heading  <br />1  <br />Heading  <br />2  <br />Heading  <br />3  <br />Heading  <br />4  <br />Heading  <br /></div> <style type="text/css"> </style> <hr /><div id="page21-div" > <br />Парақшаның және навигацияның сызықтық жүйесінің қарапайым макетін  <br />әзірлеу  <br /><b>21</b> <br />пернесін амандасу жолында басыңыз да, <i>Paragraph Format</i>тармағын таңдаңыз және кіші  <br />мәзірде азатжол форматын таңдаңыз.  <br />Сіз сондай-ақ атау форматын [Ctrl] + + [n] перне комбинациясымен бере аласыз,  <br />мұнда [n] – [1], ..., [6] пернелердің бірі. Қарапайым азатжол форматын [Ctrl] + [Shift] + [P]  <br />перне комбинациясын басу арқылы бере аласыз.  <br />Енді атауды ортада тегістеңіз. Ол кезде сізге қасиеттер редакторының тегістеу  <br />батырмасы көмектеседі. Бұл батырмалар келесідей тегістеу типтерін береді: <br />■  <br />Сол жақта;  <br />■  <br />Ортада;  <br />■  <br />Сол жақта;  <br />■  <br />Екі жақ бойында тегістеу (толық тегістеу).  <br />Толық тегістеу тек веб-шолушылардың жаңа нұсқаларымен қолданылады.  <br />Бір мезгілде осы батырмалардың тек біреуі ғана басыла (қосыла) алады. Егер еш  <br />батырма басылмаса, әдепкі қалпы бойынша сол жақ бойынша тегістеу қолданылады).  <br />Мұндай батырмалар ажыратқыш-батырмалар деп аталады, мәзірдің ажыратқыш  <br />тармақтарымен ұқсас болады.  <br />Мәтіндік курсорды атауына тағы апарыңыз және ортада тегістеу батырмасын  <br />басыңыз. Орталықтандырылған атау 2.4-суретте көрсетілген.  <br />Сіз <i>Text</i>мәзірінің <i>Align</i>кіші мәзірін пайдаланып немесе контекстік мәзірдің ұқсас  <br />кіші мәзірін қолданып та осындай нәтиже аласыз. <i>Left</i>ажыратқыш тармағы сол жақта  <br />тегістеуді, <i>Center</i> – ортада <i>Right</i> – оң жақта <i>Justify</i> – толық тегістеуді береді. Сондай-ақ сіз  <br />[Ctrl] + [All] + [Shift]  <br />+ [батырма], перне комбинациясын баса аласыз, мұнда [клавиша] —  <br />сәйкесінше [L], [C], [R] немесе [J]. Тегістеу <i>ALIGN</i> атрибутының <i><р></i> және  <br /><i><Hn></i> <br />тегтерінің мәнімен беріледі<i>.left, center, right </i>немесе <i>justify</i> мәндері қолжетімді<i>.</i>  <br /></div> <style type="text/css"> </style> <hr /><div id="page22-div" > <br />Парақшаның және навигацияның сызықтық жүйесінің қарапайым макетін  <br />әзірлеу  <br /></hn></hn>

Достарыңызбен бөлісу:
1   ...   8   9   10   11   12   13   14   15   ...   39




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет