1
Қостанай мемлекеттік педагогикалық институты
Жаратылыстану – математика факультеті
Информатика және компьютерлік технологиялар кафедрасы
Айтбенова Аян Алтаевна
WEB-
дизайн негіздері
Қостанай
2015
2
УДК 004.4 (075.8)
ББК 32.973.26-018.2я73
А32
Авторы:
А.А. Айтбенова, Информатика және компьютерлік
технологиялар кафедрасының аға оқытушысы
Пікір жазғандар:
М.У. Калжанов - А.Байтурсынов атындағы Қостанай
мемлекеттік университетінің «Информатика және
математика»
кафедрасының
доценті,
физика-
математика ғылымдарының кандидаты.
З.С.
Ерсултанова
-
Қостанай
мемлекеттік
педагогикалық институтының «Информатика және КТ»
кафедрасының аға оқытушысы, техника ғылымдарының
кандидаты.
Айтбенова А.А.
А32
WEB-
дизайн негіздері: жоғарғы оқу орындарының студенттеріне
арналған оқу құралы. –Қостанай: ҚМПИ, 2015. -237б.
ISBN 978-601-7305-13-0
Ұсынылып отырған оқу құралында «Web-дизайн негіздері» курсы
бойынша теориялық және практикалық сабақтарға арналған материалдар
қамтылған, әр тақырып соңында бақылау сұрақтары мен өзіндік тапсырмалар
берілген.
Мұндағы материал оқу бағдарламасына сәйкес тақырыптар
бойынша практикалық жұмыстардан құралған тарауларға бөлінген. Әр
практикалық жұмыста тақырып бойынша сәйкесінше тапсырмаларды
орындауға қажетті қысқаша теориялық мағлұматтар, тапсырмаларды орындау
үшін әдістемелік нұсқаулар және оларды орындау жолдары, өзіндік
жұмыстары үшін тапсырмалар және бекіту сұрақтары қамтылған.
Бұл оқу құралын жоғарғы оқу орындарының студенттері, орта мектеп
оқушылары және мұғалімдер көмекші құрал ретінде қолдана алады.
УДК 004.4 (075.8)
ББК 32.973.26-018.2я73
Қостанай мемлекеттік педагогикалық институтының Оқу кеңесімен
бекітілген.
ISBN 978-601-7305-13-0
Айтбенова А.А., 2015
ҚМПИ,2015
3
МАЗМҰНЫ
Кіріспе................................................................................................ 5
Теориялық сабақтар
1.
Дизайн негіздері............................................................................ 7
2.
Графика түрлері және түстік модельдер..................................... 9
3. Web-
сайтты құру........................................................................... 13
4. Internet және www – дүниежүзілік өрмек..................................... 16
5. HTML гипермәтіндік тілі көмегімен веб-беттерді құру................
21
6.HTML
тіліндегі
тізімдер,
графика,
гиперсілтемелер,
мультимедиалық объектілер............................................................
29
7. HTML
тіліндегі
кестелер, формалар және фреймдер................
40
8. Javascript
тілінің негіздері............................................................. 49
9. Мәліметтер типі. Операторлар, өрнектер, функциялар............. 54
10.
JavaScript
тілінің класстары........................................................ 60
11.
MS FrontPage
бағдарламасы..................................................... 68
12.
Adobe
Dreamweaver бағдарламасы........................................... 76
13.
Dreamweaver бағдарламасының интерфейсімен танысу........ 78
14. PHP
тілімен танысу..................................................................... 87
15. РНР тілінің синтаксисі және негізгі басқару конструкциялары 91
Практикалық сабақтар
1.HTML
ГИПЕРМӘТІНДІК ТІЛІ......................................................... 102
1
.1. Практикалық жұмыс №1.1. Қарапайым HTML-бетін құру....... 102
1
.2.Практикалық жұмыс №1.2. Мәтінді форматтаудың негізгі
элементтері.......................................................................................
106
1
.3. Практикалық жұмыс №1.3. Түстерді және мәтінді
форматтаудың кейбір элементтерін анықтау.................................
110
1
.4. Практикалық жұмыс №1.4. Мәтінді форматтау….................... 113
1
.5. Практикалық жұмыс №1.5. Тізімдер......................................... 119
1.6.
Практикалық жұмыс №1.6. Web - беттегі графика…............... 124
1
.7. Практикалық жұмыс №1.7. Гиперсілтемелерді жасау............. 128
1
.8. Практикалық жұмыс №1.8. Web - беттегі мультимедиа.......... 133
1.9
. Практикалық жұмыс №1.9. Кестелер құру............................... 137
1.10
. Практикалық жұмыс №1.10. Формаларды құру..................... 144
1.11
. Практикалық жұмыс №1.11. Фреймдер.................................. 151
2. JAVASCRIPT
ТІЛІ......................................................................... 160
2.1.
Практикалық жұмыс №2.1. Негізгі операторлар...................... 160
2.2.Практикалық жұмыс №2.2. Javascript тілінің шартты
операторлары....................................................................................
165
2.3.Практикалық жұмыс №2.3. Javascript тіліндегі циклдік
операторлар......................................................................................
167
2.4. Практикалық жұмыс №2.4. Javascript оқиғалары мен
объектілері.........................................................................................
169
Достарыңызбен бөлісу: |