1. Пошталық программаны іске қосыңыз (мысалы, Outlook Exspre ss).

2. Сервис-Поштаны жеткіз - Поштаны жеткіз немесе Бəрін қабылдау (бірінші жағдайда барлық хабарлар қабылданады жəне Исходящие қашығындағы барлық хабарлар жіберіледі, екінші жағдайда Исходящие қапшығындағылар жіберілмейді.

3. Входящие қапшығын ашыңыз.

4. Хабарды екі рет басыңыз (оқылмаған хабарлар қарайтылған қаріппен, оқылғандары əдеттегі қаріппен жазылып тұрады).

5. Хабарға жауап беру үшін Хабар-Жіберушіге жауап беру-ді орындаңыз.

6. Файлды-Жіберу

6. Web технологиясын пайдаланып, хабар құру жəне жіберу, поштаны қабылдау (көрсетіңіз). Жұмыстың орындалу реті:

1. WеЬ - поштаның алғашқы бетін іске қосыңыз (мысалы, www.mail.ru)

2. Жүйеге кіру үшін логин мен құпия сөзді (пароль) енгізіңіз (жаңа пайдаланушы тіркелуі керек)

3. Поштаны көру (Просматреть почту) батырмасын басыңыз

4. Входящие қапшығын ашыңыз

5. Хабарды оқыңыз

6. Хабар құру үшін Хат жазу-ды (Написать письмо) таңдаңыз

7. Кімге, Көшірме, Тақырыптарын (Кому, Копия, Тема) көрсетіңіз

8. Хат тексін теріңіз

9. Жіберу-ді (Отправить) шертіңіз

10.Жүйеден шығу үшін Шығу-ды (Выход) басыңыз.

Бақылау сұрақтары

1. Жергілікті желі деген не? Жергілікті желі қандай қызмет атқа­рады?

2. Компьютер жергілікті желіге қандай құрылғылармен бі­ріктіріледі?

3. Қандай шарт белгі жергілікті желімен жұмыс істеуге арналған?

4. Жергілікті желідегі өз компьютеріңнің атын қалай көруге бола­ды?

5. Қанша компьютер желіге қосулы тұрғанын қалай білуге болады?

6. Жергілікті желіден қажет компьютерді қалай табуға болады?

7. Өз компьютеріңдегі бумаға рұқсат қалай ашылады?

8. Өзге пайдаланушылар бума мазмұнын қай жағдайда өзгерте алады?

9. Желілік принтер деген не? Желілік принтерге қалай қосылады?

10. Интернет желісі деген не? Internet Explorer терезесі құрылы­мын баянда.

11. Internet Explorer-дің асаптар панеліндегі батырмалардың іс-әрекет­терін баянда.

12. e-mail дегеніміз не?

13. Электрондық поштада қандай хабарламаларды жеткізуге болады?

14. Электрондық пошта қалай жұмыс істейді?

15. Қандай пошта серверлері бар?

16. Outlook Express бағдарламасы қандай қызмет атқарады?

17. Өз пошта жәшігіңді қалай құруға болады?

18. Электронды пошта абонентінің пошта жәшігі деген не?

19. Internet желісінің электронды жәшігіне қалай кіруге болады?

20. Электронды хатқа өз суретіңді қалай тіркеуге, жөнелтуге болады?

21. Электронды поштамен жөнелткен хат қайда сақталады?

Зертханалық жұмыс

Web –қосымшаларын жасау технологиялары. Жеке тақырыпта Web- қосымшасын жасау.

Web – қосымшаларын жасау технологиялары.

Жеке тақырыпта Web қосымшасын жасау.

Мақсаты: Гипертекстік құжаттарды жасау тілі – HTML-ді қолданып, Web-бет жасаумен, тексті пішімдеу тегтерімен, HTML-құжатқа суретттерді, тізімдерді, кестелерді кірістіру, гиперсілтеме жасаумен таныстыру.

Негізгі ұғымдар:

HyperText Markup Language (HTML) – WEB ортасында гипертекстік құжаттарды жасауға арналған стандартты тіл. HTML-құжат кез келген пішімделмейтін текстік редакторда көруге және редакциялауға болатын қарапайым текстік файл болып табылады.

HTML-құжаттарды WEB-броузерлердің түрлі типтері арқылы көруге болады. HTML қолдану шрифтерді, сызықтарды және түрлі графикалық элементтерді қолданып кез келген оны көру жүйесінде көрсету үшін құжаттарды пішімдеуге мүмкіндік береді. Көптеген құжаттар тақырып, параграф және тізімдер сияқты стандартты элементтерден тұрады.

HTML-дің тегтерін қолдана отырып сіз браузерге өз құжатыңызды экранда қалай көргіңіз келетіні жайлы ақпарат бересіз.

HTML тегтері шартты түрде екі категорияға бөлінеді:

• Құжаттың денесі тұтастай WEB-броузер арқылы қалай көрсетілетінін анықтайтын тегтер;

• Тақырып пен құжат авторы сияқты құжаттың жалпы қасиеттерін тегтер.

HTML-құжаттар қалай жасалынады?

HTML-құжаттарды кез келген текстік редактор немесе арнайы HTML-редакторлар мен конвертерлер арқылы жасауға болады. Біз Блокнот текстік редакторында жасап үйренеміз.

HTML-тегтер

Барлық HTML тегтері "<" символынан басталып, ">" символына аяқталады. Бастау (стартовый) тегі және аяқтау (завершающий) тегі болады.

Мысал ретінде бастау тегі мен аяқтау тегінің арасына орналасқан , құжат тақырыбын сипаттайтын тақырып тегін келтірейік:

<TITLE> Құжат тақырыбы </TITLE>

Аяқтау тегі бастау тегіне ұқсас, айырмашылығы тек бұрышты жақша ішіндегі мәтін алдында слэштің ( / ) болуында. Бұл мысалда <TITLE> тегі WEB-броузерге тақырып пішімінің (формат) қолданғанын, ал </TITLE> тегі мәтін тақырыбының аяқталғанын білдіреді.

Кейбір тегтер, мысалы, <P> (абзацты анықтайтын тег) аяқтау тегтерін қажет етпейді, бірақ оларды қолдану құжаттың бастапқы мәтінінің оқылуын жеңілдетіп, құрылымын жақсартады.

Кестелерді жасау.

Кестелерді бейнелеу үшін HTML тегтерінің бірнеше түрі қолданылады:

• TABLE тегтері – бүкіл кестенің спецификациясын қоршайды.

• Міндетті емес элемент CAPTION – кестенің тақырыбын (атын) спецификациялайды.

• TR тегтері – кесте жолдарын спецификациялайды.

• TH тегтері – жолдар мен бағандардың тақырыптарын спецификациялайды.

• TD тегтері– кестедегі деректерді (кесте ұяшықтарының ішіндегісін) спецификациялайды.

<TR> <TD> 0 </TD> <TD> 1 </TD> </TR>

</TABLE>

және көбінесе броузерлер арқылы былайша көрсетіледі.

Кестенің қосымша қасиеттері. Мәтіндік ұяшықтары бар типтік кесте.

Жоғарыда көрсетілген кесте үлгісіне қосуға болатын бірнеше элементтер бар:

• Кестенің тақырыбы (caption ) – кестенің өзімен байланысқан (кесте туралы құжаттағы жолдар тексіне толықтауыш);

• Тақырыпша (headers) (түсіндірме) – кесте жолдары мен бағаларына арналған;

• Жақтау (рамка, borders) – кесте мен әр кесте ұяшығының айналасына арналған.

Сонымен қатар ALIGN мен VALIGN атрибуттары кестенің бейнелену сапасына әсер етеді. Олар құжаттың өрістеріне қатысты кестенің орналасуын айқындайды.

Мүмкін болатын мәндері: ALIGN=LEFT (сол жақпен туралау), ALIGN=CENTER (ортаға туралау), ALIGN=RIGHT (оң жаққа туралау).

WIDTH– Кестенің ені, пиксель арқылы WIDTH=400) немесе беттің енінің проценті түрінде (мысалы, WIDTH=80%) беріледі.

Жаттығу жұмыстары:

1-жаттығу. Тексті пішімдеу (форматтау) тегтерін қолданып 1-суреттегідей HTML –құжат жасау.

1. Блокнот текстік редакторын ашып, бос құжатты Задание1.html деген атпен сақтаңыз.

2. Құжаттағы алғашқы тег <HTML> тегі болу керек. Бұл тег WEB-броузерге құжаттың HTML қолданылып жасағанын хабарлайды. Сондықтан құжаттыі бірінші жолына <HTML> деп теріңіз.

1-сурет. HTML құжат үлгісі

3. Терезенің тақырыбын енгізу үшін мына жолдарды теріңіз:

<HEAD>

<TITLE> Пример работы

с тегами. Форматирование

</TITLE> </HEAD>

4. Енді құжаттың денесін, яғни HTML құжатта не көрсетілетінін енгіземіз.Ол үшін мына жолдарды теріңіз:

<BODY BGCOLOR=yellow TEXT=blue >

мұндағы BGCOLOR=yellow құжаттың фоны – сары, ал TEXT=blue шығатын текстің түсі көк болатынын анықтайды.

5. Ары қарай тағы да теріңіз:

<H1>Это заголовок первого уровня</H1>

<H2>Это заголовок второго уровня</H2>

Бұл жолдар әр түрлі деңгейдегі тақырыптарды анықтайды.

6. Енді нөмірленген және нөмірленбеген тізім жасауды үйренейік. Ол үшін мына жолдарды енгізіңіз:

<OL >Это пример пронумерованного списка

<LI>Первый элемент

<LI>Второй элемент

<LI>Третий элемент

</OL>

<UL TYPE=DISC>Это пример непронумерованного списка

<LI>Первый элемент

<LI>Второй элемент

<LI>Третий элемент

</UL>

7. Енді тексті пішімдеуді (форматтауды), яғни тексті енгізудің түрлі пішімдерін қолдануды үйренейік. Ол үшін мына жолдарды енгізіңіз:

<I>Это курсив</I>

<B>Это жирный шрифт</B>

<U>Это подчеркнутый текст</U>

<SUP>Это верхний индекс</SUP>

<SUB>Это нижний индекс индекс</SUB>

<BR>Это начало нового абзаца.

<BIG>Это большой шрифт</BIG>

<SMALL> Это маленький шрифт</SMALL>

<STRIKE>Это перечеркнутый шрифт</STRIKE>

8. Келесі жолға <BR><BR> деп теріңіз. Бұл екі рет бос жол жасағанды білдіреді ( «Enter » клавишасын басқанды білдіреді).

9. Келесі жолға теріңіз: <MARQUEE >ЭТО БЕГУЩАЯ СТРОКА</MARQUEE>. Нәтижесінде жүгірмелі жол жасалынады.

10. HTML құжатта көрсетілетін ақпарат таусылғандықтан <BODY> тегін жабу керек , ол үшін </BODY> деп жазыңыз.

11. HTML құжаттағы жазу аяқталды, сондықтан <HTML> тегін де жабу керек,ол үшін </HTML> деп жазыңыз.

12. Блокнотты жауып, жасаған құжатыңызды тышқанның сол жағын екі рет шертіп ашыңыз.

2-жаттығу. Сайттың тексін өзгерту. Өзіңіз жайлы шағын ақпарат бар үй бетін (домашняя страница) жасаңыз, ол үшін барлық келтірілген тегтерді қолданып 1–ші жаттығудағы сайттың тексін өзгертіңіз.

3-жаттығу. Құжатты редақциялау.

Фондық сурет қою арқылы беттің фонын өзгертейік. Ол үшін:

• Мои рисунки бумасынан (папка) jpg форматты суреттің көшірмесін өз бумаңызға түсіріп, оған image.jpg деп ат беріңіз.

• Қайтадан өзіңіздің HTML-құжатыңыздың бетіне оралып Вид-Просмотр HTML-кода командасын орындаңыз.

• Ашылған Блокнот редакторының терезесінде HTML-кодты. Редакциялайық. <BODY> тегінде фон түсінің тегінің орнына BACKGROUND="image.jpg" дегенді қосып жазыңыз. Құжатты сақтап, Блокнот терезесін жабыңыз.

• Өзіңіздің HTML- құжатыңыздың бетіне оралып Вид-Обновить командасын орындаңыз.

4-жаттығу. Сурет түсіру. Құжатқа гиперсілтеме жасау.

<IMG> және <A HREF> тегтерін қолданып келесі HTML- құжатын жасау.(2-сурет)

2-сурет

1. Блокнот текстік редакторының терезесін ашып, бос құжатты Задание4.html деп сақтаңыз

2. Құжаттың бірінші жолына <HTML> деп жазыңыз..

3. Терезе тақырыбын жазу үшін мына жолдарды енгізіңіз:

<HEAD>

<TITLE> Вставка рисунка и гиперссылки

</TITLE>

</HEAD>

4. Ары қарай <BODY BGCOLOR=pink TEXT=black LINK=blue VLINK=red> деп енгізіңіз.

5. Енді суретті түсіреміз. Ол үшін келесі жаңа мына тіркестерді жазыңыз: <IMG SRC="image.jpg" ALT="Здесь должен быть рисунок" HEIGHT=250 WIDTH=250 ALIGN=middle ISMAP>

6. Сурет пен келесі жазылатын текст арасында 3 бос жол болу керек. Ол үшін <BR><BR><BR> деп жазыңыз.

7. Енді құжатқа Задание1.html құжатын шақыратын гиперсілтеме (гиперссылка)жасаймыз Ол үшін мына жолдарды теріңіз:

<A HREF="Задание1.html"> Перейти по гиперссылке </A>

8. </BODY> тегін жабыңыз.

9. </HTML> тегін жабыңыз.

4-жаттығу. Кестесі бар (таблица) HTML-құжат жасау.