Введение в html

бағдарламалау тілдері.

бағдарламалар мен жүйелерді жобалау.

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

(бакалавриат деңгейі бойынша)

• 
  Блум таксомониясы деңгейлері білім алушының әр пән бойынша нақты іс-әрекеттерін сипаттауы керек;
  
• 
  деңгейлер сипаттамасында пәннің мазмұнын ашатын ұғымдар қатысуы тиіс;
  
• 
  кестеде деңгейлер сипаттамасы мысал ретінде ұсынылды.
  

Оқу сабақтарында (дәріс, семинар, зертханалық сабақтар) қолданылатын әдіс-тәсілдер (мысалы интерактивті дискуссия, тренинг, ақпараттық-білім беру ресурстары және т.б.) және оқу процесін ұйымдастыру мен сүйемелдеудің ақпараттық-телекоммуникациялық технологиялары немесе бағдарламалық қамтамасыз етуге арналған техникалық талаптар көрсетілуі тиіс, мысалы виртуалды зертханалар, ZOOM, YouTube және т.б. ).

1. INTERNET тарихы.

2. WWW – дүниежүзілік өрмек. Гипермәтін, гиперсілтеме, мультимедиа.

3. HTTР- гипермәтінді беру хаттамасы.

4. Ақпараттық ресурстар көрсеткіші (URL).

5. FTP-файлдарды тасымалдау хаттамасы.

World Wide Web (Web) — бұл ақпараттық ресурстар желісі. Бұл желінің маңызды тетіктері: Web-тен ресурстарды іздеу үшін атаудың бірыңғай схемасы. Мысалы, URL (Uniform Resource Locator) – ресурстарды белгілеу әдісі. Ол хаттама атауынан, қос нүктеден, екі қиғаш сызықтардан "/", машина атауынан және ресурсқа жолдардан тұрады. Мысалы, http://www.edu.cassiopeia.com.ua/. Web арқылы атаулы ресурстарға қол жеткізу үшін хаттамалар. Мысалы, HTTP – Hyper Text Transfer Protocol) - гипермәтін беру хаттамасы). Гипертекст ресурстар бойынша қарапайым жылжыту үшін ұсынылған (мысалы, HTML - Hyper Text Markup Language). Гипертекст-гиперсілтемелер (басқа құжаттарға сілтеме) бар құжат. Web-бағдарламалау - бұл web-қосымшаларды құру үшін қолданылатын бағдарламалаудағы жеке бағыт. Интернет технологиялардың жедел даму қарқынына байланысты осы салада үнемі жаңа бағыттар пайда болуда. Сондықтан Web-бағдарламалау қалыптасқан ғылым емес, Интернет желісінде пайдаланушының жұмысын ұйымдастыру үшін қолданылатын қолданыстағы бағдарламалық технологиялардың (клиенттік және серверлік) жиынтығы. Сервер-құжаттар мен қосымшалар бар компьютер. Клиент-серверде сақталатын құжаттар мен қосымшаларды қарау үшін пайдаланылатын жұмыс станциясы.
Бекіту сұрақтары:

1. 
   Web-технологиялар пәні нені зерттейді?
   
2. 
   Протокол деген не?
   
3. 
   HTTP, URL, www ұғымына түсіндірме беріңіз
   

Сұрақтары: Www архитектурасы: клиент/серверлік интернет архитектурасы. Клиенттік Web-технологиялар; серверлік Web-технологиялар.

Көптеген World wide web қосымшалары web серверімен басқарылатын ішкі бағдарламаларды қолдануға негізделген. Берілген бағдарламаларды қолдану динамикалық жаңару мәліметтерімен web қосымшасын құруға мүмкіндік береді. Мәліметтер базасында сақталған немесе шешілетін тапсырмалардың бизнес ережелеріне бағынышты генерилданады. Web серверімен және шақырылатын бағдарламалар арасындағы байланыс үшін CGI кеңінен қолданылады, windows бағдарламасы үшін сондай-ақ Unix ортасындағы функционалданатын қосымшалардың нақтылығы бар. CGI, HTTP, Web сервер типтерінің ақпараттық серверімен ішкі қолданбалы бағдарламасының интерфейстің стандарты болып табылады. Әдетте, WWW серверінен гипермәтінді құжаттар статикалық мәліметтерден тұрады.

CGI-дің көмегімен CGI бағдарламаларын құруға болады, олар шлюз деп аталып қолданбалы жүйелер, мәліметтер базасын басқару жүйесі, электрондық кесте жұмыстық графика тағы да басқалардың қарым – қатынасы экранға қолданушының динамикалық ақпаратын шығара алады.

Шлюз бағдарламасы WWW серверінің нақты масштаб уақытында іске асырылады. WWW сервер қолданушының шлюз тапсырмасын қамтамасыз етеді, ал ол өз кезегінде қолданбалы жүйелік ортаны қолдана отырып, қолданушының экранына өңделген сұраныс нәтижесін қайтарады. Бағдарлама-шлюз C/C++, Fortran, Perl, TCL, Unix Schell, Visual Basic, Apple Script. тілдерінде кодталған болуы мүмкін. Ол әдетте, директорияда cgi-bin www сервер атымен орындалатын модуль сияқты болып жазылады. Бүкіл интернет және www-дің кейбір бөліктері «клиент-сервер» технологиясы бойынша жұмыс істейді, яғни барлық бағдарламалық қамтамасыздандыру клиенттік және серверлік бөліктерге бөлінеді. Сондай – ақ олардың арасында функцияналдық міндеттер ажыратылған. Клиент жұмыстың принципін сервердің ішкі алгоритмдік іске асырылуын білмейді, білуі тиіс де емес, ал сервер клиенттің жұмыстарына араласпайды. Бұл бөліктердің ара қатынасы үшін арнайы хаттама шығарылған (бұл жағдайда HTTP хаттама), және де сервермен клиент арасындағы қарым – қатынасты осы хаттама ішінде іске асырылады. Браузерге бәрібір серверде қандай бағдарламалық қамтамасыздандыру тұрғаны, онда қандай операциялық жүйенің болуы, серверде сұраныс құжаттарі қай жерде жатқаны. Сервер сіздің браузеріңіздің жұмысына араласпайды, клиент берілген ақпаратпен не істейді, қалай көрсетеді, дискі де сақтайды ма, әлде сақтамайды ма серверге бәрібір. Әдетте, серверге сұраныстан деп түсіндіріледі
Әдебиет: [1], [2],[3].

Өткізу форматы: ("төңкерілген класс" әдісі, дәріс-презентация)
1.2. Internet желісін ұйымдастыру принциптері.

Сұрақтары. World Wide Web. Желілік хаттамалар. "Клиент-сервер" технологиясы.

World Wide Web (Бүкіл дүниежүзілік өрмек) интерактивті мультимедиялық гипермәтінді ортасы замануи түрде бірнеше факторлардың бар болуына орай туындады. Олардың бірі: платформалық –ақпаратты таратудың тәуелсіз әдісі. Компьютерлер (DOS, Windows тұқымдастары, Windows NT, Mac OS, UNIX тұқымдастары, Linux және басқа.) операциялық жүйелермен бірге әртүрлі (мәтіндік, дыбыстық, графикалық) «қолданушы орталарын» жүзеге асыратын бағдарламаларды жасайтын платформалар құратыны мәлім.

Желіде өзара іс-қимыл дұрыс болуы үшін нақты компьютерлік платформаларға байланысты емес құралдар қажет. Мұндай құралдар желілік хаттамалар мен біртұтас адрестік кеңістік болып табылады.

Ал келесі желідегі компьютерлердің өзара тиімді әрекеттестікті қамтамасыз ету маңызды сұрағы желіге қолжетімділік мәселесімен және, сәйкесінше, ақпаратқа қолжетімділікпен байланысты. Қазіргі уақытта желіге кіру мүмкіндігі компьютерлеркөмегінсіз де жүзге асады. Ұялы телефондар, қалта компьютерлері, Web TV осындай мүмкіндіктергеие, бірақ компьютерлерден экран өлшемімен және енгізу құрылғылармен өзгешеленеді. Сондай-ақ Интернетке кіру мүмкіндігі ақпарат беру тәсіліне (мәтіндік, графикалық және сөйлеу браузерлері) қарай ерекшеленеді. Бұл мәселелердің шешімі құжаттардың мазмұнын және құрылымын бөліну идеясының олардың ұсынуына байланысты. Әр түрлі құрылғыларда ұсыну әр түрлі болуы мүмкін, бірақ құрылымы мен мазмұны өзгеріссіз қалады. "Клиент-сервер" технологиясын жетілдіру көп функциялы графикалық браузерлердің пайда болуымен, клиенттік және серверлік кеңейтуді қамтамасыз ететін тиімді интерактивті өзара іс-қимылды, сондай-ақ, тілдерді жазу сценарийлерін және серверлік бағдарламалардыжетілдіруге байланысты екенін атап өтуге болады
Әдебиет: [1], [2],[3].

Өткізу форматы: ("төңкерілген класс" әдісі, дәріс-презентация)
1.4. Web-Сайттарды жобалау мәселелері.

Сұрақтары. Web-сайттарды жіктеу. Web-сайттар типтері. Web-сайттар категориялары

Web-сайттар құрылымы.

Сайт деп қандай да бір форматта (мысалы, HTML немесе XML) гипермәтіннің навигациялармен (сілтеме) бірыңғай логикалықкеңістікке біріктірілген беттер жиынтығын атауға болады. Бұл Web-беттер жиынтығының жалпы құрылымы иерархиялық болып келеді. Web-сайт жобалау мен дизайнды, сондай-ақ бағдарламалық қамтамасыз ету компоненттерін құру мен ақпараттық сайт толтыруды байланыстырады.

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

Web-сайттарды құру үшін тікелей бағдарламалаумен пайдалануға болады, сондай-ақ Web-қосымшаларын жасау тілдері: Delphi, Java, XML, CSS, JavaScript, HTML, Flash және басқа да. Ал Web-құжаттарды құру және редакциялау бағдарламалық құралдарын пайдалануға болады. Бұл бағдарламалар Macromedia Dreamweaver, HomeSite, Microsoft FrontPage, Adobe Photoshop және басқа. Мысалы, қарапайым сайтты құруды көзбен шолу конструкторына – WYSIWYG (What You SeeIs What You Get) –экранды редакторына сеніп тапсыруға болады.

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

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

Әрбір жаңа келушімен сайт өзгеретін болса, онда мұндай сайт дербестендірілген деп аталады

Метафоралық сайттар –нақты әлемнен алынған, метафораға негізделген. Эксперименттік сайттар сайттың мазмұны мен шарлауын жаңа нұсқада ұсынады.

- Ақпараттық сайттар (өкіметтік, білімдік, жаңалықтар сайттары, коммерциялық емес ұйымдар, религиялық топтар және басқа). Бұл сайттарда нақты тақырыптар немесе белгілі бір ұйымдар бойынша мәлімет беріледі. («буклеттік қамтамасыз ету»).

- Операциялық сайттар. Мұндай типті сайттар қандай да бір операцияны немесе есепті шығару үшін қолданылады. (мысалы, электронды коммерция).

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

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

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

- Дербес сайттар (мысалы, үй-беттер). Мұндай сайт жеке адамның қалауы бойынша, адамдар тобының, шығармашылық идеясын немесе жеке тұлғаның өзін-өзі таныту нысаны бойынша жасалады.

- Қоғамдық сайттар. Мақсаты белгілі бір қоғамның мүшелері үшін кездесетін орын (кездесулер) жасау, онда олар өзара сөйлесуге, басқа адамдармен қарым-қатынас жасауға мүмкіндігі болады.

- Көркем сайттар. Бұл сайт қандай да бір автордың өзін өзі дамытуына, шығармашылығына арналған. Мұндай сайттыңмақсаты– оның келушілерін шабыттандыру, көңіл күйін көтеру.

- Навигациялық сайттар (порталдар). Сайттың міндеті –Интернет бойынша іздеуге көмек көрсету.

Web-сайттар барлық жерде келесі үш жалпы санатқа қабылданды:

• 
  Жалпы қолжетімді Web-сайттар (public);
  
• 
  экстражелілік (extranet);
  
• 
  ішкі желілік (intranet).
  

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

Сайттар құрылымы түрліше болады – жай қарапайым ұйымнан күрделі аралас иерархияға дейін.

Сайттар құрылымын жасағанда әрқашанда когнитологияның (ой туралы ғылым) ашылуын ескеру керек және сайт тереңдігі мен сілтемелер диапозонының кеңдігі арасындағы теңгерімге қол жеткізуге тырысу керек.

Сайт үшін дұрыс құрылымды таңдау ақпараттық архитектура деп жиі аталатын беттер жиынтығы түрінде ақпаратты ұсынуға әкеліп тірейді.

Әрбір Web-сайттың екі құрылымдық жағы бар: логикалық және физикалық құрылым. Логикалық құрылым басқа құжаттармен байланысқан құжаттарды сипаттайды. Логикалық құрылым олардың арасындағы байланысты анықтайды. Физикалық құрылым құжаттың шын мәнінде қай жерде жатқанын сипаттайды, мысалы, Web-сервердегі құжат каталогына жол немесе оның деректер қорындағы орналасуы.

Web-сайттардың көпшілігі аралас -иерархиялық көзқарасты қолданады немесе Web-сайт мақсатына қарай құрылымдардың бірнеше типтері араластырыла алады
Әдебиет: [1], [2],[3].

Өткізу форматы: ("төңкерілген класс" әдісі, дәріс-презентация

1.5 HTML құжатының құрылымы. Мәтінді пішімдеу. 1 сағ.

Сұрақтары:HTML-ге кіріспе: негізгі ұғымдар мен анықтамалар; программалау құралдары мен технологиялары. HTML құжат құрылымы: құжат құрылымы; тегтердің құрылымы мен параметрлері.

HTML (HyperText Markup Language) – гипермәтіндік құжаттарды жасау тілі. HTML бағдарламалау тілі болып табылмайды, өйткені тек деректерді ұсынуға арналған (Тіл командалары клиентке қандай түрде құжаттың сол немесе басқа бөлігі көрсетілуі тиіс екенін көрсетеді). HTML тілінде арнайы операторлар - тэгтер (ағылш.tag - ярлык) қолданылады.Кез келген тег 3 элементтен тұрады: жақшамен белгіленген тег басы (тегті ашатын)<>, тег денесі (мысалы, мәтіндік ақпарат) және жақшамен белгіленген тег соңы (тегті жабатын)).

HTML өзінің туған уақытынан бастап (1989 ж.) үнемі дамыды, стандарттардың өзгерістері мен толықтыруларына тұрақты ұшырап отырды. Бұл курста HTML 4.0 соңғы нұсқасы қарастырылады.

HTML 4.0 ерекшелігіне сәйкес HTML құжат құрылымы келесідей:

Тело документа

Бұл қарапайым HTML құжат.

Тағы HTML құжаты.

жүктеу/скачать 95,1 Kb.

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