Студопедия — ИНТЕРНЕТ ТЕХНОЛОГИЯЛАР
Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

ИНТЕРНЕТ ТЕХНОЛОГИЯЛАР






ИНТЕРНЕТ ТЕХНОЛОГИЯЛАР

пәні бойынша зертханалық жұмыстар

«050702-Автоматтандыру және басқару» мамандығының;

4 курс студенттеріне арналған

 

Дайындаған: магистр оқытушы Аманов А.Н

 

 
ТҮРКІСТАН 2013

 

Зертханалық жұмыс Қазақстан республикасы Білім және Ғылым министрлігі 23.12.2005ж. №779 бұйрығымен бекітілген Мемлекеттік жалпыға міндетті білім стандарты, мамандықтың типтік оқу жоспары және осы пәннің университет ОӘК бекітілген оқу бағдарамасы негізінде дайындалған.

 

 


Кіріспе

 

Аталмыш зертханалық жұмыстар жинағы студенттердің Internet құрылымы, Internet-тің желілі протоколдары, программалау мен адрестеу принциптері, Internet- қолданбаларды әзірлеудің құралдарын меңгеруіне және де қазақ тілінде жазылға басылымдарға деген сұраныстарға байланысты туындап отыр.

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

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

Әдістемелік нұсқау 050702 –Автоматтандыру және басқару мамандығының студенттеріне арналған.

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


Зертханалық жұмыс № 1

Тақырыбы:HTML тілінің негіздері. HTML –құжатының құрылымы. Параграфтар, жолдар,

тақырыптар, тақырыпшалар, HTML – құжатындағы фрагменттер.

Сабақтың мақсаты:HTML- тілінің көмегімен қарапайым WEB- парақтар жасап үйрену.

Қажет құралдар мен қойылатын талаптар: дербес компьютер, Блокнот(Hotepad) және Internet Explorer программалары, сонымен бірге компьютерде қолданушы ретінде жұмыс жасай білу керек.

Жұмыстың орындалу реті:

1. Теориялық материалды игеру.

2. Жұмыстың орындалуы.

3. Бақылау сұрақтары.

 

Зертханалық жұмыстың орындалуына есеп беру формасы:

1. Зертханалық жұмыс номері

2. тапсырма

3. Бағдарлама мәтіні.

4. Тестілеу нәтижесі.

5. Бақылау сұрақтарына жауап беру.

 

Әдістемелік нұсқау

HTML форматында текст элементін қоюдың жалпы схемасы келесі түрде жазылуы

мүмкін:

<"элемент аты" "атрибуттар тізімі"> элемент мазмұны </"элемент аты">.

Элемент мазмұнының алдындағы конструкция элемент басының тегі деп аталады, ал элемент мазмұнынан кейін орналасқан конструкция элемент соңының тегі деп аталады.

HTMLқұжатының құрылысы бірінің ішіне бірі салынған контейнерлерді қолдануға мүмкіндік береді. Шынында да, құжаттың өзі бұл "HTML" атымен аталатын бір үлкен контейнер:

<HTML> Құжат мазмұны </HTML>;

HTML элементінің өзі немесе гипертексттік құжат құжаттың басынан (HEAD) және денесінен (BODY) тұрады:

<HTML> <HEAD>;

Тақырып мазмұны

</HEAD> <BODY>;

Құжат денесінің мазмұны

</BODY> </HTML>;

WWW-да әрбір құжаттың өз аты бар, оны басында көрсетеді. Оны интерфейс-

программасының бірінші жолында көруге болады. HTML бетінің аты <TITLE>;тегінің көмегімен басына қосылады.

HTML құжатын жазуды бастай отырып, оның сондай түрде болатынын теңестіреміз. Мұндай теңестіру құжаттың ең басына <!DOCTYPE HTML PUBLIC ``-//W3C//DTD HTML

3.2//EN''> тегін қою жолымен жүргізіледі. DOCTYPE тегі SGML тілінің тегі болып табылады және құжат HTML 3.2 спецификасына сәйкес сипатталатын болатынын хабарлайды.

Барлық программалау тілдеріндегідей HTMLтілінде де тексттің белгілі-бір бөліктеріне түсініктеме беретін әдісі бар. Түсініктемелер <! - - және - - > тізбектерінің арасына жазылады.

Жұмыстың орындалу тәртібі

 

1. HTML - құжат-бұл аты.htm қосымшасы бар, қарапайым мәтіндік құжат.Мына,HTML-құжатты Блокнотта теріп шығыңыздар:

<html>;

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

<title>;

1-ші мысал

</title>;

</head>;

<body>;

<HI>;

Сәлем!

</HI> Бұл HTLM- құжаттың ең қарапайым мысалы.

<P> Мәтіндік алты түрлі көлеммен көрсетіле алады. Олардың түсін де, қаріп типін де, фон түсін де өзгертетін мүмкіндіктер бар. Мәтін ішіне суреттер орналастыруға да болады.

</P> </body> </html>;

Енді осы терілген құжатты, мысалы, Tl.html деген атпен дискіде сақтау керек. Сонда оның белгішесі өзгеріп Интернетте көруге болатын түрге айналады.

Бұл Tl.htm файлын бір мезетте Internet Explorer -де және Блокнотта ашып, оларды түрлендіріп көруге болады. Ол үшін файлды Internet Explorer -де ашқаннан соң, Түр-HTML түрінде (вид-в виде НТМL) командаларын орындау қажет.Сонда файлдың алғашқы мәтіні Блокнотта ашылып, оны түрлендіріп өзгерту мүмкіндігіне ие боламыз.Қажетті өзгертулер енгізіп оны қайта сақтап, осы өзгертулердің HTML-құжатта іске асқанын көру үшін, Internet Explorer-де Түр-Жаңалау (Вид-Обновить) командасын орындау керек немесе Саймандар тақтасында осы командаға сәйкес батырманы басса болғаны.

Сонымен кез келген программа мәтінін Блокнотта тергеннен кейін, оған өз қалауыңызша ат беріп, оны *.htm түрінде сақтау керек. Тергеніңіздің нәтижесін экранда көру үшін, оның атын тышқанмен екі шерту керек немесе Internet Explorer-де ашу қажет.

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

3. Бұл мысалдағы <html>…</html>;белгілерінің ортасына HTML-құжаты жазылады, яғни

<html> құжатының басын, ал </html> оның аяқталғанын көрсетеді.

<head>…</head>- бұл қос белгі құжат тақырыбының басын және соңын білдіреді. Бұл бөлімде құжат тақырыбынан басқа әртүрлі қызмет атқаратын мәліметтер (төмендегі <title> белгісін қараңыз) жазылуы мүмкін, олар жайлы біз кейінірек айтамыз.

<title>…</title>;

<title> және </title> белгілерінің арасында жазылған сөздерді браузер құжаттың аты деп

түсінеді, ол терезе тақырыбында көрсетіледі.Осы құжатты принтер арқылы баспадан шығарғанда, браузер оны әр парақтың сол жақ жоғары бұрышына жазып отырады. Атаудың өте ұзын болмағаны дұрыс, әдетте ол 64 символдан аспауы керек.

<body>…</body>;

Бұл қос белгі HTML-құжаттың негізгі мазмұндық белгінің басын және соңын білдіреді.

<H1>…</H1>-<H6>…</H6>;

<H1> белгісі (мұндағы і-1-ден 6-ға дейінгі бүтін сан) алты түрлі сатыдағы символдар

мөлшерін таңдау мүмкіндігін береді. Бірінші сатыдағы тақырып ең ірісі, алтыншы сатыдағы ең кішісі.

<P>…</P> немесе <P>

Бұндай қос белгі абзацты сипаттайды.Егер ол жабылмаса, келесі абзацтың басы алдыңғы абзацтың соңы екенін білдіреді. Жалпы <P> және </P> белгілерінің арасында жазылғандардың барлығы бір абзац ретінде қабылданады.

<Hi> және <P> белгілерінің қосымша ALIGN (оқылуы «элайн»,ағылшынның «туралау» деген сөзінен) атрибуты болуы мүмкін.Мысалы:

<HI ALING=CENTER> тақырыпты ортаға жылжыту </HI> немесе <PALIGN=RIGHT>

абзацты оң жақ шетке жақындатып туралау түрі </P>

4.Үйренгеніміздің барлығын тиянақтап, төмендегі 2-мысалды орындайық:

Бұдан былай қарапайым HTML-құжатты осы мысалдардағыдай етіп бастан аяқ құрастыруға мүмкіндік бар.

<html><head><title> 2-мысал </title></head>;

<body>;

<H1 ALING=CENTER>Сәлем! </H1>;

<H2> Бұл HTML-құжатының сәл күрделірек мысалы </H2>;

<P> Енді біз абзацты,тек сол жақ шетке ғана туралап жазбай,

<P ALING=CENTER> ортаға қарай </P><P ALING=RIGHT>;

Немесе оң жақ шетке де туралауға болатындығын білеміз.</P>;

</body>;

</html>;

5.Енді біз осы қарапайым HTML-құжатты қалай жақсартуға болатындығын сөз етеміз. Жаңа жолға көшу белгісінен бастайық.

<html><head><title> 1-мысал </title></head>;

<body><H1> Сәлем! </H1>;

<P> Бұл HTML-құжаттың ең қарапайым мысалы. </P>;

<P> Бұл *.htm-файлды Notepad және Internet Explorer-де ашуға болады.Өзгертулер енгізілгеннен кейін Блокнотта АТЫ.HTM деген форматта сақтаңыз.Енді өзгертулердің HTML-құжатқа енгенін көру үшін, файлды жауып, АТЫ.HTM құжатын шақырыңыз.

</body></html>;

<BR> белгі абзацты бөлмей, келесі сөзді жаңа жолға көшіру керек болған жағдайда қолданылады. Өлең жазуға өте ыңғалы. Өлеңнен мысал келтірейік:

<html><head><title> 3-мысал </title></head>;

<body>;

<H1>Өлең</H1>;

<H2>Абай</H2>;

<P> Айттым сәлем, Қаламқас <BR> Саған құрбан мал мен бас. <BR> Сағынғаннан сені ойлап, <BR> Келер көзге ыстық жас. </P>;

<P> Көзімнің қарасы,<BR> Көңілімнің санасы. <BR> Бітпейді іштегі, <BR> Ғашықтық жарасы </P>;

</body>;

</html> <HR>;белгісі көлденең сызық сызады.Бұл белгінің қосымша SIZE (сызықтың пиксельмен берілген қалыңдығын анықтайды) және WIDTH (экранның еніне қатысты, сызықтың пайызбен берілген ұзындығын анықтайды) атрибуттары бар. 4-мысалда көлденең сызықтардың кішігірім жинағы берілген.

<html><head><title> 4-мысал </title></head>

<body>

<H1>Көлденең сызықтар жинағы </H1>

<HR SIZE=2 WIDTH=100%><BR>

<HR SIZE=4 WIDTH=50%><BR>

<HR SIZE=8 WIDTH=25%><BR>

<HR SIZE=16 WIDTH=12%><BR>

</body>

</html>

6.Енді түрлі түсті мәтін жазып үйренейік. Ол үшін басқа түске боялатын мәтін үзіндісін

<font color=”red”>…</font>;белгілерінің арасына жазу керек.

<html><head><title>3-мысал </title></head>

<body>

<H1> өлең </H1><H2> Абай </H2>

<font color=”red”>

<P>Айттым сәлем, Қаламқас, <BR>

Саған құрбан мал мен бас. <BR> Сағынғаннан сені ойлап, <BR> Келер көзге ыстық жас. <BR> Көзімнің қарасы, <BR> Көңлімнің санасы. <BR> Бітпейтін іштегі, <BR> Ғашықтық жарасы. </font>

</body></html>

 

HTML базалық тегтерінің тізімі

 

 
Бастапқы Соңғы Суреттеу
<HTML> </HTML> HTML-құжатты белгілеу
<HEAD> </HEAD> Құжаттың тақырыптық бөлімі
<TITLE> </TITLE> Құжат тақырыбы
<BODY> </BODY> Құжат денесі
<H1> </H1> Бірінші азат жол деңгейінің тақарыбы
<H2> </H2> Екінші азат жол деңгейінің тақарыбы
<H3> </H3> Үшінші азат жол деңгейінің тақарыбы
<H4> </H4> Төртінші азат жол деңгейінің тақарыбы
<H5> </H5> Бесінші азат жол деңгейінің тақарыбы
<H6> </H6> Алтыншы азат жол деңгейінің тақарыбы
<P> </P> Азат жол
<PRE> </PRE> Форматталған мәтін
<BR>   Қайта-қайта азат жол аудармасы
<BLOCKQUOTE> </BLOCKQUOTE> Цитата
 
 

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

 







Дата добавления: 2015-10-19; просмотров: 888. Нарушение авторских прав; Мы поможем в написании вашей работы!



Композиция из абстрактных геометрических фигур Данная композиция состоит из линий, штриховки, абстрактных геометрических форм...

Важнейшие способы обработки и анализа рядов динамики Не во всех случаях эмпирические данные рядов динамики позволяют определить тенденцию изменения явления во времени...

ТЕОРЕТИЧЕСКАЯ МЕХАНИКА Статика является частью теоретической механики, изучающей условия, при ко­торых тело находится под действием заданной системы сил...

Теория усилителей. Схема Основная масса современных аналоговых и аналого-цифровых электронных устройств выполняется на специализированных микросхемах...

Функциональные обязанности медсестры отделения реанимации · Медсестра отделения реанимации обязана осуществлять лечебно-профилактический и гигиенический уход за пациентами...

Определение трудоемкости работ и затрат машинного времени На основании ведомости объемов работ по объекту и норм времени ГЭСН составляется ведомость подсчёта трудоёмкости, затрат машинного времени, потребности в конструкциях, изделиях и материалах (табл...

Гидравлический расчёт трубопроводов Пример 3.4. Вентиляционная труба d=0,1м (100 мм) имеет длину l=100 м. Определить давление, которое должен развивать вентилятор, если расход воздуха, подаваемый по трубе, . Давление на выходе . Местных сопротивлений по пути не имеется. Температура...

Типовые ситуационные задачи. Задача 1.У больного А., 20 лет, с детства отмечается повышенное АД, уровень которого в настоящее время составляет 180-200/110-120 мм рт Задача 1.У больного А., 20 лет, с детства отмечается повышенное АД, уровень которого в настоящее время составляет 180-200/110-120 мм рт. ст. Влияние психоэмоциональных факторов отсутствует. Колебаний АД практически нет. Головной боли нет. Нормализовать...

Эндоскопическая диагностика язвенной болезни желудка, гастрита, опухоли Хронический гастрит - понятие клинико-анатомическое, характеризующееся определенными патоморфологическими изменениями слизистой оболочки желудка - неспецифическим воспалительным процессом...

Признаки классификации безопасности Можно выделить следующие признаки классификации безопасности. 1. По признаку масштабности принято различать следующие относительно самостоятельные геополитические уровни и виды безопасности. 1.1. Международная безопасность (глобальная и...

Studopedia.info - Студопедия - 2014-2024 год . (0.008 сек.) русская версия | украинская версия