175
Сурет-3.1.4. «Шаблоны Web-узлов» терезесі.
4)
Сонда Web-торапты құру үшін бос жұмыс ауданы пайда болады.
Сурет-3.1.5. Web-торапты құру.
5)
«ТАҚЫРЫПША» бетін құру. «Стандартты» құрал саймандар
тақтасындағы «Новая страница»
батырмасын шертіңіз. Содан соң
сол жақ терезеде «index.html» деп аталатын жарлық пайда болады.
Сурет-3.1.6. Жаңа бет құру.
176
6)
Файлдың атауын екі рет шерту керек. Сонда жаңа парақ пайда
болады.
7)
Сол бетте тақырыпшаның атауын жазамыз және оны жүгіртпе жол
ретінде орналастырамыз.
8)
Ол үшін Вставка - Веб – компонент ашылған терезеден:
Динамические эффекты - Бегущая строка - Готово таңдау керек.
Сурет-3.1.7. Жүгіртпе жолды кірістіру.
9)
Ашылған терезенің баптауларын орнатыңыз. Атауын жазыңыз, түс
беріңіз. Стиль батырмасы арқылы қаріп форматын өзгертуге болады.
Сурет-3.1.8. Жүгіртпе жолдың баптаулары.
10)
Жүгіртпе жолдың параметрлерін орнатып болған соң, бетке фон
қосамыз. Ол үшін Формат - Фон немесе тышқанның оң батырмасы
арқылы «Свойства страницы» командасын таңдаймыз. Ол үшін кез
келген суретті таңдауға болады. (Сурет-3.1.9.)
11)
Бұл бетті «Тақырыпша.html» деп сақтаңыз (Файл - Сохранить как).
Бетті сақтағанда, ол автоматты түрде Мои документы - Мои веб-узлы -
мой_узел1 бумасында сақталады. (Сурет-3.1.10.)
177
Сурет-3.1.9. «Свойства страницы» терезесі.
Сурет-3.1.10. Веб бетті сақтау.
12)
Бетті сақтау кезінде оның орны мен суреттің сақталу орнын да
көрсету керек. Суретті сақтағанда автоматты түрде келесі терезе пайда
болады:
Сурет-3.1.11. Суретті Images бумасына сақтау.
178
13)
«Сменить папку» батырмасы арқылы суретті мой_узел1
бумасындағы Images бумасына сақтау керек. Барлық суреттерді осы
бумада сақтау керек.
14)
Осы бетті браузерді көру үшін: Файл - Просмотреть в
обозревателе-IExplorer таңдау керек.
Сурет-3.1.12. «Тақырыпша» бетінің браузердегі көрінісі.
15)
Дәл осыған ұқсас «МАЗМҰНЫ» бетін құрамыз. Бұл бет алдыңғы
«Тақырыпша» бетін құрған сияқты құрылады. Құру батырмасын
шерткенде нов_стр_1.htm атауы пайда болады. Оны Мазмұны.htm деп
өзгертіңіз.
16)
Жаңа бетті құрып, оған сондай фон беріңіз.
17)
Вставка-Рисунок-Объект WordArt арқылы «Мазмұны» сөзін
жазыңыз.
18)
Содан соң қажетті тақырыптарға өту үшін өзгермелі батырмалар
құрамыз. Ол үшін Вставка-Меняющияся кнопка командасын таңдау
керек. пада болған терезеде батырмалардың көптеген түрлері бар.
Солардың ішінен Со стрелкой 4 түрін таңдап, текст өрісіне «Паскаль
терезесі» атауын енгізу керек.
Сурет-3.1.13. Өзгермелі батырмаларды кірістіру.
19)
Егер сөз батырмаға толығымен енбесе, сол терезенің Рисунок ішкі
бетіне өтіп, енін не ұзындығын өзгертеміз. Ал, Қаріп (Шрифт) ішкі бетіне
өтіп, мәтін типін, өлшемін және түсін береміз.
179
Сурет-3.1.14. Өзгермелі батырмалардың баптауларын өзгерту.
20)
Дәл осылай қалған батырмаларды құру керек:
Бірінші батырма - «Паскаль терезесі»
Екінші батырма - «Шартты оператор»
Үшінші батырма - «Циклдік оператор»
Төртінші батырма - «Массивтер»
Бесінші батырма - «Жолдар»
Соңғы батырма - «Бастапқы бет».
ЕСКЕРТУ. Дайын батырманы өзгерту керек болса, соның үстінен
тышқанның оң батырмасын шертіп, Свойства кнопки командасын
таңдау керек.
21)
Осы бетті қайта сақтаңыз. Батырмаларды суреттер сияқты Images
бумасына сақтау керек.
22)
Осы бетті браузер арқылы қарап көріңіз.
Сурет-3.1.15. «Мазмұны» бетінің браузердегі көрінісі.
23)
Енді үшінші «ТИТУЛДЫ» бетін құру керек. Ол фондық беттің оң
жағында орналасатын болады.
180
24)
Бұл бетке де алғашқы фонды беріңіз.
25)
Содан соң Вставка - Рисунок - Из файла командасы арқылы
компьютердің суретін (03897263.jpg) кірістіріңіз.
26)
Вставка – Рисунок - Автофигуры командасы арқылы бетке
қосымша фигуралар кірістіріңіз.
Сурет-3.1.16. Автофигураларды кірістіру.
27)
Сонда браузер арқылы қарағанда, келесідей пайда болады:
Сурет-3.1.17. «Титулды» бетінің браузердегі көрінісі.
28)
Веб бетті сақтаңыз, ал суреттерді Images бумасына сақтау керек.
29)
Енді бізде үш түрлі веб-бет құрылды.
Өзін-өзі бақылауға арналған сұрақтар:
1.
Бағдарламада Web-беттердің құрылымын көруге мүмкіндік беретін
неше тәсілдері бар?
2.
Жүгіртпе жолды қалай кірістіреді?
3.
Өзгермелі батырмаларды қалай кірістіреді?
4.
Суретті қалай кірістіреді?
Достарыңызбен бөлісу: |