Сайт жасауды оқыу әдістемесі диплом жұмысы
№3271


Мазмұны
Кіріспе .................................................................5
Интернет желісінде электронды кешенді құру негіздерін оқыту........7
1.1 WEB дизайн және браузерлер, іздеу роботтары..............................7
1.2 Сайт құруға арналған бағдарламалау тілдері...................................17
1.3 Интернеттегі web серверлер. Web – сервер жұмысының
механизмі. Статистикалық және динамикалық беттер.
CGI технологиясы. Скриптер............................................24
Оқушыларға сайт құруды оқытудың әдістемесі..................................29
2.1 Әртүрлі тілдерде сайт құру әдістемесі....................... 29
2.2 Желілік ресурсты құру кезеңдері.................................59
2.3 Желілік ресурсты қолдану әдістемесі..........................61
Қорытынды .........................................................65
Қолданылған әдебиеттер тізімі................................................66
Қосымша...............................................................67



Жұмыс түрі: Дипломдық жұмыс
Жұмыс көлемі: 63 бет
Пәні: Соңғы қосылған дипломдық жұмыстар

-----------------------------------------------------------------------------------

-----------------------------------------------------------------------------------
https://www.topreferat.com/
ДИПЛОМДЫҚ ЖҰМЫСТЫҢ ҚЫСҚАРТЫЛҒАН МӘТІНІ
Мазмұны
Кіріспе .................................................................5
Интернет желісінде электронды кешенді құру негіздерін оқыту........7
1.1 WEB дизайн және браузерлер, іздеу роботтары..............................7
1.2 Сайт құруға арналған бағдарламалау тілдері...................................17
1.3 Интернеттегі web серверлер. Web – сервер жұмысының
механизмі. Статистикалық және динамикалық беттер.
CGI технологиясы. Скриптер............................................24
Оқушыларға сайт құруды оқытудың әдістемесі..................................29
2.1 Әртүрлі тілдерде сайт құру әдістемесі....................... 29
2.2 Желілік ресурсты құру кезеңдері.................................59
2.3 Желілік ресурсты қолдану әдістемесі..........................61
Қорытынды .........................................................65
Қолданылған әдебиеттер тізімі................................................66
Қосымша...............................................................67
«Қазіргі заманда жастарға ақпараттық технологиямен байланысты әлемдік стандартқа сай
Н. Ә. Назарбаев
Кіріспе
Дамыған елдердегі білім беру жүйесінде ерекше маңызды болып табылатын
Біздің елбасымыз Н.Ә.Назарбаев айтқандай «Егеменді еліміздің тірегі – білімді
Қазіргі кезде біздің қоғамымыз дамудың жаңа кезеңіне көшіп келеді,
Ақпараттандыру жағдайында оқушылар меңгеруге тиісті білім, білік, дағдының көлемі
оқу үрдісінде ақпараттың технологияларды іске асырудың жүйелі ғылыми-әдістемелік жолын
оқушылардың тәжірибелік іс-әрекетінде ақпараттық технологияларды пайдаланудың әдістемесін жасау;
мұғалімдердің ақпараттық технологияларды меңгеру және оқу үрдісінде пайдалану бойынша
оқушыларды білім, білік, дағдыны меңгеру үшін ақпараттық технологияларды пайдалануға
мектептің материалдық-техникалық базасын нығайту.
Желілік білім беру ресурстары бәсекеге қабілетті ұлттық білім беру
Білім беруді ақпараттандыру жағдайында педагог мамандардың біліктілігін арттыру процесі
Ақпараттық-коммуникациялық технология электрондық есептеуіш техникасымен жұмыс істеуге, оқу барысында
ХХІ ғасыр ақпараттық қоғам табалдырығына аяқ басқан сәтте-ақ республикалық
Әр мұғалім сабақ өткізген кезде оқушыларға сапалы білім беру
Аталып отырған жұмыста білім беруді ақпараттандыру туралы түсінікті және
Интернет желісінде электронды кешенді құру негіздерін оқыту
1.1 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-сайт беттерін ұйымдастырған кезде, төменгі схемаларды қолдануға болады.
Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының
Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің,
1 Сурет – Броузер интерфейсі
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалаушы, администратор және
Мектеп бітірушілер компьютерлік сауаттылықты меңгеріп шығады, бірақ келешекте олар
Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне
Іnternet Ехрlorer - WWW-ке арналған броузер
Броузерлердің негізгі атқаратын қызметтері:
• құжат сақталған
• НТМL, тілдерінің
• веб-парақтардың құрамына
• веб-парақтарды іздеу
• Басқа Интернет
ІЕхр программасы веб-парақтарды қарауға арналған. Ол бейнелейтін акпараттың дыбыстық
Тақырыптан кейінгі жолда меню орналасқан. Менюдің көмегімен ІЕхр программасының
Менюдің төменгі жағында саймандар тақтасы бар. Бұл тақтада жұмыс
Іnternet Ехрlorer пайдаланушы интерфейсінің мынандай элементтері бар: негізгі меню
Негізгі меню Қосымшалар терезесінің жоғарғы бөлігінде орналасқан және алты
Менюдің Файл пунктінде файлдармен жұмыс істеу командасы топтасқан. Осы
Менюдің Правка пунктінің командалары көмегімен құжатты редакциялау, яғни маркерлеу
Вид пунктінің командалары құжаттың экранда бейнеленуін басқаруға арналған, сондай-ақ
Избранное менюінде жиі қолданатын веб-құжаттардың бетбелгілері болады. Пайдаланушы Избранное
Сервис менюі электронды поштамен жұмыс істеуге, Іnternet Ехрlorer бабын
Справка менюінде Іnternet Ехрlorer браузері және онымен жұмыс істеудің
Панель инструментов (құрал саймандар панелі) Іnternet Ехрlorer неғұрлым жиі
Панель адреса(панель адресі) ағымдағы веб-құжаттың адресін көрсетеді және қажетті
Панель ссылок(сілтемелер панелі) пайдаланушы жиі жұмыс істейтін веб-құжаттар таңбашаларының
Жер шары бейнеленген таңбаша броузердің бос еместігінің индикаторы ретінде
Строка состояния(қалып күй қатары) Іnternet Ехрlorer терезесінің төменгі бөлігінде
Рабочая область(жұмыс аймағы) - Іnternet Ехрlorer терезесінің веб-құжаттың мазмұны
Интернеттің іздеу технологиялары.
(при работе с сетями используются технологии поска): Қажетті ақпаратты
Web-тен іздеу
Интернетте миллиондаған сайттар бар, соның ішінде өзекті ақпаратпен қоса
Интернетте ақпаратты іздеуге арналған мынадай әртүрлі аспаптар бар: іздеу
Индекстелген каталогтер
Каталог дегеніміз тақырыптары бойынша топтастырылған иерархиялық құрылым түрінде берілетін
Желіде ортақ қолданылатын каталогтардан басқа, ерекшеленген каталогтар да бар.
Желіде каталогтардан басқа рейтингтер де бар. Каталогтан рейтингтің айырмашылығы,
Сілтемелердің тематикалық жинағы
Сілтемелердің тематикалық жинағы – бұл кәсіби топтармен немесе жеке
Домендік атты теру
Каталог – бұл ыңғайлы іздеу жүйесі, бірақ егер сізге
Сол сияқты, сізге егер ауа райына арналған сайт қажет
Іздеу кезінде танымалы емес компаниялардың адресінің атын интуитивті ойдан
Іздеу машиналары
Сұранысқа жауап ретінде сіз әдетте құжаттардың ұзын тізімін алаcыз,
Табылған сілтемелердің тізіміндегі релевантты құжаттардың проценті сұраныстың дұрыс қойылуына
Іздеу машинасы тапқан барлық құжаттардың ішіндегі релевант құжаттардың бөлігін
Сайып келгенде, іздеу сапасы екі өзара тәуелді параметрлермен анықталады:
Іздеу машинасының жұмыс механизмі
Іздеу жүйелерін анықтама қызметімен салыстыруға болады, онда агенттер кәсіпорындарды
Сол сияқты, іздеу машинасы да екі бөлімнен тұрады: робот
Робот базасы негізі роботтың өзімен (робот өзі жаңа қорларға
Іздеу машинасының жұмыс принципі пайдаланушы көрсеткен кілттік сөздер арқылы
Іздеу жүйесі тек ішкі каталогтармен операциялайтынын атап айтқан жөн.
Индекс құрау үшін кіріс мәліметтер қор көлемі минималды, ал
Айтпаса да түсінікті, конкорданс (сөздік) шығарма тексінен шағын және
Индексті құру
Желілік агенттер немесе робот-өрмекшілер Желі бойымен “өрмелейді”, Web –
Тапсырма берілген Web-парақтарда ақпарат жиналғаннан кейін алынған мәліметтерді индекстеу
Сөздерге салмақтылық коэфициенттері оның қанша және қайда кездесетініне қарай
Индексті құруда дубликаттардың санын азайту тапсырмасы да шешіледі –
Индекс арқылы іздеу
Индекс арқылы іздеу мынадан құралады, яғни пайдаланушы сұраныс құрастырып
Ең жиі қолданылатын буль операторлары:
AND – бұл арқылы біріктірілген барлық терминдер ұсынылған құжатта
OR – кем дегенде бір кілттік сөз “OR ”-мен
NOT- “NOT”-тан кейінгі кілттік сөз ізделінетін құжатта кездеспеуі керек.
FOLLOWED BY – кілттік сөздер бірінен кейін бірі кезектесіп
NEAR – сөздердің бірі екінші сөзден белгілі санды сөздерден
Тырнақшалар – тырнақша ішіндегі сөздер- бұл текст фрагменті құжат
Шектерінде логикалық комбинация анықталатын мәтін іздеу бірлігі деп аталады.
Пайдаланушы іздеу жүйесіне сұраныс жібергеннен кейін, ол сұраныс синтаксисін
Сайт құруға арналған бағдарламалау тілдері
Сайт жасауда қолданылатын таңымал ASP, PHP және XML -
Таңымал интернет-технологиялардың салыстырмалы түрде критерилерін ерекшелеу
Қолданбалы мақсаттарына байланысты әр-бір сайт жасау нақты бір талаптарға
Қарапайымдылығы. Үйренуге оңай, түсінікті және қарапайым тіл синтаксисі. Алдын
Бейімділілігі. Базаның толуына орай ресурс көлемінің өсу қасиеті аталмыш
Компактілігі. Артық тегтердің болмауы және кодтау көлемін азайтуға арналған
Үйлесімділік. Басқа веб программалау технологияларымен үйлесімділігі және әр түрлі
Тиімділігі. Оқиғаларды өңдеу жылдамдығы. PHP тіліндегі «Движок» тарсляциялық интерпретатор
Мәліметтер қорларымен жұмыс. Мәліметтер қорынан ақапаратты алу, мәліметтер қорына
Файлдармен жұмыс. Мәліметтер файлдарымен жұмыс істеу мүмкіндіктері. ASP және
Мәліметтерді өңдеу. Мәліметтерді жүйелеу, реттеу, іздеу және т.б. ASP
HTML-формаларды қолдану. Формаларның көмегімен алынған ақпараттардды серверде одан
Ақпарат алмасу. Басқа бағдарламалармен мәлімет алмасуды ұйымдастыру. Ондай мүмкіндік
Керібайланыстың болуы. Сервермен қолданушының арасындағы тура байланыстың болуы. ASP
Стильдер кестесін қолдану. Құжаттарды безендіру үшін стильдер кестесін қолдану
СОМ-ды қолдану. COM компоненттері қолданушыға қолданбалы бағдарлама құрғызбау үшін
Серверлік оқиғаларды құру. Динамикалық сайттарды жасауға арналған кез келген
Мәліметтерді өңдеу. Маңызды функция, ортақ жазу әдісі арқылы мәліметтерді
Кіріктірілген функциялар мен обьектілер. Код көлемінің қысқаруы веб бет
Процедураларды жазу. Жұмысты жеңілдету үшін қолданушының өзінің функциясын жазу
Сеанстарды қолдану(сессиялар). Сессияларды қолдана отырып сіздер интернет ресурске кірген
Қателерді түзету. Маңызды функция, кодтау кезінде қателіктерге жол бермеуге
Әртүрлі протоколармен жұмыс істеуге мүмкіншілік. Протоколдардың (Директорияларға кіруді басқару
Қауіпсіздікпен қамтамасыз ету. Ақпаратқа қолданушылардың кіруін реттеу, ақпаратты қорғау
Программалаық кодты HTML-кодқа интеграциялау. Қолданбаларды құру барысында мәтінді HTML-код
Әр түрлі кодировкаларды қолдану мүмкіншілігі. Интернет ресурстың қай елде
Құралыған интернет сайт қандай критерийлерге сәйкес болуы керек:
1. Веб-парақтардағы мәліметтердің орңаласуы қарапайым әрі логикалық түрде қарап
2. Экрандағы ақпараттарды тізім немесе кесте түрінде жасауға тырысу
3. Бір суреттен кейін бірден екінші сурет орналаспағаны дұрыс,
4. Ақпарат бөліктерге бөлініп берілсе, оларды оқу, түсіну жеңіл
5. Егер веб-парақ көлемі үлкен болса, онда құжат
6. Суреттер мен графикалық бейнелерді пайдалану көптеген тұтынушыларды қызықтыруы
РНР-бұл Web –серверге жіберілетін скриптердің көмегімен Web-беттерінің динамикалық генерациясына
Сіздің құжат бетіңіздегі әртүрлі операциялардан басқа сіз РНР көмегімен
РНР операторлары сіздің бетіңізге Web-беттерді қойып береді, сондықтан арнайы
Соңғы он бес жылдары интернеттiң қиял-ғажайып дамуы және адамдардың
Рнр тарихы 1995 жылдан тәуелсiз бағдарламашы (Rasmus Lerdorf )
Лердорфаның Рнр құрал-сайманының шулы жетiстiгi Рнрдың кеңейтулерiн өңдеуге әкеп
РНР 4 бұл қозғалыста жұмыс жасаушы ретінде 2000 жылы
2000-2004 жылдар арасында 4 версияны жұмсарту үшін белсенді жұмыстар
Ақыры 2004 жылдың шілдесінде РНР 5 ресми түрде жарыққа
РНР 4-дегі ХМL мен жұмыс жасауға арналған барлық негізгі
SOAP -тың кеңеюі РНР да ХМL –хабарламаның көмегімен басқа
РНР 5 My SQL (My SQL Improved) жаңа кеңeйтулер
SQLite–тің кеңейтілуі мәліметтерді кәдімгі файлдарда сақтайтын қоcымшаны құрастыруға мүмкіндік
Tidy –HTML-құжаттарды сараптау және түзету үшін.
Perl - Perl сценарийлерді пайдалану.
SPL – кластармен интерфейстердің стандарты жиынтығын анықтайтын ZE2 –нің
-РDО -PHP-нің мәліметтеріне әмбебап интерфейс ұсынады.
-PІMP-GD модульінің орнына келген, графикамен жұмыс жасауға арналған жаңа
Бұдан басқа РНР 5-те есте сақтаудың әлдеқайда жылдам диспетчері
РНР 5 REAR құрылымын нақты жүзеге асыруға керекті қасиеттермен
HTML (ағылшын Hypertext Markup Language — «еренмәтін белгілеу тілі»)
HTML (HyperTextMarkupLanguage) – бұл құжаттарды кодтау үшін қолданылатын гипертекстік
Java - Sun Microsystems компаниясының жасап шығарған обьектіге
Айтылуы, атаудың қолдануы. Айтылуы жөнінде қазақ тілінде басқа тілдердегі
Тілдің негізгі ерекшеліктері. Java - дағы бағдарламалар, байттық кодты
1.3 Интернеттегі web серверлер. Web – сервер жұмысының механизмі.
Браузердің адрестік жолындағы қажетті URLді теріп болған соң, браузер
Статистикалық және динамикалық беттер.
Статистикалық беттер Web сервер каталогында орналасқан файлдардың нақ копиясы
Тікелей Web серверде сұранысқа сәйкес қалыптастыру.
Web беттерді динамикалық қалыптастырудың мүмкіндігін жүзеге асыру үшін серверге
Тұтынушы компьютерінде қалыптастыру.
Бұл жағдайда программа мәтіні динамикалық web- парағын қалыптастыру үшін
CGI- технологиясы.
Біздің сұранысымызға сәйкес дайындалған динамикалық беттер “жылдам қалыптасты”. Мысалы
CGI программасын нақты уақыттағы Web сервердің бір бөлігі ретінде
CGI альтернативті техналогиясы Micrоsoft компаниясының технологиясы болып табылады. Ол
Web-ресурстарды алу технологиясы. Web-парақтарды кэштау. Прокси-сервер механизімінің жұмысы.
Егер сервер үлкен жойылуда болса, Интернетке шығу жылдамдығы төмен
Қазіргі заманға сай браузерлерде (Internet Explorer және Netscape Navigator)
Прокси-сервер
Кэштеу технологиясында өзінің шектеулері бар. Мысалы, сіз және сіздің
Бұл мәселені шешу провайдерлер прокси-серверге (ағылшынның proxy-орынбасар деген сөзінен)
Прокси-сервер қолданушыдан қандай да бір интернет-сервисті орындауға сұраныс алады,
Әдетте, прокси-сервер программасы жұмыс істейтін компьютерде едәуір дисктік аула
Осылайша, үнемі ізделіп отыратын құжат тек құжатты шығарушының серверінде
Біз мыңдаған клиенттері бар провайдерлар жөнінде айтқана, жүйедегі құжаттардың
Құжаттардың жарамдылық мерзімі.
Ескірген кэштелген файлды алмау үшін, кэштелген құжаттарды қашан сұранысқа
WEB-жылдамдытқыштары.
Стандартты браузерлер кэштеу технологиясын Web-парақтарды жүктеуді жылдамдату үшін қолданатынын
Кэштеу процесін оптимизациялау арқылы жылдамдату.
Мәліметтерді кэштеу кезінде Web-парақтарды жүктеуді жылдамдатуды айтқанда 3 бағытты
IP-мекендерді кэштеу;
Локалді компьютерде дискті кэшті оптимизациялау;
Упреждающее чтение.
Әр бағыттың неден құралғанын түсіндіріп өтейік.
Сіз URL браузерге сол немесе басқа ресурсты жібергенде, ол
IP-мекенді алып болғаннан кейін, обозреватель компьютердің кэшінде көрсетілген парақ
Үшінші механизмді (упреждающее чтение) түсіндіру үшін, кәдімгі браузердің жұмысына
Оқушыларға сайт құруды оқытудың әдістемесі
2.1 Әртүрлі тілдерде сайт құру әдістемесі
Қазіргі кезде педагог мамандар сабақ беру кезінде оқушылардың қызығушылығын
HTML сөзінің толық мағынасын Hyper Text Markup Language –
HTML құжаты кәдімгі мәтін құжаты болуымен қатар өзінде белгіленген
Markup tag-тер шолғышқа құжатты (уеб-бетті) қалай көрсетуі керек екенін
HTML құжаты htm немесе html түрде сақталуы тиіс немесе
HTML құжатын қарапайым мәтін өңдеушімен жасауға болады.
Байқап көресіз бе?! Онда, мына сілтемемен жүріп: Пуск =>


Бет тақырыбы


Менің алғашқы уеб-бетім Бұл сөз қалың болады


Жазып болғаннан кейін құжатты мына сілтемемен жүріп отырып сақтаңыз:
Жоғарыда жазған HTML құжатыңыздағы алғашқы тег тегі. Бұл
және тегтерінің арасы құжат туралы мәліметтерді қамтиды
және тегтерінің арасына құжаттың тақырыбы жазылады. Жазылған
және тегтерінің арасына шолғышта көрінетін мәліметтер жазылады.
және тегтерінің арасында жазылған жазу қалың (bold)
HTML редакторлары туралы аз ғана мәлімет
HTML құжаттарын WYSIWYG (what you see is what you
Бірақ HTML-ді жетік меңгеремін деген адамның алғашында Блокнот (notepad)
HTML тілінде ең маңызды тегтер тақырыбтар, параграфтар және қатарлар
Тақырыптар
Тақырыптар

,

,

,

,

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

Бірінші дәрежелі тақырып


Екінші дәрежелі тақырып


Үшінші дәрежелі тақырып


Төртінші дәрежелі тақырып


Бесінші дәрежелі тақырып

Алтыншы дәрежелі тақырып

HTML тілі тақырыптан кейін автоматты түрде келесі қатарға түседі.
Параграфтар
Параграфтар

тегімен жазылады

Бұл бірінші параграф


Бұл екінші параграф


HTML тілі параграф тегінің алдынан және соңынан автоматты түрде
Тегтерді жабуды ұмытпаңыз!
Жоғарыдағы мысалда параграфтың

тегімен жабылғанын көрдіңіздер:

Бұл қате жазылған параграф

Бұл да қате жазылған параграф
Бұл мысалда жазылған қателікке көп шолғыш мүмкін мән бермей
Қатарды аттау
Қатарды аттау үшін, яғни келесі қатарға өту үшін

Бұл
параграфтың ішіне
орналасқан жазулар.



ма әлде
ма?
Көп жерде
тегінің
деп жазылғанын көреміз.
HTML тілінде анықтама (түсіндірме) жолдарын (қатарларын) жазу
Анықтама жолдары HTML кодында қай кодтың не қызмет атқаратынын
HTML-дің негізгі тегтері
Тег Анықтамасы
Құжаттың HTML құжат екенін білдіреді
Құжаттың шолғышта көрінетін бөлігін білдіреді.

to

Тақырыптарды білдіреді

Параграфты білдіреді

Келесі қатарға түсіреді


Бетте көлденең бір сызық сызады
Бұл тегтің ішіне анықтама, түсіндірме жазылады
Атрибуттар HTML тегтеріне қосымша қасиет береді.
HTML тег қасиеттері HTML тегтері атрибуттар қабылдай алады. Атрибуттар


Атрибуттарға мысал 1:

тегі тақырыпты білдіреді.

Тақырып жазылумен қоса, ол тақырыптың құжаттың
Атрибуттарға мысал 2:
HTML-дің денесі, яғни шолғышқа көрсетілетін бөлігі.
HTML-дің денесіндегі, яғни шолғышта көрсетілетін
Қарапайым HTML файлын жасау
1. Өз жұмыс қапшығыңыздың
2. Блокнот программасын іске
3. Блокнот редакторы терезесінде


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


Сәрсенбі күнгі сабақ кестесі


4. Файлды RASP.HTM атымен
5. Жасалған Web-құжатты көру
6. Енді Вид- HTML

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

деген қосымша мәтін енгізейік.

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


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


Сәрсенбі күнгі сабақ кестесі


7. Осылай түзелетін мәтінді
8. Браузердің Вид-Обновить командасын
HTML-де мәтінді өңдеу, пішіндеу.
HTML-де мәтінді өңдеу, пішіндеу
HTML мәтінді қалың немесе қисайтып (italic) етіп жазу үшін
HTML бастапқы кодтарын қалай көруге болады?
Шолғышты ашып клавиатурадан мына екі түймешені (firefox шолғышында) қоса
Мәтіннің пішінін өзгерту үшін қолданылатын тегтер
Тег Анықтамасы
Мәтінді қалың әріппен жазады
Мәтінді үлкейтіп жазады
Мәтінді қисайтып жазады
Мәтінді қисайтып жазады
Мәтінді кішірейтіп жазады
Мәтінді қалың қылады
Шрифтті төменгі индекспен көрсетеді
Шрифтті жоғарғы индекспен көрсетеді
Мәтіннің астын сызады
Мәтіннің үстін сызады
Жоғарыда жазылған кестедегі тегтердің мысалын көріңіз:
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
H2O мұндағы 2 саны тегінің көмегімен жазылған
E=mc2 мұндағы 2 саны тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Мәтін фрагменттерін ерекшелеу
1. RASP.HTM файлына төмендегідей

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


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

Сәрсенбі күнгі сабақ
кестесі
2. Өзгертілген Web-құжатты экраннан
Сәрсенбі күнгі сабақ
кестесі
Бірақ мұндайда тэгтерді араластыра жазудың мынадай ережелерін есте сақтаған
<Тэг-1><Тэг-2>... - дұрыс жазылған тізбек
<Тэг-1><Тэг-2>... - қате жазылған тізбек
"http://www.w3.org/TR/html4/loose.dtd">



Шрифт өлшемі және түрі


Бұл сөз <b> тегінің көмегімен жазылған

Бұл сөз <big> тегінің көмегімен жазылған

Бұл сөз <em> тегінің көмегімен жазылған

Бұл сөз <i> тегінің көмегімен жазылған

Бұл сөз <small> тегінің көмегімен жазылған

Бұл сөз <strong> тегінің көмегімен жазылған

H2O мұндағы 2 саны <sub> тегінің көмегімен жазылған

E=mc2 мұндағы 2 саны <sup> тегінің көмегімен жазылған

Бұл сөз <ins> тегінің көмегімен жазылған




COLOR– шрифттің түсін береді Текстті тэгтерінің ортасына
Қызыл
Қызыл
Сонымен түс туралы басынан айтып кетейік. тэгінің ішіне
(түстің аты қолданылған)
(түс 6 орынды кодпен берілген)
Уеб-беттің арқа беті(background)
Уеб-беттің артқы беті(background)
тегі уеб-беттің артқы бетін сәндеу үшін екі атрибут
Мысалдар

немесе

Ал сурет қоярда былай жазамыз:

HTML-де түстер (colors)
HTML-де түстер
HTML-де түстер RGB (қызыл, жасыл, көк) комбинациясын оналтылық сандар
W3C Стандарт түстердің атаулары:
W3C, 16 түстің стандартты атауын берген. Олар: aqua, black,
16 миллион түрлі түс Қызыл, жасыл және көк түстерінің
HTML-де түстердің атаулары бірінші қосымшадағы кестеде ең көп қолданылатын
Қаріп гарнитурасы (типі) мен түсін өзгерту
тэгі бөліктерініңкөлемін, типін және түсін өзгертуге мүмкіндік береді. Қаріп
Қаріп түсін беру үшін тэгінің COLOR=”X”> атрибутын жазу керек.
1. RASP.HTM файлына төмендегідей
HTML>

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


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


SIZE=”7”
Сәрсенбі күнгі


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


2. Өз қалауларыңыз бойынша
Құжат фоны мен жапы мәтіннің түсін беру
Құжат фоны мен жылпы мәтіннің түсін беру кезінде браузерлер
RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:
HTML>

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


TITLE> Учебный файл
BGCOLOR=”#FFFCC” TEXT=”#330066”


Расписание


занятий на СРЕДУ




"http://www.w3.org/TR/html4/loose.dtd">



Шрифт өлшемі және түрі



HTML –да тегтік модельдер құжаттың белгілеулері болыпе
Көбінесе НТМL құжаттарының тегтерін түсіну және


HTML-құжатының контейнері.
Әрбір құжаттың құрама бөліктерінде оның ішінде қолданылатын өзінің контейнер
HTML-HEAD құжатының тақырыбының контейнерлері
Құжат тақырыбы атрибут қажет етпейді. Тақырып тегінің басты тағайындалуы
TITLE
Такырып тегінде жиі қолданылатын құжат аты болып табылады.
TITLE келесі синтаксисті алады
Құжат аты
TITLE тегінің мазмұны құжат атының алаңында бейнеленеді.
BASE
BASE тегі URL формасында гипермәтіндік сілтеме көрсету формасымен байланысты.
ISINDEX
HTML-құжатын кілттік сөз бойынша іздеу мүмкіндігі құжат тақырыбының ISINDEX
http://polyn.net.kiae.su/cgi-bin/search
PROMPT=”Enter Keywords:”>
Көрсетілген мысалда HREF атрибуты сұранысты өңдеу программасының адресін
META
META тегі HTML спецификациясында жоқ құжат тақырыбының конструкциясын анықтау
< META HTTP-EQUIV=”Keywords”
CONTENT=”Plasma, Nuclear Physics”>
Осындай қолдану кезінде почтаны жіберуге ыңғайлы болу үшін, HTTP-пакет
Құжат денесінің тегі.
Құжат денесінің тегі интерфейстік қолданушы программасында ақпаратты көрсетуді басқарады.
-иерархиялық контейнер және заставка;
-тақырыптар (Н1-Р6 дейін);
-блоктар(параграфтар, тізімдер, формалар, кестелер, суреттер және т.б.);
-көлденеңінен белгілеп алу және адрестер;
-мәтіндер, стильдерді жүргізу облыстарына бөлінген(сызылған, белгіленген, курсивті);
-математикалық бейнелеу, графиктер және гипермәтіндік сілтеме;
BODY
Құжат денесінің тегін бейнелеу BODY тегі арқылы бастап жазылады.
ID-тег идентификаторы. Тегті атау үшін, сол сияқты гипермәтіндік сілтеме
LANG-екісандық ISO-639 код түрінде құжат тілін анықтайды,
CLASS-“ADDITION.FIRST” типті иерархиялық құрылған ат. Мәтін тегін, анықталған бейнелеу
Жоғарыда көрсетілген үш атрибут дене тегіне жалпы болып табылады
BACKGROUND-құжат мәтінін бейнелейтін фонды анықтайды, мысалы, HTML-құжатында фон
< BODY BACKGROUND =”bgr.gif”>
Осы мысалда көрсетілгендей, берілген атрибуттың мәні ретінде URL формасында

тегі
Жолдың аударылымы мәтінді бейнелеудің стандарттар ретін бұзу үшін қолданылады.


Мәтін сол жақтағы жақын арадағы бос алаңнан бастап жалғастырылады


Мәтін оң жақтағы жақын арадағы бос алаңнан бастап жалғастырылады


Мәтін сол және оң жақтағы алаң бос болғанда жалғастырылады
тегі
тегі (No Break, үзіліссіз) браузерге барлық мәтінді бір
Символдарды бейнелеуді басқару тегі
Бұл тегтерді екі классқа бөлуге болады: бейнелеу формасын басқару
HTML-де арнайы символдар
HTML кодтарының ішіне кейбір ("<" сияқты) символдар жазылса, олар
Арнайы символдар
HTML құжаты ішінде мұндай символдарды көрініске шығара алу үшін
Екі сөздің арасын бір (пробелден) көп ашу
Әдетте HTML құжатына мәтін жазғанда, екі мәтіннің арасын қанша
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



Символдар


Бұлекісөздіңарасықатты     
     ашылады.


Алмынаекісөздіңарасы


Eкісөздіңарасынқаншаашқымызкелсесoншасимволқойыпекісөздіңарасынқалағанқашықтықтаашааламыз.
Еңкөпқолданылатынарнайысимволдар
Нәтиже Анықтамасы Арнайы символ
Бос орын қалдыру    
< Солжақ үшбұрышты жақша < <
> Оңжақ үшбұрышты жақша > >
& Ағылшынша және деген сөз &
" (") Тырнақша " "
' Апостроф ' '
Кейбір арнайы символдар
Нәтиже Анықтамасы Арнайы символ
¢ Cent ¢ ¢
£ Pound £ £
¥ Yen ¥ ¥
€ Euro € €
§ Section § §
© Copyright © ©
® Көшірме маркасы ® ®
× Көбейту × ×
÷ Бөлу ÷ ÷
Блокнот қолданбасын ашып онда төмендегі кодты жазыныз. Жазып болғаннан
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



Символдар


Бұлекісөздіңарасықатты     
     ашылады.


Алмынаекісөздіңарасы


HTML-де тізім жасау (Lists)
HTML-де иашарамен тізімделген, сандармен тізімделген, ашықтамалы (түсініктемесімен) тізімдер жасауға
Ишаралармен кезексіз тізімдер
Кезексіз тізім < ul > тегінің ішінде, жазылатын мәлімет,


  • Сүт

  • Айран


Мысалдың нәтижесі:
Сүт
Айран
Тізімге параграф, сілтеме (link) немесе тағы бір тізім жазуға
Сандармен кезектелген тізімдер
Сандармен кезектелген тізімдерде тізім
    тегімен басталады. Тізімделетін мән

    1. Сүт

    2. Айран


    Мысалдың нәтижесі:
    Сүт
    Айран
    Aшықтамалы (түсініктемесімен) тізімдер
    Aшықтамалы (түсініктемесімен) тізімдер
    тегімен басталады. Тізімделетін әр мәлімет

    Сүт

    Түсі ақ, сұйық зат

    Айран

    Түсі ақ, сұйық, бірақ сүттен қоюлау


    Мысалдың нәтижесі:
    Сүт
    Түсі ақ, сұйық зат
    Айран
    Түсі ақ, сұйық, бірақ сүттен қоюлау
    Aшықтамалы (түсініктемесімен) тізімге параграф, сілтеме (link) немесе тағы бір
    Тізім тегтері
    Тег атауы Анықтамасы
      Сандармен кезектелген тізім
        Ишаралармен кезексіз тізім
      • Бұл тегтің ішіне тізімделетін мәлімет жазылады
        Aшықтамалы (түсініктемесімен) тізім
        Ашықталатын мәліметтің тізімі
        Әр тізімнің ашықтамасы
        "http://www.w3.org/TR/html4/loose.dtd">



        Шрифт өлшемі және түрі


        НТМL тегтерінің топтары.


        Барлық НТМL тегтернің тағайындалуы мен әрекеттесу орталарын келесі

        • Құжаттың құрлымын анықтайтындар;

        • Гипермәтін блоктарын өңдеу (параграфтар, тізімдер, кестелер, суреттер);

        • Гипермәтіндік сілтемелер немесе закладки;

        • Диалог ұйымдарыүшін формалар;

        • Программаны шақыру.


        Гипермәтіндік желінің құрлымы гипермәтіндік сілтемелермен беріледі. Гипермәтіндік сілтеме
        WWW жүйесінде гипермәтіндік сілтемелерді жазу үшін, Universe Resource
        Класикалық құжаттың қарапаймы түрін қарастырайық:

        Netscape Communication компаниясы фрейм оргонизациясының мүмкіншілігімен құжаттың класикалық

        1. Өзін тексеруге арналған сұрақтар:

        2. HTML тілі. Таңбалар, тегтер, элементтер, атрибуттар.

        3. Веб-дизайн/Дмитрий Кирсанов - СПб: Символ-Плюс, 2004-376 стр.

        4. HTML 4.0 в подлиннике/Матросов,Сергеев,Чаунин – СПб:


          Кестелер (Tables)
          HTML-де кесте жасай аласыз. Кестелер тегімен жазылады. Бір






          1-шіқатар, 1-шібағана 1-шіқатар, 2-шібағана
          2-шіқатар, 1-шібағана 2-шіқатар, 2-шібағана

          Нәтижесітөмендегідейболады:
          1-ші қатар, 1-ші бағана 1-ші қатар, 2-ші бағана
          2-ші қатар, 1-ші бағана 2-ші қатар, 2-ші бағана
          Кестелер және Шекарасының (border) атрибуттары
          Егер HTML-мен кесте жасаған кезде шекарасына мән (value) берілмесе,









          Тақырып Тағыбіртақырып
          1-шіқатар, 1-шібағана 1-шіқатар, 2-шібағана
          2-шіқатар, 1-шібағана 2-шіқатар, 2-шібағана

          Бұл мысалдың нәтижесі төмендегідей болады:
          Тақырып Тағы бір тақырып
          1-ші қатар, 1-ші бағана 1-ші қатар, 2-ші бағана
          2-ші қатар, 1-ші бағана 2-ші қатар, 2-ші бағана
          Кесте тегтері
          Тег атауы Анықтамасы
          Кесте
          Қатар
          Қатарлар топтамасы
          Кестенің жоғарғы бөлігі
          Кестенің body қасиеті (ортаңғы бөлігі)
          Кестенің ең төменгі бөлігі
          align - Кестенің уеб-беттің қай тарапында тұратынын анықтайды. (Мысалы:
          background – Кестенің арқабетіне сурет береді.
          bgcolor - Кестенің арқабетінің түсін береді
          border – Кесте шекарасының қалыңдыңы (пикселмен беріледі.)
          bordercolor – Кесте шекарасының түсін береді.
          cellpadding – Кестенің шекарасы мен ішіндегі мәліметтердің ара қашықтығы.
          cellspacing – Кесте ішіндегі ұяшықтардың ара қашықтығы.
          cols – Кестедегі бағаналар саны.
          frame – Кестенің айналасындағы шекараны қалай көрсету керек екенін
          height – Кестенің биіктігі.
          rules - Кесте ұяшықтарының арасындағы шекараны қалай көрсету керек
          summary – Кестенің қысқаша сипаттамасы.
          width – Кестенің енін береді (Пикселмен де, пайыздық %
          Мысалдар
          www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



          Кесте


          Кесте тақырыбы
          Бағана
          Тақырыпша
          cellpadding="0" cellspacing="0" border="1">










          1-шіұяшық, 1-шіқатар, 1-шібағана 2-шіұяшық, 1-шіқатар, 2-шібағана 3-шіұяшық, 1-шіқатар, 3-шібағана
          4-шіұяшық, 2-шіқатар, 1-шібағана 5-шіұяшық, 2-шіқатар, 2-шібағана 6-шіұяшық, 2-шіқатар, 3-шібағана



          Графикалық және мультимедиалық объектілері үшін арнайы тәгтер
          Дыбыс,күй,видеоклиптарды енгізу үшін арнайы тәгбар:.
          HTML құжаттарында графиканы қолданудың екі түрі бар:
          1) Графиканы мәтінге енгізу.
          Мәтінге сурет қою үшін келесі команданы қолдану керек:. Міндетті
          2) Сурет “картасын”қолдану.
          Суреттің белгілі аймағын басқан кезде басқа адреске қатынау бар

          url орнына графиктік файл адресі жазылады, ал name орнына
          Көрініп тұрғандай, картаны сипаттауда тек белгісі жазылады, ал суретті
          Картаның активті облыстарын сипаттау келесі командалар арқылы іске асырылады:.
          1) rect – тікбұрыш;coоrds =”x1,y1,x2,y2”x және y жоғарғы сол
          2) circle – шеңбер; coоrds =”x0,y0,r”x0 және
          3) poly – көпбұрыш;coоrds =”x1,y1,x2,y2,x3,y3...”
          Соңғы жылдарда Web құжаттарында белсенді компоненттер жиі қолданылады. Ол
          Графикалық немесе басқа объектілердің мәтінге кіруі,HTMLтәгінің көмегімен іске асады.HTMLтәгінің
          ОсылайшаWWW серверлерінде сақталып жатқан көптеген гипермәтінді электронды құжаттар жиынтығы
          Web құжаттар аралығын мақсатты бағыттау Web навигациялар деп аталады.
          Интернеттің физикалық серверінде сақталып жатқан жүздеген миллион құжаттың гипермәтіндік
          Әрбір файлдың толық аты, оған аты және файлға қалай
          Гипермәтіндік байланыстар орнату
          Бұранғы ФНИ.НТМ файлын Web – парақтың алдыңғы жағына жазылатын
          Ол үшін:

          ФНИ - 1 топтарының сабақ кестесі


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








          Дүйсенбі Сейсенбі Сәрсенбі Бейсенбі Жұма Сенбі



          Бұл фрагменттен кейін (RASP.HTM файлында) Дүйсенбі сөзіне
          Дүйсенбі
          … сөздерін
          Енді кесте ішіндегі Дүйсенбі сөзіне гиперсілтеме



          сөздерін жазамыз.
          HTML гипермәтіндік тілін оқытқаннан кейін оқушыларға WEB сайтты безендіруге
          CSS технологиясы: жалпы көзқарас
          "Каскадты кесетелер стилі"атауы«Cascading Style Sheets» ағылшын сөзінен шыққан, CSS
          CSS-ты қолдану мысалы
          CSS көмегіменәртүрлі стильдердің қорытындыларын енгізу арқылы HTML құжаттарын
          Мысал. Бірнеше стильдер кестесін алайық:
          Style1
          p{color: blue; font-style: italic;
          margin-left: 20pt;}
          ol,ul,li{list-style: circle;
          font-family: arial; }
          a:link {color:black}
          a:visited {color:black}
          body{background-image: url("http://www.intuit.ru/departament/picture.gif")}
          Style2
          h1,h3,h6{margin: 20pt;}
          h1,h2,h3,h4,h5,h6,p,ol,li{font-family: arial, "sans serif";}
          p,table,td,ol,ul{font-style: oblique;}
          :link {COLOR: blue;}
          :visited {COLOR: blue;}
          a:active {COLOR: black;}
          a:hover {COLOR: black;}
          a.myln:link {COLOR: olive;}
          a.myln:visited {COLOR: olive;}
          a.myln:active {COLOR: teal;}
          a.myln:hover {COLOR: teal;}
          Style3
          p,ol,ul
          {font-style: italic;
          margin-right: 20pt;}
          p,h1,h6 {font-family: "comic sans ms", arial, "sans serif";
          p,th{font-size: 20%}
          table {background-color: blue}
          body {background-color:#FFF000}
          p,ol,ul {color:green; }
          :link {color:blue}
          :visited {color:blue}
          :active {color:green}
          :hover {color:green}
          Style4
          :link { color:red }
          :visited { color:red }
          :active { color:yellow }
          :hover { color:yellow }
          body{background-color: #FAD123;}
          h1,h2,h6{margin-left: 20pt;
          color: blue;}
          h3,h4,h5{margin-left: 10pt;
          color: green;}
          p,h1,h3{font-size: 150%;}
          p,h1,h2,h3,h4,h5,h6,table
          {font-family: arial;}
          p{margin-left: 30pt;}
          Style5
          p,h1,h2,h3{font-size: 75%;}
          table,h4,h5,h6,li
          {font-family: arial, "sans serif";
          margin-left: 20pt;}
          body{background-color: #F2FF2F;}
          ol,ul {color: 12a45d;}
          :link {color:brown}
          :visited {color:brown}
          :active {color:blue}
          :hover {color:blue}
          Біртіндеп осы стильдердің үнемі бір құжатқа қолданып отыру, оның
          Стильлердiң арналуы.
          HTML тiлі құжаттың мазмұнын сипаттау үшiн жасалған.
          Бірақ бұлбастапқы HTML –діңNetscape және Internet Explorer браузерлердің
          Но это породило процесс создания своих тегов и атрибутов
          Бұл жағдайдаHTML- дің стандартизациясына жауаптыкоммерциялық емес ұйым - W3C
          Сайып келгенде, iшiндегi құжаттың бөлiнуi және оның ұсынысының қажеттiлiгi
          Бұл технологияны бүгiн (Internet Explorer, Mozilla Firefox, Opera тағы
          Стильдердiң кестелерi жұмыс көлемi айтарлықтай қысқарта алады
          Стильдердiң кестелерiHTML элементтерiнiң қорытындыларын айқындайды. (Мысалы, fontтың тегi жәнеHTML
          Өңдеушi стильлер келесi әдiстермен анықтай алады:
          HTML-дің iшiндегі жалғыз элементi
          HTML бетіндегі элементтiң iшiнде
          CSS-тың сыртқы файлында.
          Стильдердiң қолдануының басымдылығы
          Каскадтыстильдердiң кестелерi үшiн қолданудың басымдылықтары анықталған. Егерде HTML-дің
          браузер үнсіз келісім бойынша қолданылатын стильдер;
          сыртқы кестеде сақталатын стильдер;
          стильдердiң iшкi кестеде сақталған стильдері(iшiнде тега);
          кiрiстiрiлген стиль(HTML элементтiң iшiнде).
          Бұл ережелер стильдердiң басымдылықтың ұлғаюының ретілігін анықтайды.
          Сайып келгенде, кiрiстiрiлген стиль(HTML элементтiң iшiнде) ең жоғарғы
          PHP ден методикалық кешен HTML гипермәтіндік тілі мен CSS
          PHP web программалау тілі
          PHP әзірлеушілерге икемдігімен де ерекшеленеді. Өйткені, HTML, JavaScript, WML,
          PHP-де белгілі бір уеб-серверге арналған код жоқ, яғни қолданушылар
          Бірінші бағдарлама
          Егерде сіз PHP тіліне қатысты болатын серверді және интерпретаторды


          Бірінші PHP бағдарлама


          echo "

          Сәлем, Әлем!

          ";
          ?>


          first.php файлын сақтап, локальдық серверде D:\server\www\ сілтеме бойынша папкаға


          Бірінші PHP бағдарлама


          Сәлем, Әлем!




          PHP тілі HTML құжатты тікелей енгізеді, бұның үшін құжаттың
          Синтаксисі және негізгі түсініктер
          PHP скрипті әрқашан аяқталады. Сценарий
          echo операторына мысал:


          Сәлем





          PHP-де браузер арқылы мәтінді экранға шығарудың бірнеше жолдары бар.
          $city = "Астана";
          print_r($city);
          ?>
          Айнымалылардың мәнілерін немесе әр түрлі мәнілерді және айнымалыларды қосу
          $t = "Сәлем!";
          $t2 = "... мен студентпін!";
          echo $t . " " . $t2;
          ?>
          Тырнақша ішіндегі “ ” бос орын (пробел) екі сөйлемді
          Ал әр команда қатарының соңында қойылған (;) үтір-нүкте командаларды
          PHP түсініктемелер (комментарийлер)
          Сызықтық түсініктемелер
          // Түсініктеме мәтіні
          Түсініктемелер уеб бетте оқырмандарға көрінбейді, түсініктеме бағдарламашылар кодты анығырақ
          Блоктық түсініктемелер
          /* Егерде түсініктеме бір қатарға сыймай қалса,
          блоктық түсініктеме қолданылады. */
          Айнымалалар
          Айнымалылар дегеніміз белгілі бір мәліметті сақтайды. Мысалы: мәтіндік мәні,
          $my_exercise;
          $exercise5;
          $1_exercise;
          Айнымалыларға мән беру арқылы оларды жасай алмаймыз. Мысалы:
          $t = "Жаттығу";
          $a = 231;
          $d = -98;
          ?>
          Айнымалы $t “Жаттығу” мәтінін өзіне алып тұр. Ал одан
          $city = "Алматы";
          $city = "Ақтау";
          ?>
          Мынадай қылсақ та болады:
          $city = "Алматы";
          $city2 = "Ақтау";
          $my_city = $city2;
          ?>
          $my_city айнымалысына демек, “Ақтау” мәнісі қолданылады.
          Операторлар
          Оператор деп белгілі бір мәні қайтаратын функция немесе басқа
          Арифметикалық операторлар
          Төмендегі кестеде b=4 болады:
          Оператор Анықтама Мысал Нәтиже
          + Қосу a=b+1 a=5
          - Алу a=b-2 а=2
          * Көбейту a=b*3 a=12
          / Бөлу a=b/2 a=2
          % Қалдық a=b%3 a=1
          ++ Арттыру a=++b a=5
          -- Кемейту a=--b a=3
          Тіркеу операторлар
          Төмендегі кестеде x=6, y=4 болады
          Оператор Мысалы Екінші түрі Нәтиже
          = x=y x=6
          += x+=y x=x+y x=18
          -= x-=y x=x-y x=6
          *= x*=y x=x*y x=72
          /= x/=y x=x/y x=2
          %= x%=y x=x%y x=0
          .= x.=y x=x.y x=126
          Салыстыру операторлар
          Оператор Анықтама Нәтиже
          == Теңдік 8==10 жалған қайтарады (false)
          != Теңсіздік 8!=10 шын қайтарады (true)
          <> Теңсіздік 8<>10 шын қайтарады (true)
          > Үлкен …тен 8>10 жалған қайтарады (false)
          < Кіші …тен 8<10
          >= Үлкен немесе тең 8>=10 жалған қайтарады (false)
          <= Кіші немесе тең 8<=10 шын қайтарады (true)
          Логикалық операторлар
          Төмендегі кестеде x=3, y=1 болады
          Оператор Анықтама Нәтиже
          && және (and) (x < 5 && y >
          || немесе (or) (x==3 || y==1)
          ! емес (not) !(x==y)
          Шартты операторлар: if … else
          if … else операторы белгілі бір код бөлігін орындайды,
          $x = 11;
          $y = 7;
          if ($x == $y)
          {
          echo "Айнымалы мәндері тең";
          }
          else
          {
          echo "Айнымалы мәндері тең емес";
          }
          ?>
          if операторының шарты орындалмады, себебі айнымалылар бір-біріне тең емес,
          if elseif else операторларының құрылымы
          date() функциясымен PHP скрипті аптаның күндері анықтайды. Мысалы:
          if ($d == "Mon")
          {
          echo "Бүгін Дүйсенбі";
          }
          elseif ($d == "Tue")
          {
          echo " Бүгін Сейсенбі ";
          }
          elseif ($d == "Wed")
          {
          echo " Бүгін Сәрсенбі ";
          }
          elseif ($d == "Thu")
          {
          echo " Бүгін Бейсенбі ";
          }
          elseif ($d == "Fri")
          {
          echo " Бүгін Жұма";
          }
          elseif ($d == "Sat")
          {
          echo " Бүгін Сенбі ";
          }
          else
          {
          echo " Бүгін Жексенбі ";
          }
          ?>
          if elseif else құрылымы көп код бөліктерінен бірін орындайды.
          Келесі бағдарлама алған баллына қарай баға және оған қоса
          $score = 75;
          if ($score > 92)
          {
          $grade = "А";
          $message = "Айрықша";
          }
          elseif ($score <= 92 and $score > 83)
          {
          $grade = "B";
          $message = "Жақсы";
          }
          elseif ($score <= 83 and $score > 74)
          {
          $grade = "C";
          $message = "Қанағаттандырарлы";
          }
          elseif ($score <= 74 and $score > 62)
          {
          $grade = "D";
          $message = "Қанағаттандырарсыз";
          }
          else
          {
          $grade = "F";
          $message = "Жаман";
          }
          echo $message . "
          ";
          echo "Сіздің бағаңыз: " . $grade;
          ?>
          Switch операторы
          Switch операторы да if else операторы сияқты шарт орындалған
          $t=date("H");
          switch ($t)
          {
          case ($t < 06):
          echo "Таң намаз уақыты";
          break;
          case ($t < 10):
          echo "Қайырлы таң!";
          break;
          case ($t < 18):
          echo "Қайырлы күн!";
          break;
          case ($t < 22):
          echo " Қайырлы кеш!";
          break;
          case ($t < 24):
          echo "Ұйқтайтын кез";
          break;
          default:
          echo "Бұл қатар ешбір шарт орындалмаған жағдайда орындалады";}
          Массивтер
          Массив деп – аттары бірдей, бірақ мәнілері және индекстері
          $city [0] = "Астана";
          $city [1] = "Алматы";
          $city [2] = "Атырау";
          $city [3] = "Шымкент";
          $city [4] = "Орал";
          ?>
          Сандық массивке мысал:
          $city = array("Астана","Алматы","Атырау","Шымкент","Орал");
          echo "

          Менің туған қалам " . $city [2]
          ?>
          Бұл мысалда массив элементтерге автоматты түрде индекс қойылады. Сондықтан
          Ұқсас массивтер
          Ұқсас массивтің элементтері мәтінді индекстен тұрады. Мысалы:
          $notebook ["Audi"] = 10000;
          $notebook ["BMW"] = 8000;
          $notebook ["Toyota"] = 15000;
          $notebook ["Lexus"] = 30000;
          ?>
          Ұқсастық массивке мысал:
          $notebook = array("Audi" => 10000,"BMW" => 8000, "Toyota" =>
          echo "

          BMW маркалы автокөлік" . $notebook ["BMW"]
          Цикл дегеніміз – белгілі бір көп рет қайталанатын іс-әрекет.
          While циклі қандай да бір шарт орындалмағанша код орындала
          while ($d <= 5)
          { echo "Пәтер #" .
          $d++; } ?>
          Шарт орындалып жатқанда, оператор echo қатарларды шығарып тұрады. Ал
          Мысалы:
          Do { $d = $d
          echo "Пәтер №" . $d . "
          ";
          while ($d <= 7); ?>
          do…while циклінің ерекшелігі бірінші код жасалады, тек кейін шарт
          For цикл
          Мысалы: { echo "Пәтер №" .
          2.2 Желілік ресурсты құру кезеңдері.
          Желілік ресурсты құру үшін PHP web беттерді программалау тілі
          1. MySQL деректер қорында желілік ресурстың мәліметтер қорын және
          Желілік ресурстың ақпараты MySQL деректер қорында сақталады. MySQL деректер
          Оның құрылымыбір бірімен байланысқан 18 кестеден тұрады.
          Сурет -2. MySQL деректер базасындағы желілік ресурстың мәліметтерінің кестетүріндегі
          2. Желілік ресурстың ең басты беті index.php-ді құру.
          $result = mysql_query("SELECT title,meta_d,meta_k,text FROM settings WHERE page='index'",$db);
          {echo "

          ЗапроСҒ РЅР° выборРәСғ данных РёР· базы РЅРө РїСЂРѕС€РөР».
          exit(mysql_error());}
          if (mysql_num_rows($result) > 0)
          {$myrow = mysql_fetch_array($result); }
          else
          { echo "

          Информация РїРѕ запроСҒСғ РЅРө РјРѕР¶РөС‚ бытСҢ РёР·РІР»РөС‡РөРЅР°



          <? echo $myrow["title"]; ?>


          ">
          ">

          Дүйсенбі
          Сейсенбі
          Сәрсенбі



          Сайт жолсерігі – nav.phpдеген файлда жеке сақталынған.






          3. Мәліметтер қорымен байланыс орнату.
          mysql_select_db("phpblog",$db); include_once "poll/poll_cookie.php"; ?>
          4. Желілік ресурстың құрылымын өңдеуге жеңіл болатындай етіп блоктарға
          Жолсеріктің шапкасы – header деп аталады, оның кодингі:



          5. Администраторлық бөлімді құру. Администраторлық бет ол Желілік ресурстың
          2.3 Желілік ресурсты қолдану әдістемесі
          Дипломдық жұмыс тақырыбын зерттеу барысында құрылған Электронды ресурс 2
          Бірінші бөлімде Сайт жолсерігі, Құпия бөлім, Қонақ кітабы, Автор
          3 сурет. Электронды ресурстың негізгі беті
          4 сурет. Таратылымдар бөлімінің интерфейсі
          Сайт жолсерігіндегі категорияларда HTML, PHP, CSS, Photoshop-тан сабақтар берілген.
          Сонымен қатар сайт жолсерік бөлігінде Жаңадан қосылған сабақтарға шолу
          Таратылым бөлімінде менің сайтыма тіркелген оқырмандарға апта сайын бейне
          Оқулықтар бөлімінде оқушыға қандай информатикадан және информатикамен байланысты қандай
          Тағы айта кетерлік бір екі аспекті бар олардың біріншісі
          Енді сайтқа қойылған сабақтардың тағы бір ерекшелігі ол әрбір
          Сурет – 5. Электронды ресурстың администраторының беті.
          Желілік ресурстың екінші бөлімі ол администрациялық бөлім.
          Администраторлық бетке тек сайт басқарушысы өте алады. Оның өзінің
          Желілік ресурсқа тоқталып өтетін болсақ негізінен қолданыста ешқандай қиындық
          Қорытынды
          Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің,
          Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және
          Мектеп бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте олар
          Дипломдық жұмысты жазу барысындда зерттелген «Оқушыларға сайт құрудың үйретудің
          Дипломдық жұмыстың негізінде жүргізілген зерттеу жұмыстарын Семей қаласының №37
          Дипломдық жұмыстың басында алдымызға қойылған мақсаттарымызға зерттеу жұмыстары кезінде
          Қолданылған әдебиеттер тізімі
          Мадиярова Г.А. Ақпараттық – қатынастық технологияны орта мектепте информатиканы
          http://www.webmasterwiki.ru/
          http://www.postroika.ru/html/
          http://www.alleng.ru/edu/comp1.htm
          festival.1september.ru
          Бидайбеков Е.Ы. Подготовка специалистов совмещенного с информатикой профиля в
          Бидайбеков Е.Ы. Информатизация образования в Казахстане. – Алматы: АГУ,1998.
          Караев Ж.А. Введение к применению персональных компьютеров в учебном
          Нургалиева Г.К. Ценностное ориентирование личности в условиях информатизации образования
          Нургалиева Г.К., Есполов Т.И., Момынбаев Б.К., Кунанбаева С.С.,
          Бидайбеков Е.Ы., Григорьев С.Г., Гриншкун В.В. Создание и использование
          Нургалиева Г.К., Кунанбаева С.С., Ахметова Г.Б., Тажигулова А.И. Педагогическая
          Нургалиева Г.К., Тажигулова А.И. Педагогическая технология конструирования электронных учебников
          Тажигулова А.И. Педагогические принципы конструирования электронных учебников в условиях
          Караев Ж.А. Активизация познавательной деятельности учащихся в условиях применения
          Бидайбеков Е.Ы. Развитие методической системы обучения информатике специалистов
          Кариев С.К. Совершенствование обучения информатике в обще-образовательных школах Казахстана:автореф…д.п.н.
          5
          Сызықтық схема
          Иерархия
          Сызықтық емес
          Араласқан



          


          17 тамыз 2018ж.
          2008-2018 topreferat.com - Қазақша рефераттар, курстық, дипломдық жұмыстар

          ^
          if ($n==1) { echo "class='nav_a'"; }
          else { echo "class='nav_t'"; } }?>>

          Негізгі бет

          Сайттың негізгі жұмыс бөлімінің кодингі ол базадан алынған кодтан