Лекция 6. Web-парақтарды ms FrontPage интерактивті құралдары көмегімен құру.

Жоспар:

- MS FrontPage интерактивті құралдары.

- Сайттарды дайындау технологиясы.

Web-қосымшаларды жасаудың аспаптық құралдары. Web- беттердің құру принципіне сәйкес барлық аспаптық құралдың оларды жасаулар екі топқа бөлуге болады.

Біріншіге олардан, толық сәйкестік тјртібінде Web - беттердің түрлендіруі мүмкіндік беретіндер жүйелер (WYSIWYG ), ал содан соң өздері қажетті - HTML -код автоматты қалыптастырушылар жатады. Нақ мына топқа сондай әйгілі өнімдері, Microsoft FrontPage сияқты, Microsoft Office пакет бағдарламалары жатады. Екінші топ - HTML - редактор, HTML - кодты өздері жасайтын кјсіпқойларға арналған.

WYSIWYG-редакторы

- MS Word- Web – беттерді өзгертуге ыңғайлы

- MS Power Point – мультимедиялық презентацияларды өндеуі

- MS Front Page – клиент/сервер ортада визуалдық құрал Web – беттерді жасауға үшін.

Web-технологияларды қолдану орталары

Барлық Интернетке жататын программалары екi үлкен топтарына жiктеледi: клиенттер мен серверлер.

Сервер – бағдарламалары программам-клиент- бағдарламаларға рұқсат беру ресурстарды береді. Клиенттер, егер оларға қандай да бір файл керек болып қалса, олар клиент сұрау салуы қалыптастырады және оны серверге жібереді. Сервер сол сұранысты жұмыстанады және серверлiк жауабын жібереді, болатын сұралатын мәлiметтер немесе қателiк туралы хабар, егер керек файылдарға руқсат болмаса.

Microsoft FrontPage 2003 бағдарламасы – бұл дербес компьютерде Web-сайт жасауға арналған Microsoft ұжымының ең жаңа құралы. FrontPage 2003 Web-технологиясының соңғы жетістіктерін толығымен пайдалана отырып FrontPage 2000 мүмкіндіктерін кеңейтеді. FrontPage Internet және Intranet топтарында Web-сайттарды құруға, қолдануға және жариялауға қажетті құралдармен толық қамтамасыз етеді.

Сайттарды дайындау технологиясы

1. Сайттың жоспарын жасау. /қанша беттен тұрады, қандай ақпараттар жазылады, қандай байланыстар орнатылады/

2. Веб беттерді мәтіндік және графиктік ақпараттармен толтыру

3. Сайтты безендіру.

4. Қажетті гиперсілтемелерді орнату.

5. Сайтты броузер арқылы көріп, тексеру

6. Веб сайтты жүктеу үшін провайдер таңдау

7. Сайтты жүктеу

Сайттың жоспарын жасау

1. Бірінші беті титул парағы.

2. Екінші беті сайттың мазмұны.

3. Қажетті сурет.

4. Тақырып туралы қысқаша мағлұмат.

5. Сайт жасаушының суреті.

6. Өзі туралы қысқаша ақпарат.

Құжаттағы гиперсілтемелер 3 беттегі суреттен – 4 бетке , 5-ші беттегі суреттен 6- бетке, соңғы беттен титул бетке ауысу.

1. Microsort Front Page терезесін ашу.

2. Файл – Создать- Пустая страница командасын орындау.

Конструктор режимінде жасалады.

Мәтінді форматтау. /Times New Roman, 6 (24 пт) көк түспен

4. «Менің туған өлкем» тақырыбын теру

5. Жаңа бет ашу. /Создать- страница/ орындау

6. Жаңа бетке сайттың мазмұнын теру / қалауынша форматтау/

7. Келесі бетке Вставка – Рисунок- из файла командасын орындап суретті енгізу.

8. Келесі бетке Отырар аудынының тарихын жазу /Times New Roman, 6 (24 пт)

9. Вставка – Рисунок- из файла- фотокарточка

10. Өзі туралы ақпарат енгізу.

11. Гиперсілтемелерді орнату:

3-ші Веб бетке өтіп, суретті ерекшелеп, Вставка – гиперссылка командасын орындау.

12. Ашылған терезеде Ағымдағы папкада Связать – файлом, веб страницей бөлігінде нов. стр 4 html бетін белгілеп, қажет болса тиісті параметрлерді қойып, ОК пернесін шерту.

Осы әдіспен барлық тиісті гиперсілтемелерді орнатамыз

Веб бетті Файл- сохранить командасы арқылы html деген атпен сақтаймыз.

13. /Просмотр/ қарау режиміне өтіп, жасаған сайтымызды көреміз,

гиперсілтемелерді тексереміз.

14. Internet Explorer броузерлік бағдарлама арқылы сайтты сынақтан өткіземіз

15. Провайдер таңдап сайтты Lizey – 20 mail. ru адресіне жүктейміз.

Әдебиеттер:

1.Дубровиченко С.Б. Web - дизайн. Интернет и Front Page XP [Электронный ресурс]: Учебник. 745 МБ. - Алматы: Нур-пресс, 2006.- 404 с.

2. http://nastya.kulakoff.org/Lesson1.htm

3. http://nsportal.ru/ap/library/nauchno-tekhnicheskoe-tvorchestvo/2014/10/26/sozdanie-sayta-v-programme-front-page

4. https://www.youtube.com/watch?v=HmGRPX5ZrzE