Студенттерге арналѓан пєн (syllabus)

Дәрістердің тірек конспектісі

жүктеу 0,65 Mb.

бет	3/3
Дата	19.02.2018
өлшемі	0,65 Mb.
	#10145
түрі	Бағдарламасы

1 2 3

Заголовок1
Заголовок6
Менің алғашқы парағым

6. Дәрістердің тірек конспектісі

Интернетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне сәйкес болу керек. Демек, Web-дизайн негіздерін білу кез келген мамандықта қажет болады, өткені Web-бет дизайны – бұл ақпараттық дизайн.
Қазіргі замандағы Интернет-технологиялар

Web-сайт бұл дүниенін кішкентай моделі. Бұрынғы кезде Web-сайты бір адам - Web-мастер жасаған болса, қазіргі кезде Web-сайттарды бірнеше адам жасайды. Олар Web-дизайнер, программист, бизнес-кеңесші, маркетинг бойынша басқарушы, менеджер.

Web-мастер мамандығы қазіргі кезде өзінің кұпиялығын жоғалтып жатыр, ал сайт жасау технологиясы зертхана сыртына шығып көпшілікке белгілі болып жатыр. Бұның негізгі белгісі Интернет-жобаларға өсіп жатқан инвестициялар, Web-сайттардың күрделі білімдік, ғылыми, комерциялық мүмкіндіктері. Интернет технологиялар төмендегі жолдармен дамып келе жатыр:

§ Web-технологиялар;

§ Сайт жасау экономикасы;

§ Web-дизайн және Web-программалау маркетингісі;

§ Адам ресурстары және т.б.

Web-сайт жасақтау жұмысын бірнеше кезеңден турады:

§ Жоспарлау;

§ Элементтерді жасақтау;

§ Бағдарламау;

§ Тестілеу;

§ Жариялау;

§ Жарнамалау;

§ Бақылау;

Жоспарлау кезеңінде төменгі мәселелер шешілуі керек:

1. Сайттың орны.

2. Сайттың аудиториясы кімдер.

3. Қандай ақпарат жарияланады.

4. Қолданушылармен қарым-қатынас қандай түрде ұйымдастырылады.

Элементтерді жасақтау кезеңінде сайттың программалық өнім түрінде жүзеге асырылуы қарастырылады:

1. Навигациялық құрылымын жасау.

2. Беттің дизайнын жасау.

3. Бетті толтыру үшін мәтіндік және бейне ақпаратты әзірлеу.

Бағдарламау

Бұл кезеңдің мәні сайтты форматтауда.

Тестілеу

Сайт жасаудың негізгі кезеңдерінің бірі тестілеу. Тестілеу кезеңде сайттың жұмыс істеу дұрыстылығы тексеріледі, оның ішінде:

1. Сілтеменің жұмысы;

2. Мәтіндегі қателер;

3. Навигацияның тиімділіғі.

4. Пошта және басқа формалардың дұрыстығы.

5. Графикалық файлдардың ашылуы.

6. Әр түрлі браузерлерде сайттық жұмысы.

Жариялау

Тест аяқталғандан кейін Web-сайт серверде жарияланады және қайтадан тексеріленеді.

Жарнамалау

Web-қоғамдастығына жаңадан жарияланған сайт тұралы белгілі болу үшін сайттың адресін және ол жердегі материал туралы аннотацияны хабарлау керек. Осы мақсатқа жету үшін келесі мүмкіндіктерді пайдалануға болады:

1. Web-cайт адресін әр түрлі баспаларға жазу керек;

2. Web-сайтты әр түрлі серверлерде тіркеу;

3. Web-cайтқа сілтемелерді басқа Web-сайттарқа кіргізу;

4. Баннерлерді жарнама ретінде қолдану.

Бақылау

Web-сайтта жариялап жарнамалаған сон оған қатысу деңгейі оның беттерінде орналастырылған ақпараттың қажеттілігімен, жаңалығымен және көкейтестілігімен анықталады. Web-сайт имиджін сақтау үшін ол жердегі ақпаратты әрдайым жаңартып туру керек.

HTML негіздері
HTML (HyperTextMarkupLanguage) – бұл құжаттарды кодтау үшін қолданылатын гипертекстік белгілеу тілі. HTML ді көбі программалау тілі деп ойласа да, бұл программалау тілі емес. HTML – мәтінді белгілеу тілі. HTML құжаттарды көру үшін браузерларды қолданамыз. Браузер-программалардың саны өте көп, мысалы көп таралғандар Netscape Communicator, Microsoft Internet Explorer, Opera.

HTML тiлiнде колданылатын командаларды “тег” деп айтамыз. HTML тiліндегi тегтер екi топқа бөлiнедi: жұпты, жұпсыз.

Жұпты тегтер дегенiмiз, бiр тег ашылса, келесi тег оны жабады. Мысалы,

тегтiң жұмысын ашады да келесi тегi оны жабады. ашылуы, жабылуы.

Жұпсыз тегтер дегенiмiз, тег ашылады да қолданыла бередi. Мысалы, т.с.с.

Көрсетілген мысалдарды компьютерде көрү үшін мәтінді Блокнот программасына теріп, оны htm түрінде сақтаңыз. Файлды браузерде ашыңыз.

Құжаттың структурасы

HTML құжаттың негізгі структурасы төмендегідей:

</p> <p>… <br /> <br />

…

тегімен басталынатын негізгі бөлімнен.

Тақырып бөлімі міндетті емес, бірақ ол жерде браузерге қажетті көп ақпарат болуы мүмкін.

, тегтерінің арасында құжаттың аты жазылады, сол сөз терезенің тақырып жолына шығады.

Мысалы:

Моя первая страница

бөліміне тағы тегтерді қолдануға болады, олар сайтты интернет желісінде тез табылу үшін пайдалынады.

- сайт тілі

- сайт авторы

- іздеу қызметіне арналған сөздер

- қай программада жасалынды

тегімен Web-беттің негізгі бөлімі басталады. Бұл бөлімге мәтін, графика, кесте, аудио және видео ақпараттар енгізіледі.

Мәтінді форматтау тегтері

Құжатта тақырыптар , тегтерімен жасалынады, бұл жерде і=1 болғанда ең үлкен тақырып жазылады, і=6 болғанда – ең кіші.

Мысалы,

Көрінетін мәтін

HTML де жазылуы

Заголовок1

Заголовок2

Заголовок3

Заголовок4

Заголовок5

Заголовок6

Абзац енгізу үшін

,
тегтерін қолданады, мәтіннің сол жақ, ортада, оң жақта орнату үшін align атрибуты пайдалынады.

Мысалы:

Менің бірінші бетім

«Менің бірінші бетім» сөйлемі беттің ортасына орналасады.

Align дің мәні тағыда left (сол жақ), right (оң жақ) болуы мүмкін.

тегінің көмегімен біз мәтіннің шрифтің, көлемін, түсін белгілейміз. Ол үшін атрибуттарды пайдаланамыз.

Мысалы:
Менің бірінші бетім

Осындай жол жазғанда Web бетімізде arial шрифтімен, 5-көлемде, көк түсті «Менің бірінші бетім» деген сөйлем шығады.

Жолды бөлү үшін
тегін қолданса болады, мысалы:

Ана тілін – арың бұл,

Ұятын боп тұр бетте

Қаратырылған әріптерді пайдалану үшін мәтінді , тегтерінің ортасына аламыз, қиғаш әріптер үшін - ,.

Мысалы:

Көрінетін мәтін

HTML де жазылуы

Менің бірінші бетім

Менің бірінші бетім

Менің бірінші бетім

Менің бірінші бетім

Менің бірінші бетім

,
тегтері мәтін редакторда қандай жазылған болса, сол бойынша браузерге шығарады, мысалы:

Ана тілін – арың бұл,

Ұятын боп тұр бетте.

Өзге тілдің бәрін біл,

Өз тіліңді құрметте

Тізім

Нөмірленген тізімді ұйымдастыру үшін

тегтері қолданылады.

Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц

Егер тізім номерін керекті бір номермен бастау керек болса онда start атрибутын пайдалынамыз, мысалы:

Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц

Тізімдің түрін өзгерту үшін type атрибуты көмектеседі, мысалы номерлерді латын цифрларымен жазу үшін төмендігідей жазамыз

Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц

Маркерлік тізімді жазғанда

disc

дөңгелек

шеңбер

квадрат

дөңгелек

шеңбер

квадрат

Web

беттегі

графика

Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. Web дизайнерлер графика мәселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ойласа, екінші топ керісінше Web сайттарға суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің және жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенменде сайтқа графиканы қолдану мүмкіндік бар және соны тиімді пайдалану керек. Ол үшін бізге тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpg суретi С дискасының My img папкасына орналасқан болса, онда төмендегі тег жазылады:

width және heigth атрибуттармен суреттің көлемін өзгертуға болады, биіктігі және ені.

alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет шығаруға болады.

менің

Web графика туралы айтқанда төмендегі атрибуттарды ұмытпау керек: background – бұл атрибут сайтқа суретті фон ретінде орналыстырады, bgcolor – фонға түс береді.

Сілтеме

HTML дің негізгі қасиеті ретінде оның басқа құжаттарға сілтемеу жасау мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан компьютерге, құжаттың ішіндегі белгілі бір орынға, HTML құжатына, басқа бір сайтқа сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін тегі қолданылады.

Мысалы,

Пенжим сайтына сілтеме

Бұл мысалда біз www.penjim.narod.ru сайтына сылтеме жасадық.

Сілтеме мәтін түрде және сурет (кнопка) түрде болуы мүмкін. Сурет түрде орнату үшін тегтерінің ортасына суретті тегімен орнату керек.

HTML-де кесте жасау

Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады. Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады. Кесте келесi бөлiктерден тұрады:

• кесте тақырыбы;

• бағаналар тақырыптары;

• ұяшықтар.

Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi. Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.

Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:

мәтін	мәтін	мәтін
мәтін	мәтін	мәтін

Бұл жерде border кесте сызықтарының ені. Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін width атрибутн қолданса болады, мысалы:

Программалық жабдықтау

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

Практикады әдетте Web-сайт жасау HTML редакторларды пайдаланады. Оларды екі топқа бөледі.

Бірінші үлкен топтың Web-сайт жасау программалары HTML-тілінің негізінде жұмыс істейді. Осындай программалар орта және үлкен сайттарды даярлау уақытын қысқартады және даярлау кезеңінің тиімділігін көтереді. Арнайы HTML-редакторлердің жұмысты жеңілділетін және тездететін қосымша мүмкіндіктері көп. Бұл топқа төменгі программалар кіреді:

HTML генератор 1.3;

Magic HTML Studio 2.0;

Macromedia Dreamweaver;

Екінші үлкен топқа WYSIWYG (ағылшын тілінен “what you see is what you get” - не көрсең соны аласың) редакторлері кіреді. Бұл программаларды тағыда визуалды редакторлар деп айтады.

Осындай программалар графикалық интерфейске ие. Бұл программалардың бастапқы махсаты дизайнерді HTML тегтерінен босату болған. Қазіргі замандағы визуалді HTML-редакторлар дизайнерді көптеген әрекеттерде басатады. Осындай артықшылықтарына қарамастан кемшілігі бар – олар таза HTML кодын жасамайды, оған артық және «фирменный» тегтерді қосады. Көріп отырсыздар, WYSIWYG редакторларды қолданы HTML тегтерін қолмен жазуды құтқармайды, демек, Web-сайттарын жасау үшін HTML тілінің кем дегенде негізін білу керек.
WYSIWYG программаларыдың тізімі:

Microsoft Front Page.

Жие қолданылатын тег және атрибуттер тізімі
Тег

Мәні

Беттің басымен аяғы

Беттің тақырыбы

Беттің аты

Суретті фон ретінде орналыстыру

Фон түсі

Мәтін түсі

Сілтеме түсі

Өтілген сілтеменің түсі

TEKCT

Басқа бетке сілтеме

TEKCT

Осы беттегі мәтінге сілтеме

Маркірленен тізім

Маркер түрі

Номерленген тізім

Номер түрі

Тізімдің бірінші нөмірі

Анықтамалар тізімі

Мысал. Сурет атрибуттарын тағайындау

ALT, BORDER, HEIGHT, WIDTH атрибуттарын пайдалана отырып, өз қалауларыңызша RASP.HTM файлына бірсыпыра өзгерістер енгізіңіздер.

Ескерту: Суреттік файлдың көлемінің (байтпен берілген) өзгеруіне назар аударып отырыңыздар, өйткені ол Web-құжаттың Интеренеттен компьютерге жүктелуіне қатты әсер етеді.

Web-парақтарға фондық суреттер салу

Фондық сурет – шағын төртбұрышқа орналасқан суреті бар графикалық файл. Броузерге фон ретінде тағайындалғанда, сурет көбейіп терезе аумағын толық алып тұрады.

Фон ретінде пайдаланылатын сурет тегінде көрсетіледі.

RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:

Менің алғашқы парағым

Алғашқы HTML файлы

сәрсенбі күнгі

сабақ кестесі

Сабақ кестесі

Уақыты	7а класс	7б	7в
8-30 – 9-50	Орыс тілі	Информатика	Тарих
10-00 – 11-20	Математика	Геодезия	Ағылшын тілі
11-30 - 12-30	Тарих	Сызба геометрия	Компьютерлік графика

және тегінен кейін орналастыру керек. Ал нақты мазмұны әр түрлі болуы мүмкін.

3.Бірінші деңгей тақырыбын

және

тегтерінің арасына жазыңыз

4.Екінші деңгей тақырыбын

және

тегтерінің арасына жазыңыз

5.
тегінен бастап Жеке абзац құрыңыз. Символдар мен бос орындарды абзацтын ішінде жазуға болады.

6.
тегін жазыңыз.

7
тегінен бастап Жеке абзац құрыңыз

8.Осы құжатты Paragraph.htm деп сақтаңыз.

9.Internet Explorer (Пуск-программы-Internet Explorer ) ашыңыз

10.Файл-ашу командасын беріңіз. Обзор батырмасын басып Paragraph.htm құжатын тандаңыз.

11.Қараңыз, жасалған құжат қалай ашылатынын-ол қарапайым HTML құжаты\
3 жаттығу. Гиперсілтемелерді жасау

1. Егер осы жаттығу алдынғы құжатта (жаттығуларда) орындалмаса, онда Блокнотта First.htm -ді ашыңыз.

2. және тегінен кейін орналастыру керек. Ал нақты мазмұны әр түрлі болуы мүмкін.

3.Сілтемеге дейінгі жазбаны жазыңыз

4. тегін жазыңыз

5. "Сілтеме" сөзін жазыңыз

6. Жабатын тег жазыңыз

7. Жазбадан кейінгі сілтемені жазыңыз

8. Құжатты Link.htm деп сақтаңыз

9. бағдарламаны Internet Explorer (Пуск-программы-Internet Explorer ) ашыңыз

10. Файл-ашу командасын беріңіз. Обзор батырмасын басып Link.htm құжатын тандаңыз.

11. және арасындағы жазба сілтеме сияқты белгіленіп тұрғанына көңіл бөліңіз (Түсімен және жазбаның асты сызлған болуы керек)

12.Жазбаны басыңыз, басқанда сіз жазған сілтемені ашу керек.

13.Алдынңы беттке қайта оралу үшін «артқа» деген стрелканы басыңыз.

4 жаттығу. Суретті жасау және оның Web– бетте қолданылуы

Paint бағдарламасын ашып (Пуск>Программы>Стандартные>Paint).Жаңа суреттің өлшемдерін беріңіз, мысалы 50х50 (Рисунок>Атрибуты).

Алдыңғы бетке қызыл түсті және жасыл түсті фон етіп таңдаңыз. Суретті негізгі түспен бояңыз.

Бояу жаққыш құралымен жасыл түсті фонға кез- келген қызыл түсті сурет салыңыз.

Суретті pic1.gif (GIF форматта) атымен сақтаңыз.

Кейбір Windows-тарда Paint бағдарламасы GIF суреттерін түссіз (прозрачный) фонда сақуға мүмкіндік береді. Ондай жағдайда диалог терезесі Атрибуты (Рисунок>Атрибуты)

Егер бұл жаттығу алдыңғы жаттығудан кейін орындалмаса, first.htm документін ашыңыз.

және тегінен кейін жазу керек.

Кез-келген мәтін жазыңыз (4-5 жол) және тексттік курсорды оның басына орнатыңыз.

тегін енгізіңіз.

Документтіpicture.htm атымен сақтаңыз.

Internet Explorer бағдарламасын қосыңыз (Пуск>Программы>InternetExplorer).

Файл>Открыть командасын басыңыз. Обзор түймесін басып, picture.htm файлын ашыңыз. Доментті қарап шығыңыз, айрықша көңілді суретке бөліңіз.

Блокнот бағдарламасына оралып келесі атрибуттың мағынасын өзгертіңіз: ALIGN= “TOP”. Файлды сол атпен сақтаңыз.

Internet Explorer бағдарламасына оралыңыз, панель инструментовта Обновить түймесін басыңыз. Атрибутты өзгерткенде беттің қалай өзгергенін қараңыз.

Блокнот бағдарламасына оралып келесі атрибутты өзгертіңіз: ALIGN =”LEFT”. Файлды сол атпен сақтаңыз.

Internet Explorer бағдарламасына оралыңыз, панель инструментовта Обновить түймесін басыңыз. Атрибутты өзгерткенде беттің қалай өзгергенін қараңыз.

Блокнот бағдарламасына оралып, тегіне келесі атрибуттарды қосыңызHSPACE =40 VSPACE=20. Файлды сол атпен сақтаңыз.

InternetExplorerбағдарламасына оралыңыз,панель инструментовта Обновить түймесін басыңыз. Атрибутты өзгерткенде беттің қалай өзгергенін қараңыз.

Бұл жаттығуда біз документке Сурет қоюды үйрендік.тегіне суреттердің көрсетілуне атрибуттардың қалай әсер ететінін анықтадық.
5 жаттығу. Мәтінді форматтау әдістері

Егер бұл жаттығу алдыңғыдан кейін орындалмаса, Блокнот бағдарламасындаfirst.htm документін ашыңыз.

және тегінен кейін жазу керек, ал оның нақты мазмұны кез-келген болуы мүмкін.

тегін жазыңыз. Ол мәттіннің қоныр түсті және үнемі үлкейтілген шрифтпен жазылуын білдіреді.

Берілген шрифтпен енгізілетін кез-келген мәтін енгізіңіз. Бұл абзацты
тегінен бастаңыз.

тегтерін енгізіңіз.

Келесі абзац мәтінді енгізіп, тегімен аяқтаңыз.

Келесі абзацта өзіңіздің қалауыңыз бойынша қос тегтерді пайдалныңыз: (полужирный шрифт), (курсив), (подчеркивание), (вычеркивание),_{(нижний индекс),^{(верхний индекс).}}

Келесі абзацта өзіңіздің қалауыңыз бойынша қос тегтерді пайдалныңыз: (выделение), (сильное выделение),`(текст программы), (клавиатурный ввод), (пример ввода), (компьютерная переменная).`
`Документті format.htm атымен сақтаңыз.`
`Internet Explorer бағдарламасын қосыңыз (Пуск >Программы> Internet Explorer).`
`Файл>Открыть командасын басыңыз. Обзор түймесін басып,format.htmфайлын ашыңыз. Доментті қарап шығыңыз, айрықша көңілді суретке бөліңіз.`
`Қолданылған HTML элементтері мәтіннің көрсетілуіне әсер етімен танысу.`
`Блокнот бағдарламасына оралып, форматтауға арналған документтердің бір-бірене салынғандай етіп документті өзгертіңіз. Документті сол атпен сақтыңыз.`
`Internet Explorer бағдарламасына оралыңыз, панель инструментовта Обновить түймесін басыңыз. Атрибутты өзгерткенде беттің қалай өзгергенін қараңыз.`
Біз HTML тілінің документтегі мәтінді форматтауға қолданылатын кейбір элементтерімен таныстық. Бұл элементтердің документті көрсетуге қалай әсер ететінін және мұндай элементтерді бір-біріне салуға болатынын анықтадық. 6 жаттығу. Тізімдерді құру тәсілдері Егер бұл жаттығу алдыңғы жаттығудан кейін орындалмаса, онда Блокнот программасындағы first.htm құжатын ашыңыз. және тегінен кейін орналастыру қажет, ал оның нақты мазмұны әртүрлі болуы мүмкін. Құжатқа реттелген (нөмірленген) тізімді бастайтын тегін енгізіңіз. Әрқайсысын тегімен алдын ала отырып құжатқа тізім элементтерін қойыңыз. Кестені тегі арқылы аяқтаңыз. Алынған құжатты list.htm атымен сақтаңыз. Internet Explorer программасын жіберіңіз (Қосу>Бағдарламалар> Internet Explorer). Файл>Ашу командасын беріңіз. Шолу түймесін басып, list.htm құжатын ашыңыз. TYPE атрибуты арқылы берілген нөмірлеу тәсіліне ерекше назар аударып, реттелген тізім Internet Explorer бағдарламасында қалай көрінетіндігін меңгеріп алыңыз. Блакнот программасына оралып мәтіндік меңзерді енгізілген тізімнен кейін орналастырыңыз. Құжатқа реттелмеген (маркерленген) тізімді бастайтын тегін қойыңыз. Әрқайсысын тегімен алдын ала отырып құжатқа тізім элементтерін қойыңыз. Тізімді тегі көмегімен аяқтаңыз. Құжатты сол атымен сақтаңыз. Internet Explorer бағдарламасына оралыңыз және аспаптар панеліндегі Шолу түймесіне басып, TYPE= атрибуты арқылы берілген маркерлеу тәсіліне назар аударыңыз. Блакнот программасына оралып мәтіндік меңзерді енгізілген тізімнен кейін орналастырыңыз. Құжатқа анықтамалар тізімін бастайтын тегін қойыңыз. тегімен сәйкес абзацты алдын алып, тізімге анықтама сөздерді қойыңыз. тегімен алдын алып, тізімге сәйкес анықтама сөздерді қойыңыз. Тізімді тегі көмегімен аяқтаңыз. Құжатты сол атауымен сақтаңыз. Internet Explorer бағдарламасына оралыңыз және аспаптар панеліндегі Жаңарту түймесіне шертіңіз. Web-парақтың кескінінде анықтамалар тізімі қалай көрінетіндігіне назар аударыңыз. Біз HTML тіл құралдары арқылы тізім құрауды және оларды нөмірлеудің тәсілдерін үйрендік. Internet Explorer браузерінде тізімдердің қалай көрінетіндігін анықтадық. Сонымен бірге біқ анықтамалар тізімін жасауды үйрендік. 7. Жаттығу. Кесте құру Егер бұл жаттығу алдыңғы жаттығудан кейін орындалмаса, онда Блокнот программасындағы first.htm құжатын ашыңыз. және тегінен кейін орналастыру қажет. Бұл жаттығуда телефон нөмірлері тізімі қолданылады. тегін енгізіңіз. жолағын енгізіңіз. Кестенің бірінші жолы бағандардың атауын қамту керек. Оны келесі түрде белгілеңіз: телефондар тізімі тегі телефон нөмірі Әрқайсысын тегімен алдын ала отырып және әр тор ұрамын тегінен кейін орналастыра отырып, кестенің келесі жолдарын белгілеңіз. Кестенің соңғы жолын келесі түрде беріңіз: Ғимараттың бірінші қабатында тегін телефон-автомат бар Кестені тегі көмегімен аяқтаңыз. Құжатты table.htm атаымен сақтаңыз. Internet Explorer бағдарламасын жіберіңіз (Қосу>Бағдарламалар> Internet Explorer). Файл>Ашу командасын беріңіз. Шолу түймесін басып, table.htm құжатын ашыңыз. 8. жаттығу. Фреймдердің құрылу сипаттамасы Блокнот мәтіндікредакторыніске қосыңыз(Пуск-Программы-Стандартные-Блокнот). Келесі құжатты енгізіңіз: фреймніңсипаттамасы Бұл құжатты frames.htm. атауымен сақтаныз. Бағдарламаны іске қосыңыз Internet Explorer (Пуск-Программы- Internet Explorer). Команданы алыңыз Файл-Открыть. Обзор батырмсасын басып frames.htm. құжатын ашыңыз. Бұрын жасалған құжаттарда әртүрлі жеке фреймдарды қараңыз. Браузер әйнегінде ені өзгерсе қандай озгерістер байқалады, қараңыз? Тышқанның көмегімен жылжыту амалын қолданғанда фремдердің шекараларын өзгертуге болама,қараныз. Фреймдердің ішіндегі сілтеменің біреуін басыныз, енді жаңа құжат қалай бейнелейтіндігін қараңыз. Саймандар тақтасында Назад батырмасын басыныз,алдыңғы құжатқа оралғанда фреймдер құрылымы өзгермейтініне сенімді болыңыз. Құжатты дәл сол атпен сақтаңыз.Блокнот бағдарламасына оралыныз өзініздің көзқарасыныз бойынша фреймдердің параметірлері мен құрылымдарын өзгертініз. Саймандар тақтасында Обновить батырмасын басыңыз, Internet Explorerбағдарламасына оралыңыз.Өзгерген Web-бет өз ниетіне сәкес келетінін анықтаныз.егер де ол олай болмаса.Блокнот бағдарламасына оралып,қателерді тауып өзгертініз. 9. жаттығу. FrontPage редакторының көмегімен Web-құжатты құру. FrontPage бағдарламасын іске қосыңыз. (Пуск-Программы- Microsoft FrontPage). Мәтін құжатты автоматтық түрде жасалған Web-бетті енгізініз Саймандар тақтасының көмегімен Форматирование батырмасын басып, өзініздің қалауыныз бойынша мәтінді форматтап тастаңыз. Кесте құру үшін саймандар тақтасында кесте құру батырмасын басыныз ол Стандартная болімінде орналасқан. Суретсипатты қосу үшін саймандар тақтасында Стандартная бөлімінде Добавить ресунок батырмасын қолданыңыз.Суретсипатты \Windows мұқабасынан алыныз. Файл-Сохранить командасын орындаңыз және оны wysiwyg.htm. атпен сақтаңыз.Суреттін сақталғанын тексеріп,керек форматты таңдау. Бағдарламаны іске қосыңыз Internet Explorer (Пуск-Программы- Internet Explorer). Файл-Открыт командасын орынданыз.Обзор батырмасын басыпwysiwyg.htm. файлын ашыңыз. FrontPage бағдарламасында браузерде дұрыс бейнеленген және қолда бар құжат дұрыс жасалғанына сенімді болыныз.Жаңа құрылған құжат дұрыс көрсетілгеніне көзіміз жетеді Браузер терезенің енін өзгертініз және қараңыз құжат көрінісі қалай өзгеретіндігі. FrontPage бағдарламасына оралып HTML-код батырмасына басыныз. Автоматты генерацияланған HTML кодты жаттаныз, HTML тегінің көмегімен қандай форматтау командалар орындалатынын анықтаңыз. Пайда болған HTML кодының сапасын бағалаңыз. 10. жаттығу. HTML құжаттарында абзацтық шегініс жасау HTML тілінің абзацтық шегініске байланысты ресми құралдары жоқ. Барлық шолушы программалар(браузерлер) мәтінді компьютер экранына шығаруға арналған. Жеке абзацтардын арасына бос жол қосып мәтінді шегініссіз(отступ) шығарады. Мұндай абзацтық шегіністерді жасау үшін арнайы әдістер қажет. Мәтін редакторын (мысалы,Блокнот) іске қосып HTML құжатын құруды бастаңыз. Структуралық элементтің тегтерін енгізіп құжатқа ат қойыңыз, мысалы Абзацтық шегіністің имитациясы. Эталон сияқты колданылатын шағын абзацтық мәтін енгізіңіз. Құжатты сақтаңыз. Internet Explorer шолушы программасын (браузерді) іске қосып, құралған құжатты ашыңыз. Зерттеліп жатқан абзац бірнеше жолды қамту үшін программа терезесін ені бойынша ретке келтір. Ол шегінісіз көшіріліп жатқанына көз жеткізіңіз. Бос орын қосу (добавление пробелов). Редакцияланып жатқан құжатқа қайтыңыз. Горизантальдық сызғышты (тег ) эталондық абзацтан кейін орналастыр. Эталондық абзацты айырбас буферы арқылы көшіріп, көшірмені сызғыштын төменгі жағына орналастыр. Көшірілген абзацтын басына бірнеше бос орын қосыңыз. Құжатты сақтаңыз. Internet Explorer бағдарламасына қайтып келіп жаңарту (обновить) батырмасын шертіңіз. Қосылған абзацқа қараңыз. Абзацтық шегіністі мұндай жолмен неге жасауға болмайтынын түсіндіріңіз. Тізім әдісі. Редакцияланып жатқан құжатқа қайтыңыз. Горизантальдық сызғышты соңғы абзацтан кейін орналастыр. Эталондық абзацты айырбас буферы арқылы көшіріп, көшірмені сызғыштын төменгі жағына орналастыр. Көшірілген абзацтын басына тегін қосыңыз. Құжатты сақтаңыз. Internet Explorer бағдарламасына қайтып келіп жаңарту (обновить) батырмасын шертіңіз. Қосылған абзацқа қараңыз. Абзацтық шегіністің пайда болғанына көз жеткізіңіз. Алынған құжатта HTML коды дұрыс қолданылған ба? Абзацтық шегіністің мұндай әдісін ұсынуға бола ма? Неге? Ажырағыссыз бос орын әдісі(метод неразрывных пробелов). Редакцияланып жатқан құжатқа қайтыңыз. Горизантальдық сызғышты соңғы абзацтан кейін орналастыр. Эталондық абзацты айырбас буферы арқылы көшіріп, көшірмені сызғыштын төменгі жағына орналастыр. Көшірілген абзацтын басына символының бірнеше рет қайталанған комбинациясын қосыңыз. Құжатты сақтаңыз. Internet Explorer бағдарламасына қайтып келіп жаңарту (обновить) батырмасын шертіңіз. Қосылған абзацқа қараңыз. Абзацтық шегіністің пайда болғанына көз жеткізіңіз. Абзацтық шегіністің мұндай әдісін ұсынуға бола ма? Неге? Алдын ала мәтінді тазарту(отформатирование) әдісі. Редакцияланып жатқан құжатқа қайтыңыз. Горизантальдық сызғышты соңғы абзацтан кейін орналастыр. Эталондық абзацты айырбас буферы арқылы көшіріп, көшірмені сызғыштын төменгі жағына орналастыр. Алдын ала мәтінді тазарту және бірнеше бос орын(пробел) беретін тегін көшірілген абзацтын басына қосыңыз. Абзацтын соңына тегін қосыңыз. Құжатты сақтаңыз. Internet Explorer бағдарламасына қайтып келіп жаңарту (обновить) батырмасын шертіңіз. Қосылған абзацқа қараңыз. Абзацтық шегіністің пайда болғанына көз жеткізіңіз. Алдын ала тазарту мәтініндегі бос орынды(пробел) жөндеу әдісі мен жолдын соңындағы символдарға көңіл бөліңіздер. Қолданылған қаріптін ерекшелігі неде? Қолданылып жатқан абзацтық шегіністің әдісі бойынша өз ойыңызды айтыңыз. Жасырылған сурет әдісі(метод невидимого изображения). Редакцияланып жатқан құжатқа қайтыңыз. Горизантальдық сызғышты соңғы абзацтан кейін орналастыр. Эталондық абзацты айырбас буферы арқылы көшіріп, көшірмені сызғыштын төменгі жағына орналастыр. Көшірілген абзацтын басына тегін қосып, қолданып жатқан файл суретти көрсет және көлденеңнен 10 пиксельдік(HSPACE=”10”) шегініс жасау. 1 пиксельден(1x1) тұратын,форматы GIF болатын,түсі ашық болатын сурет болу керек. Құжатты сақтаңыз. Internet Explorer бағдарламасына қайтып келіп жаңарту (обновить) батырмасын шертіңіз. Қосылған абзацқа қараңыз. Абзацтық шегіністің пайда болғанына көз жеткізіңіз. Барлық қолданылған әдістерді саралап олардың қайсысын қолдануға ынғайлы екені туралы өз ойларыңызды айтып беріңіздер. 11-17 жаттығулар. JAVASCRIPT Үлгі бойынша тапсырмаларды орындау [1, 175-177 бет.] [1, 193 бет.] [1, 202 бет.] [1, 207-208 бет.] [1, 221-222 бет.] [1, 227 бет.] [1, 251 бет.] 8. СӨЖ –ның тапсырмалары Тақырып 1. Интернет технологиялар. Теорияны қорғау. Мысал келтіру Тақырып 2. HTML тілінің негіздер. Теорияны қорғау. Мысал келтіру Тақырып 3. FrontFage-дің негіздері. Теорияны қорғау. Мысал келтіру Тақырып 4. JAVASCRIPT тілі. Теорияны қорғау. Мысал келтіру Тақырып 5. Perl тіліне кіріспе. Теорияны қорғау. Мысал келтіру Тақырып 6. PHP тілі операторлары. Теорияны қорғау. Мысал келтіру Пәннің күрделі сұрақтары: 1. JAVASCRIPT тілі 2. Perl тіліне кіріспе 3. PHP тілі операторлары 9. ОСӨЖ консультациясының графигі (СӨЖ 25% ОСӨЖді құрайды) № Тапсырма түрі дүйсенбі сейсенбі сәрсенбі бейсенбі жұма сенбі 1. Дәріс сұрақтарына арналған консультация 10.25 11.15 2. Семинарға және зертханалық сұрақтарына арналған консультация 10.25 11.15 3. СӨЖ сурақтарына арналған консультация 11.30 12.20 4. Курстық жұмыс тақырыбы бойынша сурақтар 11.30 12.20 5. Тест жумыстары бойынша сұрақтар 14.45 15.35 Барлық сұрақтар бойынша кеңес ОСӨЖ-дің кестесіне сай орындалады. 10. Оқушылардың білім тексерісінің кестесі. Дәріс пен практикаға қатысу (семинарлық, зертханалық, индивидуалдық,студиялық) 0-100 балмен бағаланады. Пән бойынша тапсырмалардың орындалуы мен тапсырылуының кестесі: № Жұмыс түрі Тапсырманың тақырыбы, мақсаты мен мазмұны Ұсынылатын әдебиет Орындалу уақыты Бақылау түрі Тапсыру мерзімі 1 2 3 4 5 6 7 1 Реферат HTML тілінің негіздер 3 апта 4-ші апта 2 Реферат FrontFage-дің негіздері 2 апта 6-ші апта 3 Межелік бақылау Модуль 1,2 Коллоквиум 8- ші апта 4 Реферат JAVASCRIPT тілі 1 апта 10-ші апта 5 Реферат Perl тіліне кіріспе 2 апта 12-ші апта 6 Межелік бақылау Модуль 3,4 коллоквиум 15-ші апта 11.Оқушылардың білім бағасының критерийлері Дисциплина білімінің соңында барлық өтілген тақырыптар бойынша тест түрінде экзамен тапсырылады. Емтиханға кіру рұқсатын алу үшін, берілген тапсырмалардың барлығы тақырып бойынша орындалуы керек. Әрбір тапсырма 0- 100 балмен бағаланады. Рұқсаттама рейтингі орындалған тапсырмалардың арифметикалық ортасын шығарады(лекцияға қатысуы,үй жұмысы,СӨЖ бойынша тапсырмалар,практикаға арналған тапсырмалар және т.б.,рубеждік бақылау) Қорытында бақылауға, ереже бойынша, барлық оқу бағдарламасының талаптарын орындаған (барлық зертханалық жұмыстың тапсырылуы, СӨЖ бойынша тапсырмалар мен жұмыстың орындалуы), курс жұмысын (жоба) қорғап, тиісті бағасын алған және тиісті рейтингін жинаған (50 балдан кем болмауы керек) студенттер жіберіледі. Студенттердің оқу табысының деңгейі әр дисциплина сайын қорытынды бағамен анықталып , жиберілу рейтинги мен қорытынды емтиханның бағаларымен есептеледі Қ = ЖР0,6 + ҚБ0,4 Салмақтың сыбағалары жыл сайын институттың ғылыми алқасы орнықтырады және жіберілу рейтинги 0,6 астам, ал қорытынды бақылау 0,3 астам болуы тиіс. Курс жобасы/ курс жумысы комиссия алдында қорғалады. Баға сәйкесінше, көрсетілген білімге, мұғалімнің пікірімен қойылады. Қорытынды баға дисциплина бойынша қойылады, егер студентте тиісті баға болса, рейтинг бойынша және қорытында баға бойынша. Қорытынды бақылауға себепсіз босатылу болса «қанағаттандырылмаған» деген баға қойылмауы мүмкін. Емтиханның және кезеңдік аттестацияның нәтижелері тәртіп бойынша сол күні немесе келесі күні студенттерге айтылады, егер жазбаша емтиханы екінші күні өткізілсе. Қорытынды бағаны дұрыс есептеу үшін студенттің білімі, межелі бақылауда және қорытынды емтиханда 0 ден 100 % дейін бағалайды. Межелік бақылаудың бағасы, ағымдағы бағамен және межелік бақылаудан жиналады. Оқу табыстары, яғни білім, студенттің дағдылары мен құзырлары ереже бойынша «WEB технологиялар» деген цифрлық баламасымен және әріптік жүйесімен бағаланады Әліпби жүйемен бағалау Үпайдың цифрлік эквиваленті Пайыздық мазмұны Келісім жүйе бойынша бағалау A 4,0 95-100 Өте жаксы A- 3,67 90-94 B+ 3,33 85-89 Жаксы B 3,0 80-84 B- 2,67 75-79 C+ 2,33 70-74 Қанағат C 2,0 65-69 C- 1,67 60-64 D+ 1,33 55-59 D 1,0 50-54 F 0 0-49 _{Қанағаттандырылмаған} 12. Оқытушының талаптары, саясаты және рәсімдері Оқытушылардың барлық аудиториялық сабақтарды босатпауы талап етіледі. Сабақты босатқан жағдайда студент босатқан сабақтың орнын толтыру керек. Студенттің екі сабақтан артық босатуға құқысы жоқ. Екі реттен артық кешіккен жағдайда оқытушы студентті аудиторияға кіргізбеуге құқылы. Лекцияға бөгде адамның қатысуына қатаң тыйым салынады. Берілген жұмысты өз уақытында тапсыру керек. Тапсырманы экзаменге 3 күн қалғанда тапсыруы шарт. Тапсырманы уақытында орындамай, курстық жұмысты тапсырмаған студенттер экзаменге жіберілмейді. Студенттің өтілген материалды оқып, тақырыпты қайталауы міндетті. Оқу материалының игерілуі арнаулы теттер мен жазба жұмыстарымен тексеріледі. Тестілеу алдын ала хабарланусыз өткізілуі мүмкін. Студенттердің оқытушымен бірге өздік жұмысын (СӨЖМ)орындау барысында келесі төрт қағидаттарға сүйенуі шарт: Бірінші, оқу курсында оқытылған білімнің студенттің қабылдап, оны пайдаға асыруы. Екінші, студент өз еркімен оқытушының жетегінде оқу материалын талдап, қажетті әдебиеттерді қарастырып, үйге берілген тарсырманы, бақылау және курстық жұмыстарын, т.б. орындайды. Студенттерден бұл кезеңде білімнің жұмыс амалдарын игеріп, оқудағы өз қиыншылығыңды талдап, бекіту, өз-өзіңді ұстай білу, ұйымдастырушылық қабілетті қажет етеді. Үшінші, студенттерде қиын жағдай туындаса, ол сол мәселенің жауабын тауып, сол сұраққа жауап табуы керек. Төртінші, студенттер оқытушыға өзіндік мәлімдемелерімен, сұрақтарымен жақындап, кеңес алуы керек. 13. Әдебиет Негізгі 1) Бөрібаев Б., Мадьярова Г.А. Web-технологиялар: Оқулық. – Алматы: ЖШС РПБК «Дәуір», 2011.-360 бет. 2) А.В. Могилев, Н.И. Пак, Е.К. Хеннер Информатика: Учеб. пособие для студ. пед. вузов. — М.: Академия, 2004. — 816 с. 3) Web-технологии: учебно-методический комплекс – Алматы: Нур-принт, 2012.- 98 стр. Қосымша 1) Камардинов О. Информатика. Оқу құралы. Алматы: «Қарасай» баспасы, 2008. – 360 б. 2) Информатика: Базовый курс / Под ред С.В. Симоновича – СПб.: Питер, 2000. – 638 с. 3) Информатика: Базовый курс: Учебное пособие для втузов / Под ред С.В. Симоновича – СПб.: Питер, 2001. – 638 с. 4) Информатика: Базовый курс: Учебное пособие для втузов / Под ред С.В. Симоновича – СПб. : Питер, 2003. – 640 с.

жүктеу 0,65 Mb.

Достарыңызбен бөлісу:

Студенттерге арналѓан пєн (syllabus)

Дәрістердің тірек конспектісі

6. Дәрістердің тірек конспектісі

Заголовок1

Заголовок2

Заголовок3

Заголовок4

Заголовок5

Заголовок6

Менің алғашқы парағым

және

тегтерінің арасына жазыңыз 4.Екінші деңгей тақырыбын

және

тегтерінің арасына жазыңыз

4.Екінші деңгей тақырыбын