Файл қосу

WEB - беттерін, дизайн өңдеуді білу




|Қазақстан Республикасы білім және ғылым министрлігі                                 |
|Семей қаласы ШӘКӘРІМ атындағы МЕМЛЕКЕТТІК УНИВЕРСИТЕТІ                              |
|3 деңгейдегі СМК құжаты            |ПОӘК                |ПОӘК                       |
|                                   |                    |042.14.2.07.1.20.01/02-2013|
|                                   |                    |                           |
|                                   |                    |                           |
|                                   |                    |                           |
|ПОӘК                               |03.09.2013ж         |                           |
|Оқытушыға арналған                 |№1 басылым          |                           |
|«WEB дизайн» пәні бойынша оқу жұмыс|                    |                           |
|бағдарламасы                       |                    |                           |
|                                   |                    |                           |
















                                «WEB ДИЗАЙН»
                        ПӘНІН ОҚЫТУ-ӘДІСТЕМЕЛІК КЕШЕН


                5В011100 - «Информатика» мамандығына арналған


                 ОҚЫТУШЫҒА АРНАЛҒАН ОҚУ  ЖҰМЫС БАҒДАРЛАМАСЫ






































                                    Семей
                                    2013


1. ҚҰРАСТЫРЫЛДЫ
Құрастырған:_________   Семей   қаласы    Шәкәрім    атындағы    Мемлекеттік
университеті, Информатика кафедрасының  аға оқытушысы Рысжанова А.С.
      «___»__________ 2013ж.

2. ТАЛҚЫЛАНДЫ
2.1. Информатика кафедрасының отырысында талқыланды
      Хаттама № 1 «11» қыркүйек 2013 ж.

      Кафедра меңгерушісі _________________ Абишова А.А.

2.2. Физика-математика факультетінің әдістемелік Кеңесінің отырысында
талқыланды


      Хаттама  №1 «12» қыркүйек 2013 ж.

      Әдістемелік кеңестің төрағасы __________ Батырова Қ.А.

3. БЕКІТІЛДІ
Университеттің оқыту-әдістемелік кеңесінің отырысында мақұлданып, баспаға
ұсынылды
      Хаттама  №1 «18» қыркүйек 2013 ж.


Оқыту әдістемелік кеңесінің төрағасы _____________ Г.К.Искакова


БІРІНШІІ РЕТ ЕНГІЗІЛДІ

























                                   МАЗМҰНЫ

|Қолданылу облысы                                                 |       |
|Нормативті сілтемелер                                            |       |
|Жалпы жағдайлар                                                  |       |
|Оқытушыға арналған оқу жұмыс бағдарламасының мазмұны             |       |
|Студенттердің өздік жұмыстарының тақырыптары                     |       |
|Пән бойынша оқу-әдістемелік карта                                |       |
|Оқу-әдістемелік әдебиеттердің жабдықталу картасы                 |       |
|Әдебиеттер                                                       |       |



1. Қолданылу облысы
      «WEB  дизайн»  пәні  бойынша  Оқыту-әдістемелік   кешен   5В011100   –
«Информатика»  мамандығының  студенттеріне  арналған.   Кешен   студенттерді
пәннің  мазмұнымен,   пәннің   көкейкестілігі   мен   қажеттілігімен,   курс
саясатымен,  оқу  барысында  үйренетін   машықтармен   таныстырады.   Оқыту-
әдістемелік кешен пәнді оқыту үшін негізгі бағдар болып табылады.


   2. Нормативті сілтемелер
      Бұл  «WEB  дизайн»   пәні  бойынша  Оқытушыға   арналған   оқу   жұмыс
бағдарламасы оқыту  процесін  келесі  құжаттарда  келтірілген  талаптар  мен
ұсыныстарға сәйкес жүргізу үшін құрастырылған және  реттейді:
         – 5В011100 – «Информатика» мамандығына ҚР  МЖМБС    3.08.317-2006.
           Қазақстан Республикасы Білім және Ғылым министрлігінің  2005  ж.
           23  желтоқсанындағы  №779  бұйрығымен   бекітілген   және   іске
           қосылғын.
         – СТУ 042 – РГКП – СГУ  –  4-2013  Университет  стандарты  «Пәннің
           оқыту әдістемелік комплексін дайындауға жалпы талаптар»;
         –   ДП-042-1.01–2013   Құжатталған   процедура    «Пәннің    оқыту
           әдістемелік комплексінің құрылымы мен мазмұны»
   3. Жалпы жағдайлар
      3. 1. Пәннің қысқаша мазмұны
      Бұл ПОӘК  5В011100– Информатика  мамандығы студенттерінің «WEB дизайн»
пәнін оқуға арналған.
Қазақстан  Республикасының   жалпыға   міндетті   мемлекеттік   білім   беру
стандартына сәйкес «WEB дизайн»  курсы  оқытудың  басты  мақсаттарын  жүзеге
асыруды қамтамасыз етеді және программалаудың жаңа  бағытының  ерекшеліктері
мен қасиеттерін, соның ішінде WEB – программалаудың,  яғни  қазіргі  заманғы
WEB – қосымшаларының аспаптық құралдары  мен  технологияларын  өңдеуді  оқып
үйрету болып табылады.

      3.2. Пәннің мақсаты
      «WEB дизайн» пәнінің оқыту мақсаты студенттерге  программалаудың  жаңа
бағытының   ерекшеліктері   мен   қасиеттерін,   соның    ішінде    WEB    –
программалаудың,  яғни  қазіргі  заманғы  WEB  –   қосымшаларының   аспаптық
құралдары мен технологияларын өңдеуді оқып үйрету болып табылады.


      3.3. Пән міндеті:
          – Негізгі түсініктерін,  программалық  қамтамасын,  протоколдарды,
            Интернет қызметін, клиент-сервер технологиясын,  WEB  дизайнының
            негіздерін үйрету;
          – WEB-беттерінің логикалық құрылымын, HTML  (DHTML)  -  құжаттарын
            программалауды, JAVA және VBS- скриптерін,  мультимедиялық  WEB-
            беттерін, дизайн өңдеуді үйрету;
          –  Әртүрлі  программалық  құралдардың  көмегімен  WEB-беттері  мен
            бұрыштарын құру және қызмет ету қабілетін оқып үйрену.


      3.4. Пәнді оқып, аяқтаған студенттердің
  Білуі керек:
    – HTML (DHTML) - құжаттарын программалауды білуі қажет;
    – JAVA және VBS- скриптерін білу;
    – мультимедиялық WEB-беттерін, дизайн өңдеуді білу;
    – криптографиялық хаттамалармен жұмыс істеуді білу;
    – вирусқа қарсы қорғанысты ұйымдастыра білу.


      3.5.  Пән пререквизиттары:
      Пән    жоғарғы   оқу    орында   оқылатын    «HTML    технологиялары»,
«Программалау»,  «Информатиканың  теориялық  негіздері»  пәндерінен  алынған
білімге негізделеді.
      3.6.  Пән постреквизиттары:
      Программаны  өңдеу  және  программа  –  ақпараттық  кешендерді   (ПАК-
дер) өңдеумен   байланысты   барлық   пәндер,   оларда   келесі   оқытылатын
пәндер      білімі         қолданылады:       «Жүйелік          программалық
қамтамасыздандыру»,   «Интернетте   программалау»,    «Жасанды     интеллект
негіздері»,«Амалдарды    зерртеу»,    «Мәліметтер    қорын    программалау»,
«Компьютерлік желілер».

      4. Оқытушыға арналған оқу жұмыс бағдарламасының мазмұны
      1-кесте. Оқу жоспарынан ақпарат
|Курс |Семестр                      |Кредит                |Дәріс  |Зерт|ОСӨЖ  |СӨЖ  |
|     |                             |                      |       |хана|      |     |
|     |                             |                      |       |лық |      |     |
|     |СОӨЖ №1. HTML –ге кіріспе.   |Берілген тақырыптың   |       |15  |4 апта|Элект|
|     |СОӨЖ №2. Web – беттерді құру.|теориялық материалын  |       |    |      |ронды|
|     |СОӨЖ №3 Шаблонның көмегімен  |оқып-үйрену; Берілген |       |    |      |түрде|
|     |web – түйіндерді құру үшін   |тақырыпта электрондық |       |    |      |     |
|     |Microsoft ProntPage қолдану. |анықтамалық сөздік    |       |    |      |     |
|     |                             |әзірлеу (35-40 сөз).  |       |    |      |     |
|     |СОӨЖ №4. Web – түйіннің      |Берілген тақырыптың   |       |15  |6 апта|Элект|
|     |құрылымын өңдеу. Web –       |теориялық материалын  |       |    |      |ронды|
|     |беттерді редактрлеу. СОӨЖ №5.|оқып-үйрену;          |       |    |      |түрде|
|     |Бұрыннан құрылған web –      |                      |       |    |      |     |
|     |түйінді өңдеу үшін Microsoft |                      |       |    |      |     |
|     |ProntPage қолдану. Web –     |                      |       |    |      |     |
|     |беттерді суреттер, кестелер, |                      |       |    |      |     |
|     |гиперсілтеме қою арқылы      |                      |       |    |      |     |
|     |өңдеу. СОӨЖ №6. Web –        |                      |       |    |      |     |
|     |беттерді безендіруде         |                      |       |    |      |     |
|     |ProntPage –дің қосымша       |                      |       |    |      |     |
|     |мүмкіндіктерін қолдану.      |                      |       |    |      |     |
|     |СОӨЖ №7. Сілтеме картасын    |Берілген тақырыптың   |       |20  |9 апта|Элект|
|     |құру үшін ProntPage 2007     |теориялық материалын  |       |    |      |ронды|
|     |қолдану.                     |оқып-үйрену;          |       |    |      |түрде|
|     |СОӨЖ №8. Web – беттерде      |Берілген тақырыпта    |       |    |      |     |
|     |қалыпты қолдану. СОӨЖ №9.    |электрондық           |       |    |      |     |
|     |Шебер қалып көмегімен        |анықтамалық сөздік    |       |    |      |     |
|     |қалыптар құру.               |әзірлеу (35-40 сөз).  |       |    |      |     |
|     |СОӨЖ №10. Фреймдерді қолдану.|Берілген тақырыптың   |       |20  |13    |Элект|
|     |СОӨЖ №11. Интернет желілерде |теориялық материалын  |       |    |апта  |ронды|
|     |Web – сайттарды жариялау.    |практикада қолданып   |       |    |      |түрде|
|     |СОӨЖ №12. Web-сайтқа тіркелу |үйрену;               |       |    |      |     |
|     |, оның Интернет желісіндегі  |                      |       |    |      |     |
|     |жариялануы, табу             |                      |       |    |      |     |
|     |жүйелеріндегі тіркелу        |                      |       |    |      |     |

      5.2 СӨЖ тапсырмаларын орындау және өткізу графигі
      Студенттің өзіндік жұмысы дәpicтiк материалдарды талқылау, тәжірибелік
  және  практикалық  сабақтарға  дайындалу,  Практикалық   және  тәжірбиелік
жұмыстарды  қорғау,   тест   бақылауына   дайындалу   мен   қатар,   косымша
материалдарды оқуды және   курстық  жұмысты  орындауды  қамтиды.  Ақпараттар
көзі  ретінде  студент  оқулықтарды,  оқу   құралдарын,   компьютерлер   мен
компьютерлік  технологиялар  туралы  мерзімдік   басылымдарды,   анықтамалық
әдебиеттерді және институт пен кафедра сайттарындағы оқу материалдарын  және
Интернет қорын пайдаланады.

|№  |Іс- тәжірибелік сабақ атаулары                     |Балл |Тапсырманы |Бақылау |
|   |                                                   |     |орындау    |түрі    |
|   |                                                   |     |уақыты     |        |
|   |СӨЖ №1. Қарапайым HTML файлдарын құру.             |30   |4 апта     |Ауызша  |
|   |СӨЖ №2. Форматтаудың арнайы командалары            |     |           |қоғау   |
|   |СӨЖ №3. Ақырыптар стилін қолдану. СӨЖ №4. Ағымдағы |     |           |Реферат |
|   |кәріптің өлшемін өзгерту.                          |     |           |        |
|   |СӨЖ №5. Қәріп түсін және  гарнитураларды орнату.   |45   |7 апта     |Ауызша  |
|   |СӨЖ №6. Мәтінді горизонталь туралау.               |     |           |қоғау   |
|   |СӨЖ № 7. Мәтін мен фонның түсін беру               |     |           |Реферат |
|   |СӨЖ № 8. Web-бетте графиктерді орналастыру.        |     |           |        |
|   |СӨЖ № 9. Бейненің атрибуттарын орналастыру.        |     |           |        |
|   |СӨЖ № 10. Web-бетте бейненің фонын орналастыру.    |30   |10 апта    |Ауызша  |
|   |СӨЖ №11. Текст және фон түсін беру                 |     |           |қоғау   |
|   |СӨЖ №12. Web- бетте графиктерді орналастыру.       |     |           |Реферат |
|   |СӨЖ №13. Бейнелер атрибутын орнату.                |     |           |        |
|   |СӨЖ №14. Кесте құру.                               |45   |13 апта    |Ауызша  |
|   |СӨЖ №15. Гипертексті байланыс орнату.              |     |           |қоғау   |
|   |СӨЖ №16. Басқа HTML – құжатқа сілтеме құру.        |     |           |Реферат |
|   |СӨЖ №17. Басқа HTML – құжатқа сілтеме құру.        |     |           |        |
|   |СӨЖ №18. Текст фрагменттерін белгілеу.             |     |           |        |

      СӨЖді орындау және тапсыру графигі
      СӨЖ үй тапсырмасы ретінде дәптерге не А4 форматтағы қағазға орындалып,
оқытушыға  тапсырылады.   СӨЖ   программасы   оқытушыға   электронды   түрде
өткізіледі.
      Өздік жұмысын бақылау келесі түрде болуы мүмкін:
– орындалған жұмыстың презентациясы;
– өзбетімен оқылған тақырыптың баяндамасы;
– оқытушының ауызша сұрауы;
– жазбаша түрде;
      Ескерту:  Жақсы бағада аттестация  алу  үшін  СОӨЖ,  СӨЖ  тапсырмалары
аттестация уақытына дейін оқытушыға 1 апта бұрын тапсырылуы қажет.


      6. Пән бойынша оқу-әдістемелік карта
3-кесте. Пән бойынша оқу-әдістемелік карта
|Тақырыптар                               |Көрнекілік құрал,      |Бақылау түрі  |
|                                         |плакаттар, техникалық  |              |
|                                         |жабдық                 |              |
|Дәріс сабақтары       |Зертханалық       |                       |              |
|                      |сабақтар          |                       |              |
|1                     |2                 |3                      |4             |
|Гипермәтіндік         |JavaScript пен    |Компьютер,             |Электрон-ды,  |
|белгілеулердің        |танысу            |презента-циялар,       |ауызша қорғау |
|принциптері           |                  |интерактивті тақта     |              |
|HTML-құжатының        |JavaScript        |Компьютер,             |Электрон-ды,  |
|контейнері            |объектілерінің    |презента-циялар,       |ауызша қорғау |
|                      |иерархиясы        |интерактивті тақта     |              |
|Web-тегі  графика     |Скрипттерді құру  |Компьютер,             |Электрон-ды,  |
|                      |мен орналастыру   |презента-циялар,       |ауызша қорғау |
|                      |                  |интерактивті тақта     |              |
|HTML-да кестенің      |Қате туралы       |Компьютер,             |Электрон-ды,  |
|жазылу тәсілдері.     |хабарлама         |презента-циялар,       |ауызша қорғау |
|                      |                  |интерактивті тақта     |              |
|Беттің дизайнында     |Күн мен уақыт     |Компьютер              |Электрон-ды,  |
|кестелерді қолдану    |                  |                       |ауызша қорғау |
|Фреймдер              |Оқиға өңдеу:      |Компьютер              |Электрон-ды,  |
|                      |onMouseOver       |                       |ауызша қорғау |
|Формалар              |Тағы оқиға        |Компьютер              |Электрон-ды,  |
|                      |өңдеушілері туралы|                       |ауызша қорғау |
|Аррlеt-тер            |Сұраныстар мен    |Компьютер              |Электрон-ды,  |
|                      |айнымалылар       |                       |ауызша қорғау |
|Стильдердің каскадты  |Қасиеттер түсінігі|Компьютер              |Электрон-ды,  |
|кестелері (CSS)       |                  |                       |ауызша қорғау |
|Web –тармақ беттерін  |Обьекттер         |Компьютер              |Электрон-ды,  |
|көруді басқару.       |иерархиясы        |                       |ауызша қорғау |
|JavaScript.           |                  |                       |              |
|Объектілер әдісі және |Іс-әрекеттен      |Компьютер,             |Электрон-ды,  |
|объектілер қасиеті.   |кейінгі           |презентациялар,        |ауызша қорғау |
|Есептеу ағымын        |командалар:       |интерактивті тақта     |              |
|басқару.              |onUnload және     |                       |              |
|                      |onMouseOut        |                       |              |
|JavaScript тілінің    |Жаңа терезелерді  |Компьютер              |Электрон-ды,  |
|элементтері           |ашу               |                       |ауызша қорғау |
|HTML-құжатында        |Функция           |Компьютер              |Электрон-ды,  |
|орналастыру           |көмегіментерезені |                       |ауызша қорғау |
|                      |ашу               |                       |              |
|Әдістері.             |Confirm (if  пен  |Компьютер              |Электрон-ды,  |
|Гипертексттік         |else – ге кіріспе)|                       |ауызша қорғау |
|сілтемелер және       |                  |                       |              |
|суреттер              |                  |                       |              |
|                      |Алдын ала         |Компьютер,             |Электрон-ды,  |
|                      |анықталған обьект.|презентациялар,        |ауызша қорғау |
|                      |Массивтер.        |интерактивті тақта     |              |
|                      |Фреймдер          |                       |              |

            7.  Оқу-әдістемелік әдебиеттердің жабдықталу картасы
4-кесте. Оқу-әдістемелік әдебиеттердің жабдықталу картасы
|Оқулықтар мен оқу-әдістемелік    |Экз. саны  |Студенттер саны  |Жабдықталу         |
|құралдардың аттары               |           |                 |%                  |
|Дейтел Х.М., Дейтел П.Дж., Нието |           |13               |                   |
|Т.Р. Как программировать для     |           |                 |                   |
|Internet& WWW – М.: ЗАО          |           |                 |                   |
|“Издательство БИНОМ”, 2002       |           |                 |                   |
|Дейтел Х.М., Дейтел П.Дж., Нието |           |13               |                   |
|Т.Р., Лин, Садху  Как            |           |                 |                   |
|программировать на XML – М.:  ЗАО|           |                 |                   |
|“Издательство БИНОМ”, 2001       |           |                 |                   |
|Ратшиллер Т., Геркен Т. РНР:     |           |13               |                   |
|Разработка Web – приложений -    |           |                 |                   |
|СПб.: Питер, 2001                |           |                 |                   |
|Фролов А.В., Фролов Г.В.  Базы   |           |13               |                   |
|данных в Интернете: практическое |           |                 |                   |
|руководство по созданию          |           |                 |                   |
|Web-приложений с базами данных – |           |                 |                   |
|М.: Издательско-торговый дом     |           |                 |                   |
|«Русская Редакция», 2000         |           |                 |                   |
|Холмогоров В. Основы WEB –       |           |13               |                   |
|мастерства. – СПб.: Питер, 2001  |           |                 |                   |
|Шафран Э. Создание WEB – страниц |           |13               |                   |
|– СПб.:  Питер, 2000             |           |                 |                   |
|Хоумер А., Улмен К. Dynamic HTML |           |13               |                   |
|– СПб.: Питер, 1999              |           |                 |                   |
|Пек  С., Аррантс С. Все          |           |13               |                   |
|необходимое для создания WEB –   |           |                 |                   |
|узла - Киев, Bhv, 1997           |           |                 |                   |
|Штайнер Г. MS Internet Explorer -|           |13               |                   |
|М. ЛБЗ, 2000                     |           |                 |                   |
|Дмитриева М.В. JavaScript.       |           |13               |                   |
|Быстрый старт - – СПб.:          |           |                 |                   |
|БХВ-Петербург, 2002              |           |                 |                   |
|Комер Д. Принципы                |           |13               |                   |
|функционирования Интернета -     |           |                 |                   |
|СПб.:  Питер, 2002               |           |                 |                   |

Негізгі әдебиеттер:
   1.  Дейтел  Х.М.,  Дейтел  П.Дж.,  Нието  Т.Р.  Как  программировать  для
      Internet& WWW – М.: ЗАО “Издательство БИНОМ”, 2002
   2. Дейтел Х.М., Дейтел П.Дж., Нието Т.Р., Лин, Садху  Как программировать
      на XML – М.:  ЗАО “Издательство БИНОМ”, 2001
   3. Ратшиллер Т., Геркен Т. РНР:  Разработка  Web  –  приложений  -  СПб.:
      Питер, 2001
   4. Фролов А.В.,  Фролов  Г.В.   Базы  данных  в  Интернете:  практическое
      руководство  по  созданию  Web-приложений  с  базами  данных   –   М.:
      Издательско-торговый дом «Русская Редакция», 2000
   5. Холмогоров В. Основы WEB – мастерства. – СПб.: Питер, 2001
   6. Шафран Э. Создание WEB – страниц – СПб.:  Питер, 2000
   7. Хоумер А., Улмен К. Dynamic HTML – СПб.: Питер, 1999
   8. Пек  С., Аррантс С. Все необходимое для создания WEB –  узла  -  Киев,
      Bhv, 1997
   9. Штайнер Г. MS Internet Explorer - М. ЛБЗ, 2000
  10. Дмитриева М.В. JavaScript. Быстрый старт - – СПб.: БХВ-Петербург, 2002
  11. Комер Д. Принципы функционирования Интернета - СПб.:  Питер, 2002
Қосымша әдебиеттер:
   1. Пайк М. Internet – С-Петербург, Bhv, 1996
   2. Солоницын Ю., Холмогоров В. Интернет. Энциклопедия. 3-е издание –
      СПб.: Питер,2002

Пәндер