22. Браузер объектілері мен оқиғалары

Броузердің негізгі атқаратын қызметтері:

1. Құжат сақталған Web – сервермен байланыс орнату, жинақталған құжаттың барлық бөліктерін жүктеу.

2. HTML тілінің тегтерін команда ретінде орындау(интерпретациялау), Web – парақтарды броузер жұмыс істейтін компьютердің мүмкіндіктеріне сәйкес бейнелеу және форматтау.

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

4. Web – парақтарды іздеу жолын автоматтандыруды қамтамасыз ету және бұрын жұмыс істеген Web – парақтарымен қантынас құруды жеңілдету.

5. Басқа Интернет қызметтерімен жұмыс істеуге арналған ішкі және жеке (автономды) құралдармен қатынас құруды ұйымдастыру

Internet Explorer программасы Web – парақтарды қарауға арналған. Ол бейнелейтін ақпараттың дыбыстық және бейнесөйлемдеулерімен қоса Web – парақтарды құрастырушылар жинақталған барлық жаңа мүмкіндіктерді қамтиды. Internet Explorer программасымен танысу үшін компьютерде Интернетпен байланыс орнатылуы тиіс.

Тақырыптан кейінгі жолда меню орналасқан. Менюдің көмегімен Internet Explorer программасымен кез келген командасын таңдау мүмкіндігін бар.

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

Саймандар тақтасының төменгі жағында өзіңіз қарағыңыз келетін парақ адресін енгізуге арналған қріс орналасқан. Адрес енгізуге арналған өріс орнына Web – парақтарға бірқатар сілтемелер бар тақтаны орналастыруға болады. Сілтеме (Ссылка) – бұл Интернет желісіндегі қандай – да бір Web – рақтың адресі бекітіліген белгіше. Сілтемелер тақтасын шығару үшін Сілтемелер өрісін таңдау керек.

Қалып – күй қатары (Строка состояния) дәл сол мезетте Internet Explorer программасы орындаған әрекеттерді көрсетуге (индикациялауға) арналған. Internet Explorer –де кәсиби жұмыс істеу үшін осы қатардағы жазуды міндетті түрде дұрыс талдай білу қажет. Интернетпен жұмыс істеу кезінде қалып – күй қатарына ақпараттар көзінің адрестері, күту режимі жөнінде, тапсырыс берген құжаттың дайындыы және басқа да пайдалы мәліметтер үнемі шығып тұрады.

23. Құжаттың объектік моделі

Объектная модель документа — интерфейс программирования приложений для HTML и XML-документов^[19]. Согласно DOM, документу можно поставить в соответствие дерево объектов, обладающих рядом свойств, которые позволяют производить с ним различные манипуляции:

• получение узлов,

• изменение узлов,

• изменение связей между узлами,

• удаление узлов.

DOM (от англ. Document Object Model — «объектная модель документа») — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.

Модель DOM не налагает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями "родительский-дочерний".

Изначально различные браузеры имели собственные модели документов (DOM), несовместимые с остальными. Для того чтобы обеспечить взаимную и обратную совместимость, специалисты международного консорциума W3C классифицировали эту модель по уровням, для каждого из которых была создана своя спецификация. Все эти спецификации объединены в общую группу, носящую название W3C DOM.

Еще один интерфейс прикладного программирования, называемый JDOM

 

, обеспечивает более высокий, чем W3C DOM, уровень для работы с XML-документами на Java.

23-56. Құрамдас ішкі объектілер, тұтынушы объектісі:

Құрамдас ішкі объектілер және тұтынушы объектісі JavaScript тілінде ішкі құрамдас объектілер көп. Оларды программалау қажет емес, олар тіл ішінде орнатылған. Бұл – браузердің программалық кодына осы объектілер коды кіреді деген сөз. Програм-малаушы осы объектілердің интерфейсін білуі тиіс, олардың бір экземплярын жасай білуі керек, сонда ол өз қалауынша ішкі объектілерді пайдалана алады. JavaScript жаңа объектілерді программалауға және олардың ішкі объектілерін өзгертуге мүмкіндік береді. Енді бірнеше ішкі объектілер жұмысын қарастырайық. 2. Date объектісі JavaScript тілінің ішкі объектілерін қарастыруды өте пайдалы болып саналатын Date объектісінен бастайық. Бұл объект күн-ай мерзімімен (датамен) және уақытпен жұмыс істеу үшін керек. Объект экземплярын жасау үшін (Date объектісі-нің ғана емес, одан басқасының да) JavaScript тілінде new түйінді сөзі қолданылады: var now = new Date(); Енді now айнымалысы Date объектісі экземпляры болып табылады да, ол үстіміздегі дата мен уақытты береді. Жалпы экземпляр жасау былай орындалады: var айнымалы = new Date(параметрлер); Келесі параметрлерді көрсетуге болады: Мысал var now = new Date(); var birthday = new Date(1954,1,8); var bell = new Date(2003, 0,14,12,20,0); Сипатталуы now экземпляры ағымдағы дата мен уақытты береді.

Loading...

birthday экземпляры 8 февраль 1954 жыл (ай нөмірі нөлден басталады) датасын береді. bell экземпляры 14 январь 2003 ж. 12 сағат 20 минут уақытты береді Date объектісі экземпляры құрылғаннан кейін, оның ішкі мәліметтерін көруге болады, оны өзгерту мүмкіндігі де бар . Ол үшін көптеген тәсілдер бар, олардың тізімі тілге арналған кітап қосымшаларында келтіріледі. Объект тәсілі аты (тәсіл – JavaScript терминологиясында функция) экземпляр атынан нүктемен бөлініп жазылып тұрады. Былай жазуға болады: var year = bell.getYear(); year айнымалысы мәні 2003 болады. Date объектісінің бірнеше қарапайым скриптерін қарастырайық. Ағымдағы дата және уақыт var now = new Date(); alert("Сегодня:"+now.getDate()+"/"+ (now.getMonth()+1)+"/"+ now.getYear()+"\nСейчас: "+now.getHours() +":" +now.getMinutes()); Осы кодтарды жазған кезде скрип- ті орындау мынадай хабарлама шығуына себепші болады. Жыл басынан бергі күндер саны var now = new Date(); // Текущая дата и время. var begin = new Date(now.getYear(),0,1); // Начало текущего года. // Число миллисекунд от начала года: var num = now.getTime()-begin.getTime(); var msPerDay = 24 * 60 * 60 * 1000; // Число миллисекунд в сутках. num /= msPerDay; // Число дней с начала года. // Покажем результат: alert("Прошло " + Math.floor(num) + " дней с начала года");

24. XSL стильдік таблицалар. Құжатпен жұмыс қалай жасалады? (13-сұрақ жауабы)

XSL – XML-құжаттарды өзгерту тілі.

XSL көмегімен XML-құжатты HTML, WML, RTF, PDF, SQL, SWF құжаттарға өзгертуге болады.

XML-құжатты XSL-дің көмегімен өңдеу үшін, XML-құжатта келесі инструкцияны жазу керек:

<?xml-stylesheet type="text/xsl" href="my-style.xsl"?>

Рекурсивті цикл

XML

<?xml version="1.0"?>

<?xml-stylesheet type="text/xsl" href="for.xsl"?>

<root/>

XSL

<?xml version="1.0"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="root">

<HTML>

<BODY>

<xsl:call-template name="for">

<xsl:with-param name="i" select="1"/>

<xsl:with-param name="n" select="5"/>

</xsl:call-template>

</BODY>

</HTML>

</xsl:template>

<xsl:template name="for">

<xsl:param name="i"/>

<xsl:param name="n"/>

<xsl:value-of select="$i"/>

<xsl:if test="$i < $n">

<xsl:text>, </xsl:text>

<xsl:call-template name="for">

<xsl:with-param name="i" select="$i+1"/>

<xsl:with-param name="n" select="$n"/>

</xsl:call-template>

</xsl:if>

</xsl:template>

</xsl:stylesheet>

Жылдарды топтастыру және сұрыптау

XML

<?xml version="1.0"?>

<?xml-stylesheet type="text/xsl" href="years.xsl"?>

<root>

<object year="2003"/>

<object year="2001"/>

<object year="2005"/>

<object year="2005"/>

<object year="2003"/>

<object year="2006"/>

<object year="2006"/>

<object year="2006"/>

<object year="2005"/>

<object year="2001"/>

</root>

XSL

<?xml version="1.0"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:key name="years" match="/root/object" use="@year" />

<xsl:template match="root" priority="-1">

<HTML>

<BODY>

<xsl:for-each select="object[generate-id()=generate-id(key('years',@year))]">

<xsl:sort select="@year" order="descending"/>

<xsl:value-of select="@year" />

<xsl:if test="position()!=last()">

<xsl:text>, </xsl:text>

</xsl:if>

</xsl:for-each>

</BODY>

</HTML>

</xsl:template>

</xsl:stylesheet>

25. XML схема деген не? Схемалардың маңызы (3-сұрақ жауабы)

XML (Extensible Markup Language) – кеңейтілген белгілеу тілі.

XML – HTML тілі сияқты белгілеу тілі болып саналады.

XML мәліметтерді анықтау үшін жасалған.

XML тілінде тегтер анықталмаған, тегтерді өзіміз анықтаймыз.

XML деректерді анықтау үшін DTD (Document Type Definition – құжат типін анықтау) қолданылады.

XML және HTML тілдерінің арасындағы басты айырмашылық.

XML деректерді сақтау үшін арналған.

XML тілі HTML тілінің орнын баспайды.

XML және HTML әр түрлі мақсатта жасалды:

HTML мәліметтерді көрсету үшін, XML мәліметтерді анықтау үшін арналған.

XML ешқандай іс-әрекет жасамайды. Ол мәліметті құрып, сақтап, жіберу үшін арналған.

Мысалы: Джанидың Бобқа жазған хатының XML түрінде сақталғаны:

<note>

<to>Tove</to>

<from> Jani</from>

<heading> Reminber</heading>

<body>Don’t forget me this weekend!</body>

</note>

Хаттың тақырыбы және негізгі бөлімі (body) бар. Сондай-ақ онда жіберуші (from) және қабылдаушы туралы (to) туралы мәлімет бар. Соған қарамастан, бұл XML-құжат ешқандай іс-әрекет жасамайды. Бұл жай тек XML-тегтерімен қоршалған мәлімет. Әліде бұл хатты жіберу, қабылдау және оны экранда көрсету үшін программалық код жазу керек.

XML – еркін және кеңейтілген тіл

HTML тілінің тегтері бастапқы кезінде анықталған.

XML тілінде автор өзінің жеке тегтерін және де өзінің құжат құрылымын анықтай алады.

Жоғарыда көрсетілген мысалда (мысалы, <to> және <from> тегтері) XML стандартында белгіленбеген. Бұл тегтер XML-құжаттың авторымен белгіленген.