- •Жаратылыстану және математика факультеті Информатика кафедрасы «Интернетте программалау»
- •2. Пән туралы мәлімет
- •3. «Интернетте программалау» пәнінің жұмыс бағдарламасы– (sillabus)
- •4. Негізгі және қосымша әдебиеттер тізімі, Интернет желісіндегі Web-сайт адрестері
- •«Интернетте программалу» пәнінен тапсырмаларды орындау және тапсыру графигі
- •6. Мәтіндік оқу құралы, авторлық дәрістер
- •Тақырыбы: html тілінің тізім құру тэгтері Туре атрибутының мумкін мәндері.
- •Тақырыбы: Гипермәтіндік сілтемелер
- •Тақырыбы: Кестенің негізгі атрибуттары
- •Бұл мәтін экранға шығады Құжаттың функционалдық бөліктерін анықтау.
- •Тәг атрибуттары.
- •Html командалары.
- •Түсініктемелер.
- •М әтін фрагменттерін логикалық стильмен безендіру
- •Html тілінде тізімдер жасау тәгтері
- •Туре атрибутының мумкін мәндері және олардың нөмірленуі
- •Сырғымалы жолдарды ұйымдастыру
- •Бұл үшінші сырғымалы жол
- •7. Электрондық оқу құралдары
- •8. Практикалық (семинар) сабақтарының жоспары және әдістемелік нұсқаулар
- •Тақырыбы: Сырғымалы жолдар
- •“Ауысу аяқталды” сөзі мәтінде ешқандай белгілеусіз жазылады. Енді pr1.Htm файлында анкерге көшуді анықтау керек:
- •Анкерге ауысуды pr2.Htm құжатының ішінде де орындауға болады, ол үшін құжат ішіне фрагмент қосу жеткілікті:
- •1.Html – құжатқа суреттер қосу
- •Сырғымалы жолдарды ұйымдастыру
- •Width – экрандағы «сырғымалы жолдың» енін пиксель арқылы анықтайтын бүтін сан, оны пайызбен де (%) көрсетуге болады.
- •Бұл бірінші сырғымалы жол
- •Құжат ішінде мәтінді орнгаластыру.
- •Нөмірленбеген тізімдер
- • Ержан
- •1.Қабатталған тізімдер
- •Кестелер тұрғызу
- •«Әкімшілік және оқытушылар» кестесін құру
- •«Тәлімгер» кестесін құру
- •9. Соөж сабақтарға әдістемелік нұсқаулар
- •Тақырыбы: Гипермәтіндік сілтемелер
- •Тақырыбы: Сырғымалы жолдарды құру
- •Тапсырма: Сырғымалы жолдарды құру
- •11. Реферат, курстық жұмыс, жоба, презентациялардың деректер қоймасы
- •12. Бақылау және жеке жұмысты жазуға техникалық талаптар
- •1. Бақылау жұмысын, титульдық бетін жұмыс құрылымын безендіру
1.Қабатталған тізімдер
Кез келген тізімдегі элемент ішіне басқа да тізім түрлері енгізіліп, қабаттасқан тізімдер құрастырылуы мүмкін. Бірақ мұндай қабаттасқан тізімдерді жиі қолдансақ, ол мәтінді экранға кәпсатылы түрде шығарып, оның ұзындығын арттырып жібереді. Сондықтан оларды тек керек кезде ғана қолданған дұрыс деп саналады.
Қабаттлып бір-біріне кірістіріліп орналасқан тізімдерді мәтін (кітапша) мазмұндары мен әртүрлі жоспарлар дайындауда қолданған тиімді болып табылады.
Осындай тізімдер ұйымдастыруды қысқаша мынадай мысалмен көрсетейік:
<html> <head> <title> 3-6 </ title > </head>
<body>
<H1 ALGIN= CENTER>Анықтау тізімдері </H1>
<DL>
<DT> Нөмірленбеген тізімдер
<DD> Нөмірленбеген тізім элементтері сол жақтан арнайы таңбамен белгіленіп, мәтін аздап оңға таман жылжып орналасды:
<UL>
<LI> 1 элемент;
<LI> 2элемент;
<LI> 3 элемент;
</UL>
<DT> Нөмірленбеген тізім жолдары
<DD> Нөмірленген тізім элементтері сол жақтан нөмірлер арқылы белгіленіпорналасады:
<ОL>
<LI> 1 элемент;
<LI> 2элемент;
<LI> 3 элемент;
</ОL>
<DT> Анықтау тізімдері
<DD> Мұндай тізімдер алдыңғы екеуінен күрделірер, бірақ оқуға ыңғайлы болады.
<Р> Тізімдерді бірінің ішіне бірін жазып қабаттастыруға болады, бірақ мүлде көп деңгейлер жасап, бұл тәсілмен тым әуестеніп кету қажет емес екені есте болсын.
<Р> Тізімдегі бір элемент ішінде бірнеше абзацтар тұруы мүмкін. Ондай абзацтар сол жақ шеттен бірдей қашықтыққа ығысып орналасады. </Р>
</DL>
</body>
№ 12 – лабораториялық жұмыс
1 – тапсырма. Мәтін фрагменттерін ерекшелеу.
RASP.HTM файлына төмендегідей өзгерістер енгізіңзер:
<HTML>
<HEAD> <H2> Менің алғашқы парағым </H2>
<TITLE> Алғашқы HTML файлы </TITLE>
</HEAD>
<BODY> <B> Сәрсенбі күнгі</B> <І> сабақ </I> <U> кестесі </U>
</BODY>
</HTML>
Өзгертілген Web – құжатты экраннан көріп шығыңыздар.
Мұнда сөз текстерін ерекшелеуді аралас түрде де қолдануға болады:
<B> Сәрсенбі күнгі</B> </І> <І> сабақ </I> <U> кестесі </U>
Бірақ мұндайда тәгтерді араластыра жазудың мынадай ережелерін есте сақтаған жөн:
<Тэг-1> <Тэг-2> … </Тэг-2> </Тэг-1> - дұрыс жазылған тізбек;
<Тэг-1> <Тэг-2> … </Тэг-1> </Тэг-2> - қате жазылған тізбек.
2 – тапсырма. Экрандағы мәтін орналасу түрін өзгерту.
Келесі жолға көшу ісін <BR> тәгі мәтін жолын төмен жылжытады.
Бірінші тапсырманың 5-6 нөмірлерін орындау керек.
RASP.HTM файлын ашып, оның алғашқы мәтінін Түр – HTML түрінде командасы арқылы Блокнот терезесінде көрсету қажет.
HTML файлы мәтіндегі “Сәрсенбі күнгі”. “сабақ”, “кестесі” сөздерін жеке – жеке жолдарға жазайық.
HTML>
<HEAD> <H2> Менің алғашқы парағым </H2>
<TITLE> Алғашқы HTML файлы </TITLE>
</HEAD>
<BODY> Сәрсенбі күнгі
сабақ
кестесі
</BODY>
</HTML>
Өзгертілген осы мәтінді РRASP.HTM файлына Файл – Сақтау командасы арқылы қайта сақтап. Блокнот программасын жасырып, Microsoft Internet Explorer терезесін ашыңдар.
Microsoft Internet Explorer-де мәтін өзгерістерін бейнелеу үшін F5 пернесін басу керек немесе Түр – Обновить команасын орындау қажет. Экрандағы бейне өзгереді ме? Жоқ.
Ескерту. Бұдан былай Web – құжатқа өзгеріс енгізген сайын екінші тапсырманың 4-5 пунктері орындалуы тиіс.
6. Енді HTML файлы мәтіннің керекті орындарына төмендегіде түрде <BR> тәгін енгізу керек:
<HTML>
<HEAD> <H2> Менің алғашқы парағым </H2>
<ТIТLE> Алғашқы HTML файлы </TITLE>
</HEAD>
<BODY> Сәрсенбі күнгі <BR> сабақ <BR> кестесі </BODY>
</HTML>
7. Мәтінді дискіде қайта сақтап, Web – құжатты жаңартыңдар (Түр – Обновить), терезесіндегі мәліметтің орналасуы өзгереді. HTML құжаты RASP.HTM файлын жауып тастаңдар.
№ 13 – лабораториялық жұмыс