6. Навигационная панель
Альтернативный способ (смотри п.IV) для создания панели навигации по
Вашему
сайту.
Можно
создать
вертикальное
или
горизонтальное
меню.
Предварительно требует подготовки изображений кнопок (от 1 до 4 для каждого пункта
меню).
Для вставки этого объекта: На панели объектов нажмите иконку с изображением
Navigation Bar. Или выполните цепочку Insert - Interactive Image - Navigation Bar.
Смысл полей:
•
"+" и "-" служат для добавления элементов в панель.
•
Стрелки вверх и вниз позволяют менять элементы местами
•
Element name - название пункта меню (называть по латыни и по смыслу,
например: home, pro_nas, history)
•
Up Image - указываем картинку кнопки, находящейся в "состоянии
покоя"
•
Over Image - картинка, появляющаяся при наведении мышки
(обязательное поле!)
•
Down Image -картинка, появляющаяся при щелканьи мышкой
•
Over While Down Image - картинка при нажатой кнопке мышки + на нее
наведен курсор (Можно не заполнять)
•
Alternate text - комментарий
•
When Clicked, Go To URL - место, куда посетитель попадет при щелчке
по кнопке
•
Options: preload Image - оставляйте включенным; Show "Down Image"
Initialy - по умолчанию показывать кнопку нажатой (актуально для активной
страницы)
•
Insert - режим горизонтальной или вертикальной панели
•
Use Tables - использование таблицы для расположения элементов меню
Важно: На каждой странице можно разместить только одну навигационную панель,
созданную таким способом. Вносить изменения в существующую панель через
цепочку: Modify – Navigation Bar
7. Меню переходов
Меню переходов – популярный элемент управления, имеющий вид
раскрывающегося списка, с пунктами которого связаны гипертекстовые команды.
Для вставки этого объекта: На панели объектов (в режиме Forms) нажмите
иконку с изображением Jump Menu. Или выполните цепочку Insert – Form Objects –
Jump Menu.
Смысл полей:
• "+" и "-" служат для добавления элементов в меню.
• Стрелки вверх и вниз позволяют менять элементы местами
• Menu Items – В этом разделе появляются созданные пункты меню
• Text – текст, который будет отображаться в качестве пунктов меню
• When Selected Go To URL – имя страницы или любого другого файла, куда
состоится переход после выбора этого пункта
• Insert Go Button After Menu – при наличии флажка сбоку от меню появится
кнопка Go, при нажатии на которую выполняется команда перехода
• Select First Item After URL Change – при наличии флажка всегда выставляется
первый пункт меню после перехода на новую страницу
Важно: Иногда первый пункт меню выполняет функцию названия или указания к
действию. Для этого нужно в поле When Selected Go To URL указать пустую ссылку
(#). Кроме того, установите флажок в поле Select First Item After URL Change, чтобы
информация первого пункта была доступна всегда.
9. СОӨЖ сабақтарға əдістемелік нұсқаулар.
Өздік жұмыста Borland Delphi программалау ортасында студенттер тақырып
бойынша берілген есепке байланысты жоба құрастыып, оның программа кодын жаза
білу, оны орындату, түзету, нəтижесін талдауды жүзеге асырады. Оқытушы
басшылығымен өткізілетін өзіндік жұмыста оқу материалының теориялық қосымша
сұрақтары талданады, қосымша берілген есеп жобалары жасалып, тексеріледі жəне
талқыланады. Бақылау сұрақтарының жауаптары тексеріледі. Студенттің үй
жұмысында бұрын алған білімдерін бекітуге арналған тапсырмалар беріледі.
Студенттердің білімін тексеру өзіндік жұмыс тапсырмаларын орындауы,
шығармашылық
жұмыс,
коллоквиум,
тестілеу
түрінде
ұйымдастырылады.
Шығармашылық жұмыста студенттер Borland Delphi программасының құралдарын
қолданып түрлі тестілеу, бақылау, оқыту, жаттығу программаларын өздігімен жасап,
оларды презентациялайды. Шығармашылық жұмыс студенттің алған білімін
қорытындылау, шығармашылық белсенділігін арттыру, өз бетімен жұмысын жоспарлай
алу, пəн бойынша алған білімін өз бетінше қолдана алу сияқты қасиеттерін дамытады.
Пəнді оқытуда Delphi программасынан электрондық оқулығы қолданылады. Ол арқылы
студент əр тақырып бойынша өз білімін толықтырады.
1- апта.
ОЖСӨЖ сабақтарға əдістемелік нұсқаулар
Апта
ОЖСӨЖ мазмұны
СӨЖ мазмұны
Ұсынылатын
əдебиет
1 апта
1
Интернеттегі адрестерді
салыстыру.
Жаңа
терминдер
мағынасын
түсіну.
[7] 46-52;
2
Гипермəтін, сайт жəне
тіл байланысы.
Қосымша материалдарды іздеу.
3
Силлабуспен танысу.
Əдебиеттер тізімін оқу залындағы
қамтылуын тексеру.
Дəріс материалы
2 апта
1
Ережелер мен шарттар.
Құжаттың атау, дене бөліктерін [2] 53-62 ; [6] 23-
жазу ережелері.
2
құжат денесі
абзац
Title, head, body …
3
Құжаты
тақырыбын,
денесін құрайтын негізгі
тэгтер
Құжаты
тақырыбын
құрайтын
негізгі тэгтер
61;
3 апта
1
Тəг атрибуттары
Базалық тэгтер бойынша қосымша
мəліметтер жинау
2
Туре атрибуты
HTML-тізімдер жасау тэгтері
[2] 622-125; 735-
739;
[6].332-346;
3
Түстерді басқару
Шығармашылық
тапсырмалар
орындау
4 апта
1
Нақты мысалдар келтіру.
Ережелер.
2
HTML-гі гипермəтіндік
сілтеме
Web беттерінде құжат құру
3
HTML-гі гипермəтіндік
сілтеме
… ,
тэгтері
[2].612-616;
663-668; [6].166-
182;
5 апта
1
Графиктік бейнелерді
қою
ALIGN=top|middle|bottom|
texttop ISMAP
2
Графиктік бейнелерді
фон ретінде қою
Интернеттен мəліметтер іздеу
3
Интернеттен фондық
суреттер қорын табу.
Құжатқа графикалық бейнелер
енгізу
internet
progr\HTML\html
pro\HTML\CNIT\P1.
HTM
6 апта
1
Мəтінді логикалық
пішімдеу
...
тэгтнріне анықиама беру
[2] 591-600;
[6] 442-445;
2
Бақылау жұмысы
Қаріп түрлерінің
жазылуы
тэгі.
SIZE=…; COLOR=…; FACE=…;
3
Рейтингтік
тапсырмаларды орындау
Стиль,
графика,
гиперсілтеме,
т.с.с.
7 апта
1
Анықтама құру
HTML құжатында адрес тэгтері
2
1-7 аптада бойынша есеп
беру
Мəтінге түрлі амалдар қолдану
3
Пішімдеу стильдері
Мəтін түстеріне мысалдар жазып
келу
[1]; [3];
8 апта
1
Есеп
шығару
кезінде
пайда болған қателердің
себебін түсіндіру
HTML формалары
2
Форма тэгтері
SELECT SELECT SINGLE
SELECT MULTIPLE туралы
қосымша мəлімет табу
[2] 641-688; [6] 227-
275;
3
Мəтінге түрлі амалдар
қолдану.
Мəтін анатомиясы
9 апта
1
Фрэйм қасиеті
FRAMESET
деген не?
2
Фрэймдер
арасындағы
өзара байланыс
Электрондық почта құру жəне
соған ұқсас HTML бетін құру
3
Сырғымалы жолдар
құру жағдайлары
Интернет
материалдарынан
өтілген
тақырыптардың
қамтылуын анқтау
[2] 645-647;
688-691;
[6] 325-332;
10апта
1
Кестелерді құру
Кестенің
негізгі
тэгтерінің
анықтамасын жазу
2
Кесте құру мысалдары
Кестенің антрибуттары
3
Кесте
толтыру
жне
əрлендіру.
Шығармашылық ізденіс
[2] 575-579;
[6] 493-469;
11 апта
1
Бақылау жұмысы
Өзара
білім
тексеру
сұрақтарын
құрастыру
жəне оны қолдану.
Windows CGI интерфейсі
Қосымша ақпарат табу
2
[Accept] [System] [Extra
Headers] [Form
Literal] [Form
External] [Form
Huge] [Form File]
секциялары
CGI файл
3
Программаның
орындалуы
Жеке шығармашылық жұмыс.
[6] 227-275;
12 апта
1
Жеке
тапсырмалар
орындау
WEB
беттеріне
графиктер
тиімдендіру
2
CSS
негіздері
арқылы
элементтердің
құрамын
басқару
CSS
негіздері арқылы элементтердің
құрамын басқару
3
Мəтінді
əрлендіру
тəсілдері
Мəтідік
редактор
мен
блокноттағы
мəтінмен
жұмыс
тəсілдерін салыстыру.
[1] 92-107;
[2] 575-579;
[6] 442-469;
13 апта
1
Java тілі туралы қосымша
деректер іздеу
Кесте тұрғызуға керекті негізгі
тэгтер туралы жалпы ұғым;
2
Программаны
басқарудың принциптері
PHP деген не? PHP-ты қою
3
Дəріс
матерналдарын
толықтыру.
Интернет ақпараттарын іздеу.
[2] 647-656;
[6] 406-442;
14 апта
1
JavaScript
туралы
түсінікті кеңейту.
JavaScript
№1.247-263
internet
progr\HTML\html
pro\HTML
2
Бақылау жұмысы
Қосымша
ақпараттармен
қамтамасыз ету.
HTML\WEB\WEB\p
hp
3
Рейтинг тапсырмасы
Курс бойынша өзара бақылау
жүргізу.
15 апта
1
Web-бетін
публикациялау
.HTML фильтры
Програмирование в
HTML\DHTML.HT
M
2
Емтихан
сұрақтарынан
жалпылама кеңес
Қосымша материалдар ізденісі
Глава
19
/
!FrontPage 2002
3
HTML-дің
басқа
программалық
жабдықтармен
байланысы
Web бет құрау, коды, нəтижесі.
Интернет көздері.
10. СТУДЕНТТЕРДІҢ ӨЗІНДІК ЖҰМЫСЫНА АРНАЛҒАН МАТЕРИАЛДАР.
СӨЖ – дидактикалық тапсырмаларды өз бетімен орындауға, танымдық қабілетті
арттыруға жəне белгілі бір ғылым саласысына байланысты білімін толықтыруға
негізделген оқу процесінің ерекше бір түрі.
СӨЖ шығармашылық белсендікті, логикалық ойлауды дамытуды қамтамасыз
ететін практикалық тапсырмаларды жүзеге асырумен байланысты болып табылады.
СӨЖ оқытушының қатысуымен (СОБӨЖ) аудиториядан тыс жəне оқытушысыз
аудиториядан тыс (СӨЖ) сабақтардан тұрады.
Студенттердің
өзіндік
жұмысына
арналған
материалдар:
үйге
берілген
тапсырмалардың мəтіні, əр бір тақырып бойынша өзін-өзі тексеру материалдары,
реферат т.б. ұй жұмыстары бойынша тапсырмалар, əдебиет тізімі жəне арналған уақыт
көлемі.
- Интернеттегі сайт құрылымдарын анықтау, салыстырмалы талдау жасау,
- реферат тақырыптары:
Скриптер жəне олардың Web беттер құрудағы қажеттілігі.
Web бет құру мен жобалауға арналған программалар. Оларға салыстырмалы
талдау.
HTML тілі жəне басқа программалармен байланыс
- курс бойынша, тақырып бойынша тест, ребус, сөзжұмбақтар құрастыру.
11. Реферат , курстық жұмыс, жоба, презентациялардың деректер қоймасы
12. Бақылау жəне жеке жұмысты жазуға техникалық талаптар
1. Бақылау жұмысын, титульдық бетін жұмыс құрылымын безендіру
Жұмыс көлемі- баспа мəтіндік 20 бет шамасында. Басапға шығару параметрлері: шрифт
TNR, 12 кегль, 1,5 интервал, əр бетте сілтеме, нөмірлеу беттің соңында қойылады.
Əдебиеттер тізімі жұмыс соңында жазылады. Список литературы – в конце работы.
Құрылымдық компоненттер (тізбекті ретпен): мазмұны, кіріспе, негізгі бөлім,
қорытынды, пайдаланылған əдебиеттер тізімі.
2. «Кіріспе»
«Кіріспе» бақылау жұмысының негізгі мазмұнын сипаттап тұруы қажет. (көлемі – 0,5 –
1,5 бет). Онда тақырыптың өзектілігі негізделіп, сұрақ бойынша əртүрлі көзқарастар
келтіріліп жəне мазмұны негізгі бөлімде қарастырылатын негізгі тақырыптар
көрсетіледі.
3. Негізгі бөліммен жұмыс
Бақылаудың негізгі бөлімімен жұмыс жасау үщін бақылау жұмысн жазуға берілген
əдістемелік нұсқауды зейін сала оқып шығу қажет.
4. «Қорытындымен» жұмыс
Қорытындыда жасаған жұмысты қорытындылап, алынған нəтижелерді талдау қажет. В
Қорытынды көлемі- 0,5 – 1 бет.
13. Электрондық кітапхана – курс тақырыбы бойынша электрондық
кітаптар, электрондық кітапхана сайтына сілтеу, ақпаратпен жұмыс
жасаудың электрондық кітаптары, мысалы, элетрондық почтамен,
Интернеттен ақпарат іздеу т.б.
http://www.rmeb.kr
- http://www.iis.ru/el-bib
14. Студенттің оқытушымен жəне басқа студенттермен бірігіп жұмыс жасау
құралдары (электрондық почта, телеконференция(форум), чат)
– platon.wksu.kz
– www.wksu.kz
15. Неғұрлым жиі қойылатын сұрақтар жəне олардың Web-сайтта
орналасқан жауаптары
16. Қорытынды емтихан сұрақтары.
Оқу материалын ойдағыдай меңгеру үшін тақырып соңындағы білімді өзіндік
тексеру сұрақтарына жауап дайындау керек.
Емтиханға дайындық сұрақтары.
1. HTML-де түстің берілуі:
2. Абзацты анықтайтын тег:
3. Кестені анықтайтын тег:
4. Мəтін қарпін анықтайтын қасиет:
5. Мəтінді астын сызып ерекшелеу тегі:
6. Сайттың физикалық құрылымы:
7. Қандай əншейін хостинг серверлары бар?
8. Электронды почтаның ең ірі əншейін сервері:
9. Интернетке қосылу мүмкіндігін беретін фирма
10. Тег дегеніміз не?
11. Тегтердің дұрыс орналасу реті:
12. Горизонталь сызықты анықтайтын тег:
13. Салыстырмалы сілтемеге мысал:
14. Href=”ftp://...” нені білдіреді?
15. Сілтемедегі құжаттың ашылу əдісін анықтайтын атрибут:
16. тегінің src атрибуты нені анықтайды?
17.
18. Direction=”down” нені білдіреді?
19. Тізімді анықтайтын тегті көрсет:
20. нені білдіреді?
21. Кестенің жолын анықтайтын тег:
22. Интернетте қолданылатын графикалық формат:
Аралық жəне қорытынды емтихан аттестация (емтихан) модулі бойынша
бақылау жасау үшін сұрақтар
Қолданушыға нұсқау
Емтихан тестілеу формасы бойынша жүргізіледі. Емтихан бойынша максимал баға
100% (ұпай). Қорытынды баға рейтинг жəне емтихан нəтижесі бойынша ұпай санымен
анықталады. Тест мазмұны (сұрақтары) дəріс жəне СӨЖ материалдары бойынша
сұрақтармен сəйкес келеді. Əр тестте сұрақтың нұсқасы беріледі, одан бір дұрыс
жауапты таңдау керек.
Қорытынды тесттер.
Өз білімін тексеру үшін тестілік тапсырмалар
23. HTML – бұл:
A. Hyper Text Markup Language
B. Hyper Text Media Locate
C. Hyper Text Mobile Lan
D. Hyper Text Menu Lock
24. Web-парақтарды шолуға арналған қосымша:
A. Браузер
B. Модем
C. Утилита
D. Плагин
25. IP-адреске мысал:
A. 192.168.0.222
B. http://www.wksu.kz/
C. comp_9
D. class-4b-126-2
26. Тегке мысал:
A.
B.
C. <--//-->
D. A href
27. HTML-де түстің берілуі:
A. #336699
B. #FCFC
C. $FFFFFF
D. &336699
28. Абзацты анықтайтын тег:
A.
B.
C.
D.
29. Кестені анықтайтын тег:
A.
B.
C.
D.
30. Мəтін қарпін анықтайтын қасиет:
A. font-family
B. align
C. height
D. width
31. Мəтінді астын сызып ерекшелеу тегі:
A.
B.
C.
D.
32. Сайттың физикалық құрылымы:
A. Жасалатын сайтта орын алатын файлдардың орналасу алгоритмі
B. Сайттың парақтарының арасындағы байланыс
C. Сайттан сайтқа өту құралы
D. Сайт ішінде орын ауыстыру алгоритмі
33. Қандай əншейін хостинг серверлары бар?
A. www.narod.ru
B. www.uralskweb.kz
C. www.wksu.kz
D. www.yahoo.com
34. Электронды почтаның ең ірі əншейін сервері:
A. www.mail.ru
B. www.subscribe.ru
C. www.mail.kz
D. mail.wksu.kz
35. Интернетке қосылу мүмкіндігін беретін фирма
A. Провайдер
B. Майкрософт
C. Хостинг
D. Модератор
36. Тег дегеніміз не?
A. Пішімдеу құрылымын басқару элементі
B. WEB-парақтағы мəтін
C. HTML-дағы айнымалылар
D. Комментарий
37. Тегтердің дұрыс орналасу реті:
A.
C. тегінің атрибуты
Достарыңызбен бөлісу: |