«web-технологиясы»


Дәріс №15-16. HTML-ДА КЕСТЕНІҢ ЖАЗЫЛУ ТӘСІЛДЕРІ



жүктеу 0.86 Mb.
бет2/3
Дата19.09.2017
өлшемі0.86 Mb.
1   2   3

Дәріс №15-16. HTML-ДА КЕСТЕНІҢ ЖАЗЫЛУ ТӘСІЛДЕРІ


  • , ,
    , ,
    .

  • NOWRAP, COLSPAN=, ROWSPAN=, WIDTH=, UNIT=, COLSPEC=, DP=, СELLPADDING=, ALIGN= және VALIGN=, BORDER=, CELLSPACING= атрибуттары.


    , ,
    , ,

    Кестенің жазылуы үшін

    тегі қолданылады.
    тегі басқалар сияқты жолды кестеге дейін және кестеден кейін автоматты түрде аударады.



    тегі.

    тегі (Table – Row сөзінен қысқартылған) – кестенің жолын құрады. Егер кесте екі жиын тегінен құралса, онда ол екі жолдан да тұрады. Сіз бір жолға орналастыратын бүкіл мәтін, басқа тег және атрибуттар тегтерінің арасына орналасуы қажет.

    тегтерімен қоршалуы керек. Жолдағы тегтерінің саны ұяшық санын анықтайды. тегтерінің бес сыңарлы жолы бес ұяшықтан тұрады.



    тақырып тегі қолданылады. Бұл тегімен аналогты болып келеді. тегтерінің арасындағы мәтін автоматты түрде қою шрифтпен жазылады және үнсіздік бойынша ұяшықтың ортасында орналасады. Орталықтандыруды алып тастауға болады және мәтінді сол жақ немесе оң жақ жиек бойынша тегістеуге болады. Егер ні <В> тегімен және атрибутымен бірге қолданса, онда мәтін де тақырып сияқты көрінеді. Бірақта, барлық браузерлердің кестеде қою шрифті қабылдамайтынын ескерген жөн, сондықтан кестенің тақырыбын
    тегі.

    Кесте жолының ішінде әдетте берілгендер ұяшығы орналасады. Мәтін немесе бейне құрайтын әрбір ұяшық

    тегі.

    Кестенің баған және жолының тақырыпшасын беру кезінде

    көмегімен берген дұрыс.



    тегі.

    кестенің тақырыбын құруға рұқсат береді. Үнсіздік бойынша тақырып орталықтанады және () кестесінің үстінде немесе () кестенің астында орналасады. Тақырып кез-келген мәтіннен және бейнеден тұруы мүмкін. Кей кезде тегі сурет астындағы жазуға қолданылады.
    NOWRAP, COLSPAN=, ROWSPAN=, WIDTH=, UNIT=, COLSPEC=, DP=, СELLPADDING=, ALIGN= және VALIGN=, BORDER=, CELLSPACING= атрибуттары
    NOWRAP атрибуты .

    Кестедегі ұяшықтың бір жолына сыймайтын кез-келген мәтін келесі жолға көшеді. Бірақта, NOWRAP атрибутын

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



    COLSPAN= атрибуты.

    және тегтері COLSPAN= атрибутының көмегімен модифицирленеді (Column Span, бағандардың бірігуі). Егер сіз қандай да бір ұяшықты кеңейткіңіз келсе, онда осы COLSPAN= атрибутын қолдануға болады.

    ROWSPAN= атрибуты.

    және тегтерінде қолданылатын ROWSPAN= атрибуты COLSPAN= атрибутына аналогты болып келеді және ол жолдардың санын береді. Егер сіз ROWSPAN= атрибутында санды көрсетсеңіз, онда жолдың сәйкес саны кеңейтілген ұяшықтың үстінде болуы қажет.Оны кестенің төменгі жағына орналастырмау керек.

    WIDTH= атрибуты.

    WIDTH= атрибуты екі жағдайда қолданылады.Оны барлық кестенің енін беруде

    тегіне қоюға болады және ұяшық тобының немесе ұяшық енін беруде немесе
    тегтерінде қолдануға болады. Енін пиксельмен немесе пайызбен көрсетуге болады. Мысалы, егер сіз тегінде WIDTH=250 деп берсеңіз, онда сіз монитордағы бет өлшеміне тәуелсіз ені 250 пиксель кестені аласыз.
    тегінде WIDTH=50% беру кезінде, кесте экрандағы кез келген өлшемдегі бейнеде беттің жарты енін алып тұрады.



    UNIT=атрибуты.

    тегінің UNIT=атрибуты барлық кесте мен оның жеке бағандарының өлшемдерін көрсетуде қолданылатын өлшем бірлікті анықтайды. UNIT=атрибуты үш мәнді қабылдауы мүмкін:

    UNIT=EN - үнсіздік бойынша қосылатын мән және en - бос орынға тең өлшем бірлікті береді. Еn - бос орын - әріпінің еніне тең типографты өлшем бірлік. Бос орынның нақты өлшемі таңдалған шрифтке тәуелді: ұсақ шрифтке қарағанда ірі шрифтке en - бос орын көбірек беріледі. Әдетте en- бос орын шрифт өлшемінің жартысына тең. Мысалы, 12 - пунктті шрифт үшін en - бос орын 4 - пунктті алады.

    UNIT=RELTIVE барлық кесте еніндегі баға енін процентпен беру үшін қолданылады. Бұл тәсілді мүмкіндігінше проценттегі енді көрсетудің орнына қолдануға болады. Қолданылатын бірлікті беру кезінде енгізілген сандар проценттердегі бағандар ені болып қабылданады.

    UNIT= PIXELS – бұл мән экрандағы бағанның енін нақты білуде қолданылады. Бұл жағдайда оны пиксельмен беру оңай. Мысалы,

    кестенің енін 340 пиксельмен формалайды.



    COLSPEC=атрибуты.

    UNIT=атрибутымен бірге қолданылатын COLSPEC=атрибуты кестенің әрбір бағаны қанша орын алатынын және онда берілгендер қалай тегістелетінін анықтайды. Тек

    тегінде ғана қолданылады.

    COLSPEC= барлық бағанды санайды және әрқайсысы үшін тегістеу мен өлшем береді. Баған үшін (немесе ұяшық үшін) тегістеудің 5 тәсілі бар: L – сол жақ жиек бойынша, C – центр бойынша, R – оң жақ жиек бойынша, J – оң және сол жақ жиек бойынша және D – ондық үтір бойынша тегістеу. Егер сізде 5 баған болса, онда оның енімен әрқайсысын тегістеуді келесідей анықтауыңызға болады.



    DP=атрибуты.

    DP=атрибуты (Decimal Point, ондық белгі) ондық бөлгіштің толық бөлімін бөлуде қолданылатын символды анықтайды. DP= “.”(үнсіздік бойынша) ондық символ ретінде нүктені көрсетеді. DP= “,” үтірді береді.



    Бос ұяшықтар.

    Егер ұяшық берілгендерді қамтымаса, онда оған шекарада қажет етілмейді. Егер сіз ұяшықтың берілгендері болмай, шекарасы болғанын қаласаңыз сіз оған көрсетілім кезінде көрінбейтін бір нәрсе қоюыңыз қажет.


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

    СELLPADDING=атрибуты.

    СELLPADDING=атрибуты - ұяшық берілгендерімен оның шекарасы арасындағы бос кеңістіктің енін анықтайды, яғни ұяшық ішінен алаң береді.



    ALIGN= және VALIGN= атрибуттары.

    ,
    және тегтерін ALIGN= және VALIGN= атрибуттарының көмегімен модифицирлеуге болады. ALIGN=атрибуты мәтін және графиканың горизонталь бойынша тегістелуін анықтайды, яғни оң және сол жақ жиек бойынша, центрі бойынша тегістеу. Горизонталь тегістеу бірнеше тәсілмен берілуі мүмкін:

    ALIGN=BLEEDLEFT – ұяшықтың берілгендерін сол жаққа тығыздап қысады.

    ALIGN= LEFT - СELLPADDING=атрибутымен берілген ұяшықтың берілгендерін жылжыту есебімен сол жаққа тегістейді.

    ALIGN=CENTER – ұяшықтың берілгендерін центр бойынша орналастырады.

    ALIGN=RIGHT - СELLPADDING=атрибутымен берілген ұяшықтың берілгендерін жылжыту есебімен оң жаққа тегістейді.

    VALIGN= атрибуты – мәтін және графиканы ұяшық ішінен вертикаль бойынша тегістейді. Вертикаль тегістеу келесі тәсілдермен берілуі мүмкін:

    VALIGN=TOP – ұяшықтың берілгендерін оның жоғарғы шекарасында тегістейді.

    VALIGN=MIDDLE – ұяшықтың берілгендерін вертикаль бойынша орталықтандырады.

    VALIGN=BOTTOM - ұяшықтың берілгендерін оның төменгі шекарасында тегістейді.

    BORDER=атрибуты.

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

    CELLSPACING= атрибуты.

    CELLSPACING= атрибуты – ұяшықтар арасындағы аралық енді пиксельмен анықтайды. Егер бұл атрибут берілмесе, онда үнсіздік бойынша 2 пиксельге тең көлем беріледі. CELLSPACING= атрибутын мәтін мен графиканы өзіңізге қажетті жерге орналастыру үшін қолданылады. Егер сіз бос орын қалдырғыңыз келсе, онда ұяшыққа бос орынды жазуға болады.


    Дәріс №15-16. Өзін-өзі тексеру сұрақтары немесе тесттер

    1. Статикалық және динамикалық құжаттарды өңдеудегі ерекшеліктер.

    2. Белгі тілдердің жалпы принциптері.

    Дәріс №17-18. БЕТТІҢ ДИЗАЙНЫНДА КЕСТЕЛЕРДІ ҚОЛДАНУ


    • Көптүсті кестелер құру.

    • Netscape Navigator -дағы түрлі-түсті шекаралар.


    Көптүсті кестелер құру

    Кестелердің жақсы бір қасиеті – ол құрып отырған кестенің шекараларын көрінбейтін етіп жасауға болады. Ол <ТАВLЕ> тегінің көмегімен бетте текст пен графиканы кірістіре отырып әдемі орналастыруға болады.Осы күнге дейін <ТАВLЕ> тегі HTML-де өңдеудің жалғыз қуатты құралы болып отыр. Web-беттердің дизайнерлері қазір практикалық түрде баспа беттерін құрушылар сияқты <бос кеңістікті > қолдануда. Кең көлемді кестелер басқаларға қарағанда текстердің Web –беттерде иерархиялық орналасудан алшақтатады.

    Егер браузер кестені қабылдаса, онда кестенің көмегімен алынған эффектілерді дұрыс көрсететін болады.

    Түрлі-түсті кестелер құру.

    Жетекші браузерлер бірнеше түстерді бейнелейді. Кестені бояудың бірнеше әдістері бар. Ол әдетте қолданылатын браузерге байланысты.


    Netscape Navigator -дағы түрлі-түсті шекаралар

    Сіз кестені жақтаумен әсемдеп қана қаймай, оған фон мен текстің түсінен әлдеқайда жақсы түс беруіңізге болады. Қарапайым GIF (немесе өзіңіз фон ретінде қойғыңыз келген кез-келген GIF,) құрыңыз және оны <ВODY> –тегінде фон ретінде анықтаңыз.Сосын бет фонының түсін беріңіз. Нәтижесінде сіздің <ВODY> –тегіңіз мына түрде болады:



    Сіз екі қабаттан тұратын фон құрдыңыз- GIF және берілген түс. Нәтижесінде фондық түс кестенің барлық шекараларында және көлденең (<НR>)жолақтарда көрінетін болады. Сіздің фондық GIF –іңіз сұр түсті болуына тәуелсіз,кестенің түрлі-түсті сызықтары мен шекаралары ерекшеленіп тұрады. Егер фондық GIF күрделі емес болып құрылса,бетті жүктеу уақыты кішкене өседі.Төмендегі мысалда –дегі түстер әсіресе кестелерде кең көлемде қолдануға мүмкіндік беретінін көрсетеді.


    Дәріс №17-18. Өзін-өзі тексеру сұрақтары немесе тесттер

    1. Форма мен мазмұнның ортогональдық принципі

    2. HTML –дің ерекшеліктері

    3. XML –дің ерекшеліктері



    Дәріс №19-20. ФРЕЙМДЕР

    • Фрейм дегеніміз не?

    • Фреймдер не үшін қолданылады?

    • Фреймдер қалай жұмыс істейді?

    • Фреймдік құрылым жасау

    • Берілгендері бар фреймді дайындау



    Фрейм дегеніміз не?

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


    Фреймдер не үшін қолданылады?

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

    Мысалы,фреймде ең қажетті беттердің алғашқы бірнеше деңгейлерінде компанияның логотипін сақтап, ал негізгі берілгендерді фреймдерсіз көрсеткен дұрыс.
    Фреймдер қалай жұмыс істейді?

    Фреймдер күрделі болғанымен оларды түсіну оңай, егер кесте ұяшықтарына аналогия жүргізсе.Фреймдердің экранда орналасуы ұяшықтардың кестеде орналасуы сияқты: тегтер мен атрибуттар кестедегі сияқты жұмыс атқарады. Бірақ, беттегі бірлік фреймдер мен кесте ұяшықтары арасындағы аналогияның маңыздылығымен қоса оның айырмашылығын ажырата білген жөн.Ұяшық берілгендері кестесі бар HTML-бетінің кодында берілген. Кестенің берілгендерін құрайтын мәтін немесе графика, HTML-бетіндегі кестені бейнелейтін тег немесе атрибут сияқты енгізіледі. Керісінше, фреймдері бар экран HTML-бетте (frameset ) деп аталатын сөзбен бейнеленеді. Фреймдердегі берілгендер кез - келген жерде – басқа каталогта, локальді серверде немесе желінің жойылған түйіндерінің бірінде орналасқан бөлек HTML-бет. Фреймдік құрылым фреймі бар экранды ұйымдастыру тәсілін және әрбір фреймнің бастапқы берілгендері қайда орналасқанын ғана анықтайды.Барлық фреймдер үшін олардың берілгендерінің орнын бейнелейтін URL болады. Ереже бойынша фреймдік құрылымы бар бетте олардың берілгендері болмайды.Мұндай бет үлкен емес – ол экранны ңтек кадрлық құрылымын ғана анықтайды.Құжат фреймдерге жүктелген уақытта сіз осы құжаттағы сілтемеге тышқанмен шертіп, басқа кадрлардағы фреймдік құрылымда жасалған бір - бірімен байланысқан құжаттарды шақыруыңызға болады.



    Фреймдері бар қарапайым беттерді құру.

    фреймі бар НТМL беттерді құру және негізгі тегтер мен атрибуттардың қажеттілігін жақсылап түсіну үшін фреймдері бар қарапайым жолдар жұбын құрайық.

    Екі фреймнен тұратын бет құрайық.Сол жақтан басылымдар мазмұнының тақырыбын бейнелейтін, ал оң жақтан басылымдардың өздерін бейнелейтін фрейм құрайық. Қолданушы мазмұн орналасқан экран бөлігіндегі сілемені тышқанмен шерткенде, сол басылым оң жақта пайда болатындай етіп жасайық. Бұл фреймдерді қолдануда кеңінен таралған әдіс.
    Фреймдік құрылым жасау

    Алдымен біз фреймдердің қайда орналасуын және олардың қандай мөлшерде болатын беттің жалпы түрін ойластыруымыз қажет.Содан кейін олардың мазмұны жайлы қарастырамыз.Төменде тегінің көмегімен құрылған қарапайым фреймдік құрылымның коды көрсетілген.Мынаған назар аударыңыз:фреймдік құрылымы бар бетте <ВОDY> тегі жоқ.


    Берілгендері бар фреймді дайындау

    Енді берілгендері бар фрейм жасайық.Сол жақ фреймге оң жақ фреймдегі екі беттің арасында ауысып тышқанмен шертетін menu.html бетін құрайық. menu.html файлы бұл – мазмұн ретінде құрылған қарапайым НТМL-бет. Негізінде біз мазмұны бар дайын бетті алып оны қолдана беруімізге болады. Бұл фреймнің жіңішке жіне биік екенін ұмытпаңыз, сондықтан оған жүктелетін бет соған сәйкес жобалануы қажет. Енді сілтемені тышқанмен шерткенде басқа беттердің қайда пайда болатынын анықтауымыз қажет. Біз олардың оң жақта пайда болуын қалағандықтан сілтеме тегіне ТАRGET= (TARGЕТ="main") атрибутын енгізейік. Бұл қолданушы сілтемені басқан кезде шақырылып отырған бет main фреймінде пайда болады дегенді білдіреді. Біз main фрейміндегі барлық беттерді бейнелегендіктен, мазмұндағы барлық сілтемелердің тегіне ТАRGЕТ="main" атрибутын қосамыз, сонда сол жақтағы фреймде қай жерде тышқанмен шертсек, сол жерде бет пайда болады, ал ол бізге керек емес, бірақ басқа жағдайда олай жасаған керек те болып қалады. Мысалы, сіз жай ғана келесі сілтемелерді шығарып беретін < Мазмұнның басқа пункттері > сілтемесін қосуыңызға болады. Оқырмандар сілтемелердің көптігін байқау үшін мазмұнды ұзынырақ етіп жасаған дұрыс.



    main фреймін дайындау

    Оң жақтағы main фреймінде HTML-беттер болады. Сіз кішірек болып көрінетіндей терезеде жобалағаныңыз дұрыс, себебі экранның белгілі бір бөлігінде мазмұнның сол жақ кадрлары орналасады. Но больше эти страницы ничем не примечательны.



    тегін пайдалану.</b> <p>Сіздің көптеген қолданушыларыңызда әлі фреймдермен жұмыс істей алмайтын браузерлер бар. Сол себепті сіздің негізгі беттеріңізді фреймсіз ұсынған жөн. Егер сіздің фреймдік құрылымды бетіңізде ескірген браузерлі оқырман болса, <a href="/erligi-erek-er-eken.html">онда осы бетте орналасқан </a>< NOFRAMES >және </ NOFRAMES >тегтерінің арасындағылардың барлығы өте жақсы көрініп тұратын болады - браузер жай ғана фреймдерді елемейтін болады. Сондықтан міндетті түрде <ВODY></ВОDY> тегтерін пайдалану керек. Әйтпесе, сіз экранды қайта фреймдерсіз құруыңыза тура келеді. Фреймдік бетке No Frames (Фреймсіз) батырмасын кірістіруге болады. Оның бағыты белгілі. Мұндай әдіс ойға қонымды және тез жүзеге асады. </p> <br />Дәріс №19-20. Өзін-өзі тексеру сұрақтары немесе тесттер <p>1. Қолданушыдан қайтымды ақпаратты алудың мақсатқа лайықтылығы</p> <p>2. Қонақ кітап/форумды құру. <br /> <br /><b>Дәріс №21-22.</b><span><u><b> </b></u></span><b>ФОРМ</b><b>АЛАР</b> <br /><ul> <li> <br />Сіздің формаңыз жақсы көріну үшін не істеу керек? <br /><li> <br />Формаларды жұмыс істеуге мәжбүр ету. <br /></ul> <br /> <br /><b>Сіздің формаңыз жақсы көріну үшін не істеу керек?</b> </p> <p>Интерактивті формалардың көмегімен оқырмандар Web-бетті құрушылармен оңай хабарласа алады. Форма мен <mailto:> тегінің қарапайымдылығының арқасында Web-түйіндер мен олардың оқырмандарының арасында екіжақтылы диалог мүмкін болды. Бұл Web- навигаторларға коммерциялық мүмкіндіктер мен қызықты болашаққа жол ашады.Өкінішке орай, көптеген ескірген браузерлер <mailto:> тегін қабылдамайды. </p> <br /> <br /><b>Сіздің формаңыз жақсы көріну үшін неістеу керек? </b> <p>Барлық қиындықтарды жеңудің бір тәсілі ол – енгізу алаңы мен мәзір жолын беттің сол жағына, ал бағыттаушы мәтінді оң жағына орналастыру болып табылады. Енгізу аумағының енін SIZЕ= атрибутының көмегімен сіз жолдарды сол жақтан туралайсыз, ал оң жақтағы мәтін көптеген құжаттардағы сияқты тураланбаған болады. Мұндай форма әлдеқайда жинақы көрінеді. Мәтін мен форманы енгізу алаңының арасын ашуды ұмытпаңыз. Бұдан басқа күрделірек тәсіл – форма элементтерін кесте ұяшықтарына орналастыру. Бұл бағыттаушы мәтінді сол жақтан, ал енгізу алаңын оң жақтан орналастыруға көмектеседі.</p> <br /> <br /><b>Формаларды жұмыс істеуге мәжбүр ету</b> <p>Сіз күтіп отырған бөлім осы шығар – енгізілген берілгендерді формамен серверге қалай сілтеуге болады. Шындығында олай жасау өте оңай. Ең бірінші мәселе – ол берілгендерді қайда жіберу, соны түсіну. Сіз <FORM> тегінде АСТION= атрибутын жазасыз және енгізілген берілгендерді өңдеп, олармен пайдалы бір нәрсе істейтін URL программаға сілтеме жасайсыз.</p> <br />Дәріс №21-22. Өзін-өзі тексеру сұрақтары немесе тесттер <p>1. Қолданушының ақпаратты енгізуі және өзгертуі</p> <p>2. Форма – қолданушы мен қарым қатынас жасаудың негізгі элементі. <br /> <br /><b>Дәріс №23-24.</b><span><u> </u></span><b>АППЛЕТТЕР</b> <br /><ul> <li> <br />АРРLЕТ ұғымы. <br /><li> <br />АРРLЕТ контейнерінің түрі <br /><li> <br />РАRАМ контейнерін қолдану <br /></ul> <br /> <br /><b>АРРLЕТ ұғымы</b> </p> <p>Желі ақылы қолданушы компьютеріне кішкене ұялы телефондардың <a href="/sabati-tairibi-jata-suretter-osu-saba-masati.html">программасын енгізіп</a>, олармен жұмыс істеу әрине Java көмегімен орындалады. Бұл программалар Java терминологиясында апплеттер (алмалар) деп аталады. НТМL- құжаты мәтініне апплеттерді шақыру үшін АРРLЕТ контейнері енгізілді, ол <аррlet> тегімен басталып, </аррlet>тегімен аяқталады. Апплеттерге сілтемелері бар жалпы құжат түрі төмендегі мысалдағыдай болады. </p> <p>Бұл мысалда құжат тақырыбы және ( H1 тегі) және қисық сызықтан кейін ені 200 пиксель және биіктігі 100 пиксель болатын апплет өрісі басталады. Берілген өріске hello (файл hello.class) деп алалатын аррlet жүктеледі. аррlet контейнері тегтердің басы мен аяғының арасындағы мәтін ны қолданбай, браузер көмегімен бейнеленетін құрылған мәтіндер мен контейнерлерді орналастыру үшін қолданылады. <br /> <br /><HTML> <br /> <br /><HEAD> <br /> <br /><TITLE> applet-ке сілтемелері құрылған құжат. </p> <p> </TITLE></p> <br /> <br /></HEAD> <br /> <br /><body bgcolor=#FFFFFF> <br /> <br /><CENTER> <p> <h2> hello Java- апплетімен құрылған құжат </h2> </p> <br /> <br /><HR> <br /> <br /><applet code=hello width=200 height=100> <p> Егер сіздің браузеріңіз Java қабылдаса, Аррlet осы орында бейнеленеді</p> <br /> <br /></applet> <br /> <br /><HR> <br /> <br /><span id='Test_Style_Shits_in_Communicator'><h2> Test Style Shits in Communicator</span> </h2> <br /> <p>This is a first part of the document</p> <br /> <br /><h2> Test Style shits in Communicator </h2> <br /> <p>This is a first part of the document</p> <p>The body of the document should be here. <br /> <br /><center> <br /> <br /><h3> Ақпаратты технологиялар орталығы </h3> <br /> <br /><span id='Internet_ақпараттық_ресурсы'><h2> Internet ақпараттық ресурсы</span> </h2> <br /> <br /><h3> Профессионалдар емес үшін <a href="/pender-tizimi-biologiyani-oitu-edistemesi-biologiyafa-kirispe.html">оқу әдістемесі </a></h3> <br /> <br /><h3> Храмцов П.Б</h2> <h3> Москва, 1997</h2> <br /> <br /><hr> </center> <br /> <br /> <br /><span class = fs> C </span>1995 жылы Internet – ке 25 жыл болды. Қазіргі кезде – бұл бүкіл әлемдегі өте үлкен ақпараттық ресурс. Сонымен қатар Internet – бұл жер шарындағы ең атақты желі. 1997 жылы Internet (Internic – Internet Information Center) рамкасында халықаралық желі координация орталығының берген бағасы бойынша желіде бірнеше ондаған миллион компьютер – серверлер үнемі қосылып тұратындығы анықталған. Осы үлкен ақпараттық ресурс толығымен орталықтандырылмаған және бір де бір мемілекетке және дүние жүзінің ірі финанстық компанияларына тәуелді емес. <br /> <br /><img src=image1.gif> <br /> <br /></b>тэгінде орындау керек. <b>BGCOLOR=</b> атрибуты беттің фон түсін анықтайды, <b>ТЕХТ=</b> барлық беттер үшін мәтін түсін береді, <b>LINK=</b> және <b>VLINK=</b> қарастырылмаған және қарастырылған сілтемелерге сәйкес түсін анықтайды (соңғы екі параметр кейін қарастырылатын болады). <br /> <br /><b>RASP.HTM </b>файлына түзетулер енгізіңдер: <br /> <br /><img src="1117_html_m3d3ecb4e.png" name="рисунок 13" align=bottom width=300 height=161 border=0> </p> <p>№<b>8 зертханалық сабақ </b> </p> <br /> <br /><b>Web-бетте графиктерді орналастыру</b> <br />Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №8 <br /> <br /><u>Сабақ мақсаты: </u>Web-бетте графиктерді орналастырды үйрену <br />Сабақтан алған білімді тексеру тапсырмалары №8 <br /> <br /><b>Тапсырма. </b>Web-бетте графиктерді орналастыру <br /> <br /><b><img> </b>тэгі құжатта бейнені қоюға мүмкіндік береді. Бейне тэг орналасқан құжат бетінде пайда болады. Берілген тэгжалғыз болып келеді. Web-те графика, ереже бойынша, үш форматта таралады: <b>GIF, JPG, PNG.</b> Келесі тапсырманы орындау барысында, <i>CLOCK.GIF</i> графикалық файлы біздің Web-бет орналасқан KURS жұмыс каталогында сақталады деп есептейміз <br /> <br /><b>RASP.HTM </b>файлына түзетулер енгізіңдер: <br /> <br /><img src="1117_html_m54f3e534.png" name="рисунок 14" align=bottom width=311 height=192 border=0> <p>Экраннан 5<i>-суреттегі</i> бейнені көресіздер<i>.</i></p> <br /> <br /><img src="1117_html_m1226bb0f.png" name="рисунок 15" align=bottom width=224 height=221 border=0> <p>5-сурет <br /></p> <br /><b><img></b> тэгінің 2-кестеде берілген қосымша бірнеше атрибуттары бар. Олар тэгтің <b>IMG </b>кодынан кейінгі кез келген жерінде орналасуы мүмкін<b>.</b> <br /> <br /><i>2-кесте</i> <br /> <br /><b>Бейнелердің атрибуттары</b> <br /><CENTER> <table width=687 cellpadding=1 cellspacing=1> <col width=79> <col width=165> <col width=431> <tr> <td width=79 bgcolor="#e5e5e5"> <br /><b>Атрибут</b> <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><b>Формат</b> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br /><b>Бейнеленуі</b> <br /></td> </tr> <tr> <td width=79 bgcolor="#e5e5e5"> <br />ALT <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><img src="clock.gif" alt="сурет"> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br />Егер браузер берілген бейнені қабылдамаса, онда <a href="/osimsha-materialdar-metin-lingvistikasi-filimi-pen-retinde-met.html">оны алмастыратын мәтін береді </a><br /></td> </tr> <tr> <td width=79 bgcolor="#e5e5e5"> <br />BORDER <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><img src="clock.gif" border="3"> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br />Бейне шетіндегі жолақтің қалыңдығын көрсетеді. Пиксель арқылы өлшенеді <br /></td> </tr> <tr> <td width=79 bgcolor="#e5e5e5"> <br />ALIGN <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><img src="clock.gif" align=top> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br />Мәтінге сәйкес бейненің туралануын көрсетеді: бейненің жоғары жағының - ТОР, төменгі жағына – BOTTOM, ортасына – MIDDLE туралануын анықтайды <br /></td> </tr> <tr> <td width=79 bgcolor="#e5e5e5"> <br />HEIGHT <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><img src="clock.gif" height=111> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br />Браузердің ішкі терезедегі бейненің вертикаль өлшемін береді. <br /></td> </tr> <tr> <td width=79 bgcolor="#e5e5e5"> <br />WIDTH <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><img src="clock.gif" width=220> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br />Браузердің ішкі терезедегі бейненің горизонталь өлшемін береді. <br /></td> </tr> <tr> <td width=79 bgcolor="#e5e5e5"> <br />VSPACE <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><img src="clock.gif" vspace="8"> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br />Жоғары және төменгі бос өрістердің қосылуын көрсетеді. <br /></td> </tr> <tr> <td width=79 bgcolor="#e5e5e5"> <br />HSPACE <br /></td> <td width=165 bgcolor="#e5e5e5"> <br /><img src="clock.gif" hspace="8"> <br /></td> <td width=431 bgcolor="#e5e5e5"> <br />Оң және сол жақтағы бос өрістердің қосылуын көрсетеді. <br /></td> </tr> </table></h3></center></center></body></html></form>

Каталог: ebook -> umkd
umkd -> Ќазаќстан республикасыныњ білім жєне ѓылым министірлігі
umkd -> Ќазаќстан Республикасы Білім жєне ѓылым министрлігі
umkd -> Бағдарламасы «Мектептегі атыс дайындығы»
umkd -> Семей мемлекеттік педагогикалыќ институты
umkd -> «Кәсіптік қазақ тілі» ПӘнінің ОҚУ-Әдістемелік кешені
umkd -> Ќазаќстан республикасыныѕ білім жјне єылым министірлігі
umkd -> Ќазаќстан республикасы
umkd -> «Инженерлік-технологиялыќ факультеттіњ»
umkd -> Ќазаќстан республикасыныњ білім жєне ѓылым министрлігі
umkd -> «Таңдап алған спорт түрінің техникалық, тактикалық және дене дайындығы» пәні бойынша


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


©kzref.org 2019
әкімшілігінің қараңыз

    Басты бет