205
Сурет-4.3.11.
14)
Тышқан меңзерін кестенің төртінші ұяшығына қойып, онда мәтін
үшін келесі тақырыпшаны жазамыз: «Негізгі бет». Мәтінді ерекшелеп
алып, объектілер тақтасындағы Text ішкі бетіндегі h2 батырмасын
басамыз.
Сурет-4.3.12.
15)
Меңзерді жолдың соңына апарып, BR (жаңа жолға көшу)
батырмасын басамыз.
Сурет-4.3.13.
16)
Жаңа жолға алдын ала дайындалған мәтінді кірістіреміз. Оны
тегіне аламыз.
206
Сурет-4.3.14.
17)
Мәтінді ені бойынша туралау (по ширине) жасаңыз.
18)
Нәтижесін браузер арқылы қараңыз, сонда келесідей шығуы
керек:
Сурет-4.3.15.
19)
Енді курсорды кестенің үшінші ұяшығына апарып, Common ішкі
бетіндегі Hyperlink батырмасын басамыз.
Сурет-4.3.16.
207
20)
Text өрісіне «Негізгі бет» деп (оны браузерде көреміз), Link өрісіне
index.html (бұл сілтеме үшін берілетін жол) деп жазамыз. ОК басамыз.
Сурет-4.3.17.
21)
Меңзерді тегінен кейін қойып, BR батырмасын басамыз.
Сурет-4.3.18.
22)
Осыған ұқсас тағы да екі сілтеме құрамыз, мысалы: «Сайт
туралы» және «Автор туралы» (Text өрісіне), ал Link өрісіне site.html
(Сайт туралы) және avtor.html (Автор туралы) деп жазамыз.
Сурет-4.3.19.
23)
Кетенің екінші ұяшығындағы «Алғашқы сайт жасау» мәтінін
ерекшелеп алып, жасырлған мәзірді ашамыз (беттің төменгі жағында
орналасқан бағдаршаны басу керек).
208
Сурет-4.3.20.
24) Font
ішкі бетін ашып, тақырыпшаға қаріпті береміз (ол барлық
мәтіннің h1тегінен кейін көрсетілетін болады).
25)
Содан соң, Size ішкі бетін ашып, қаріп өлшеміне - 36 таңдаймыз.
26) Text Color
ішкі бетінен түс таңдаймыз.
Сурет-4.3.21.
27)
Дәл осыған ұқсас, мақаланың тақырыпшасына және мәтініне
форматтау жасаңыз.
Сурет-4.3.22.
209
28) Page Properties
тақтасынан Links орамасын ашып, Link font
өрісінде сілтемелерге қаріп типін таңдаймыз. Содан соң, Size – (қаріп
өлшемін), Link color (сілтемелер түсін), Visited links (қолданылған
сілтемелер түсін), Rollover links (тышқанды апарғандағы сілтеме түсін),
Active links
(белсенді сілтемелер түсін) таңдаймыз. Underline style
өрісінен сілтемелерді сызу стилін таңдаймыз. ОК шертеміз.
Сурет-4.3.23.
29)
CSS баптаулар тақтасын жиыстырып, Design көрсету режимін
қосып, не пайда болғанын қараймыз.
30)
Құжатты қайта сақтаймыз.
Сурет-4.3.24.
31)
Содан соң, нәтижесін браузер арқылы қарап көріңіз.
210
Сурет-4.3.25.
32)
Тышқанның меңзерін кестенің үшінші ұяшығына апарып,
стильдерді баптау орамасындағы Vert өрісінен Top таңдаймыз. Бұл осы
ұяшықтағы барлық объектілер шекараларға қатысты жоғарғы жақта
орналасады дегенді білдіреді. Дәл осыны төртінші ұяшық үшін
жасаймыз.
33)
Содан соң, Файл>Сохранить как… командасы арқылы, site.html
атауымен сақтаңыз. Яғни, негізгі беттің көшірмесін басқа атаумен
сақтаймыз.
34) site.html
веб бетін толтырамыз. Ол үшін меңзерді төртінші
ұяшыққа апарып, тақырыпша мен мәтінді өзгертеміз.
Сурет-4.3.26.
211
Сурет-4.3.27.
35)
Содан соң, құжатты сақтаңыз (Ctrl+S). Осы файлды қайтадан
«Сохранить как…» арқылы avtor.html деп жаңа атаумен қайта сақтаңыз.
36)
Бұл құжатта тақырыпшаны «Автор туралы» өзгертіп, басқа мәтін
кірістіреміз.
Сурет-4.3.28.
37)
Құжатты қайта сақтаймыз.
38)
Енді суретті кірістіреміз: ол үшін жұмыс тақтасындағы Common
ішкі бетінен Image - Image командасы арқылы қажетті суретті
таңдаймыз.
212
Сурет-4.3.29.
39)
Нәтижесін қараймыз:
Сурет-4.3.30.
40)
Құжатты қайта сақтаймыз.
Сурет-4.3.31.
213
41)
Әр веб-бетке фонның түсін береміз. Ол үшін қасиеттер
тақтасындағы Page Properties батырмасын шертіп, пайда болған
терезедегі Background color өрісінен қажетті түсті таңдау керек.
Сурет-4.3.32.
42)
Нәтижесінде, беттердің фоны келесідей:
Сурет-4.3.33.
Сурет-4.3.34.
214
Сурет-4.3.35.
43)
Енді ақысыз сайт құрамыз.
44)
Браузерде
www.ucoz.ru
бетін ашамыз.
45)
«Создать сайт» батырмасын шертіп, тіркелу жүргіземіз.
Сурет-4.3.36.
Сурет-4.3.37.
46)
Содан соң, поштаға кіріп, тіркеуді жалғастыру керек.
Достарыңызбен бөлісу: |