СРС тақырыбы: Интернет қосымшаларының құрылуы. DHTML технологиясы

Содержание

Слайд 2

Пәннің атауы : «Web - технологиялары»

СРС тақырыбы: Интернет қосымшаларының құрылуы. DHTML

Пәннің атауы : «Web - технологиялары» СРС тақырыбы: Интернет қосымшаларының құрылуы. DHTML
технологиясы.

Орындаған: Иск 19-3 студенті – Сагитжанов Бауыржан

E-mail: b.sagitzhanov@aues.kz

Слайд 3

Әдебиеттер тізімі   1. https://ppt-online.org/630949 - Сайт с презентациями 2. https://spravochnick.ru/bazy_dannyh/zhiznennyy_cikl_bd/ - Справочник по теме 3.

Әдебиеттер тізімі 1. https://ppt-online.org/630949 - Сайт с презентациями 2. https://spravochnick.ru/bazy_dannyh/zhiznennyy_cikl_bd/ - Справочник
https://myimac.ru/it-industrii/dhtml-kak-instrument-vizualizatsii-sostoyaniya-kompyuternyih-setey/ - іздеу

Слайд 4

Web-қосымша

Web-қосымша - бұл клиент ретінде веб-браузерді пайдаланатын және веб-сервер жағында HTTP хаттамасын

Web-қосымша Web-қосымша - бұл клиент ретінде веб-браузерді пайдаланатын және веб-сервер жағында HTTP
пайдалана отырып жұмыс істейтін "клиент-сервер" архитектурасы бойынша әзірленген қосымша.

Слайд 5

•Іздеу жүйелері (google.ru),
•Ашық энциклопедиялар wikipedia.ru),
•Бейне жинақтар (youtube.com),
•Жаңалықтар жүйелері (lenta.ru),
•Радиостанциялардың, телеарналардың

•Іздеу жүйелері (google.ru), •Ашық энциклопедиялар wikipedia.ru), •Бейне жинақтар (youtube.com), •Жаңалықтар жүйелері (lenta.ru),
сайттары;
•Бизнес: дүкендер (ozon.ru);
•Әлеуметтік желілер (facebook.com);
•Көлік билеттерін сатып алу (rzd.ru);
•Блогтар (www.livejournal.ru).

Веб-қосымшалардың мысалдары:

Слайд 6

Веб-сайтты әзірлеу кезеңдері

1) Дайындық
2) Макетті әзірлеу
3) Беттеу
4) Бағдарламала орнату

Веб-сайтты әзірлеу кезеңдері 1) Дайындық 2) Макетті әзірлеу 3) Беттеу 4) Бағдарламала
CMS
5) Мазмұнмен толтыру
6) Сайтты интернетте жариялау
7) Сайтты жылжыту
8) Сайтты әкімшілендіру (қолдау)

Слайд 7

1. Дайындық кезеңі

• Сайттың мақсатын анықтау
• Мақсатты аудиторияны анықтау
• Күтілетін ақпаратты анықтау

1. Дайындық кезеңі • Сайттың мақсатын анықтау • Мақсатты аудиторияны анықтау •
Техникалық және бағдарламалық жасақтаманы таңдау•
• Навигацияны жоспарлау

Слайд 8

Определение требований к системе

Техникалық тапсырма - бұл болашақ сайттың негізгі компоненттері мен

Определение требований к системе Техникалық тапсырма - бұл болашақ сайттың негізгі компоненттері
талаптарын егжей-тегжейлі сипаттайтын құжат.
Техникалық тапсырма мыналарды қамтиды:
1. Сайт түрі (портал, промо, визитка, корпоративтік, дүкен және т.б.).
2. Сайт функционалы (іздеу, каталог, жаңалықтар легі және т.б.).
3. Дизайн стилі.
4. Сайт құрылымы.
5. Беттер құрылымы.

Слайд 9

2. Макетті (шаблонды)әзірлеу

Сайт макеті (шаблон) – сайт дизайнының графикалық көрінісі (сайт

2. Макетті (шаблонды)әзірлеу Сайт макеті (шаблон) – сайт дизайнының графикалық көрінісі (сайт
суреті).
Дайын макет форматта ұсынылады .psd (PhotoShop) немесе кез-келген форматтағы басқа формат (jpeg, png).

Слайд 10

3. Беттеу

Беттеу - мәтіндік, графикалық және басқа элементтерді құрастыру арқылы беттерді

3. Беттеу Беттеу - мәтіндік, графикалық және басқа элементтерді құрастыру арқылы беттерді
(макетті) қалыптастыру процесі. Беттеу – HTML тілін қолдана отырып бет кодын құру және оларды каскадты стильдер кестелері-CSS көмегімен жобалау.

Слайд 11

Беттеуге қойылатын талаптар:

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

Беттеуге қойылатын талаптар: Кроссбраузер - әртүрлі браузерлерде бірдей дисплей. Орналасудың икемділігі -
оңай қосу/жою мүмкіндігі.
Браузердің кодты өңдеу жылдамдығы.
Жарамдылық - стандарттарға сәйкестік.
Семантикалық дұрыстық - HTML элементтерін логикалық және дұрыс пайдалану.

Слайд 12

4. CMS бағдарламалау және орнату

Бағдарламалау тілі - алгоритмдерді сипаттауға арналған иконикалық

4. CMS бағдарламалау және орнату Бағдарламалау тілі - алгоритмдерді сипаттауға арналған иконикалық
жүйе.
Ең көп таралған тілдер:
•Java,
•C++,
•PHP,
• Perl,
• JavaScript және т. б.

Слайд 13

CMS

CMS - сайтты басқару жүйесі (Content management system, қозғалтқыш).
CMS - бұл

CMS CMS - сайтты басқару жүйесі (Content management system, қозғалтқыш). CMS -
әр түрлі деңгейдегі веб-сайттарды құруға және қолдауға мүмкіндік беретін арнайы платформа, бағдарламалық жасақтама.
CMS түрлері:
- тегін (Joomla, WordPress және т. б.);
- ақылы.
Сапалы веб-сайт құруға болатын барлық CMS PHP-дің соңғы нұсқасын және MySQL дерекқорын қолдауды қажет етеді. http://www.cmsmagazine.ru/catalogue/

Слайд 14

5. Сайтты мазмұнмен толтыру

Сайттың тиімділігі мазмұн ұғымымен байланысты. SEO копирайтингі қолданылады, бұл

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

Слайд 15

6. Сайтты интернетте жариялау

Домен атауын таңдау және тіркеу
Хостингті таңдау
Домендік атау - бұл

6. Сайтты интернетте жариялау Домен атауын таңдау және тіркеу Хостингті таңдау Домендік
Интернет желісінде сайтымызды таба алатын бірегей мекенжай.
Хостинг - бұл сайтымызды интернет желісіне жүктеуге арналған серверлік кеңістік.

Слайд 16

7. Сайтты жылжыту

SEO (Search Engines Optimization) - бұл танымал сұраулардың кейбір тізімі

7. Сайтты жылжыту SEO (Search Engines Optimization) - бұл танымал сұраулардың кейбір
бойынша іздеу жүйесінің нәтижелеріндегі интернет-сайттың орнын жақсартуға бағытталған іс-шаралар жиынтығы.
Оларға жатқызамыз:
1. Сайтты мәтіндік сілтемелермен алмасу жүйесіне қосу.
2. Сайтты баннерлік желіге қосу.
3. Хабарландыру тақталарын пайдалану.
4. Пайдалану бөтен тарату.
5. БАҚ пайдалану.
6. Ұқсас тақырыптық сайттармен сілтемелер алмасу.
7. Форумдарға, телеконференцияларға қатысу.
8. Сайттарды жылдам жылжыту жүйелеріне қатысу.

Слайд 17

8. Сайтты қолдау

Ресурсты өздігінен де, мамандардың қолдауымен де жаңартуға болады, әрине ақылы

8. Сайтты қолдау Ресурсты өздігінен де, мамандардың қолдауымен де жаңартуға болады, әрине ақылы негізде.
негізде.

Слайд 18

DHTML

DHTML" динамикалық HTML", яғни динамикалық HTML дегенді білдіреді. Тұрақты HTML-ден айырмашылығы, DHTML

DHTML DHTML" динамикалық HTML", яғни динамикалық HTML дегенді білдіреді. Тұрақты HTML-ден айырмашылығы,
пайдаланушының әрекеттерін ескере отырып, бетті динамикалық түрде өзгертуге мүмкіндік береді. DHTML қолданудың классикалық мысалдары-бұл сайттардағы әр түрлі ашылмалы мәзірлер, пайдаланушының шертуімен ашылатын панельдер мен ағаш тізімдері және т.б. техникалық тұрғыдан Dynamic HTML JavaScript, CSS және DOM көмегімен жүзеге асырылады.

Слайд 19

DHTML

Динамикалық HTML беттерін динамикалық сайттармен шатастырмаңыз. Біріншісі тек пайдаланушы ашатын браузер контекстінде

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

Слайд 20

DHTML

Дәстүр бойынша, Интернеттен жаңа ақпарат алу жаңа веб-бетті жүктеу болып табылады. DHTML

DHTML Дәстүр бойынша, Интернеттен жаңа ақпарат алу жаңа веб-бетті жүктеу болып табылады.
веб-бетті ішінара қалпына келтірудің немесе пайдаланушының сұранысы бойынша жүктелген беттің мазмұнын кеңейтудің арқасында веб-бетті жүктеуге (ашылу) уақыты мен трафикті үнемдейді. DHTML серверге сұрау салуға, сервер жауабын алуға және бетті қайта жүктеместен сұрау нәтижесін көрсетуге мүмкіндік береді.