«информатика» ПӘнінен дәрістер жинағы оқытушы: Тлеумбетова Г. К. №1 бөлім. Ақпарат үрдістері


Заголовок1 Заголовок2 Заголовок2



бет34/34
Дата25.07.2022
өлшемі369,5 Kb.
#37904
түріПрограмма
1   ...   26   27   28   29   30   31   32   33   34
Байланысты:
информатика д рістер жина ы

Заголовок1


Заголовок2

Заголовок2


Заголовок3

Заголовок3


Заголовок4

Заголовок4


Заголовок5
Заголовок5

Заголовок6
Заголовок6

Абзац енгізу үшін
,
тегтерін қолданады, мәтіннің сол жақ, ортада, оң жақта орнату үшін align атрибуты пайдалынады.
Мысалы:
Менің бірінші бетім
«Менің бірінші бетім» сөйлемі беттің ортасына орналасады.
Align дің мәні тағыда left (сол жақ), right (оң жақ) болуы мүмкін.
тегінің көмегімен біз мәтіннің шрифтің, көлемін, түсін белгілейміз. Ол үшін атрибуттарды пайдаланамыз.
Мысалы:
Менің бірінші бетім
Осындай жол жазғанда Web бетімізде arial шрифтімен, 5-көлемде, көк түсті «Менің бірінші бетім» деген сөйлем шығады.
Жолды бөлү үшін
тегін қолданса болады, мысалы:
Ана тілін – арың бұл,
Ұятын боп тұр бетте
Қаратырылған әріптерді пайдалану үшін мәтінді , тегтерінің ортасына аламыз, қиғаш әріптер үшін - ,.
Мысалы:
Көрінетін мәтін
HTML де жазылуы
Менің бірінші бетім
Менің бірінші бетім
Менің бірінші бетім
Менің бірінші бетім
Менің бірінші бетім
Менің бірінші бетім
,
тегтері мәтін редакторда қандай жазылған болса, сол бойынша браузерге шығарады, мысалы:
Ана тілін – арың бұл,
Ұятын боп тұр бетте.
Өзге тілдің бәрін біл,
Өз тіліңді құрметте
Тізім
Нөмірленген тізімді ұйымдастыру үшін
    және тегтері қолданылады.
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


    Егер тізім номерін керекті бір номермен бастау керек болса онда start атрибутын пайдалынамыз, мысалы:
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


    Тізімдің түрін өзгерту үшін type атрибуты көмектеседі, мысалы номерлерді латын цифрларымен жазу үшін төмендігідей жазамыз
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


    Маркерлік тізімді жазғанда
      тегін пайдаланады, маркердің түрін өзгерту үшін type атрибутын. Оный мәні кестеде көрсетілген
      disc
      дөңгелек
      circle
      шеңбер
      square
      квадрат

        дөңгелек


        шеңбер


        квадрат

      Web беттегі графика
      Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. Web дизайнерлер графика мәселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ойласа, екінші топ керісінше Web сайттарға суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің және жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенменде сайтқа графиканы қолдану мүмкіндік бар және соны тиімді пайдалану керек. Ол үшін бізге тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpg суретi С дискасының My img папкасына орналасқан болса, онда төмендегі тег жазылады:

      width және heigth атрибуттармен суреттің көлемін өзгертуға болады, биіктігі және ені.
      alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет шығаруға болады.

      Web графика туралы айтқанда төмендегі атрибуттарды ұмытпау керек: background – бұл атрибут сайтқа суретті фон ретінде орналыстырады, bgcolor – фонға түс береді.
      Сілтеме
      HTML дің негізгі қасиеті ретінде оның басқа құжаттарға сілтемеу жасау мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан компьютерге, құжаттың ішіндегі белгілі бір орынға, HTML құжатына, басқа бір сайтқа сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін тегі қолданылады.
      Мысалы,
      Пенжим сайтына сілтеме
      Бұл мысалда біз www.penjim.narod.ru сайтына сылтеме жасадық.
      Сілтеме мәтін түрде және сурет (кнопка) түрде болуы мүмкін. Сурет түрде орнату үшін тегтерінің ортасына суретті тегімен орнату керек.
      HTML-де кесте жасау
      Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады. Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады. Кесте келесi бөлiктерден тұрады:
      • кесте тақырыбы;
      бағаналар тақырыптары;
      • ұяшықтар.
      Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi. Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.
      Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:











      мәтін мәтін мәтін
      мәтін мәтін мәтін

      Бұл жерде border кесте сызықтарының ені.
      Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін width атрибутн қолданса болады, мысалы:

      Сайтты жариялау. Программалық жабдықтау


      HTML-құжаттарды жасақтау және өңдеу үшін кезкелген қарапайым мәтіндік редактор жеткілікті, мысалы Блокнот. Көп дизайнерлердің ойы бойынша таза сілтемелер тілін қолмен жазған дұрыс. Бірақ көп уақытта қолмен жазған қолданылмайды. Себебі қолмен жазған автордан көп білімді және практикалық тәжірибені талап етеді.
      Практикады әдетте Web-сайт жасау HTML редакторларды пайдаланады. Оларды екі топқа бөледі.
      Бірінші үлкен топтың Web-сайт жасау программалары HTML-тілінің негізінде жұмыс істейді. Осындай программалар орта және үлкен сайттарды даярлау уақытын қысқартады және даярлау кезеңінің тиімділігін көтереді. Арнайы HTML-редакторлердің жұмысты жеңілділетін және тездететін қосымша мүмкіндіктері көп. Бұл топқа төменгі программалар кіреді:
      HTML генератор 1.3 ;
      Magic HTML Studio 2.0;
      Macromedia Dreamweaver;
      Екінші үлкен топқа WYSIWYG (ағылшын тілінен “what you see is what you get” - не көрсең соны аласың) редакторлері кіреді. Бұл программаларды тағыда визуалды редакторлар деп айтады.
      Осындай программалар графикалық интерфеске ие. Бұл прораммалардың бастапқы махсаты дизайнерді HTML тегтерінен босату болған. Кәзірге замандағы визуалді HTML-редакторлар дизайнерді көптеген әрекеттерде басатады. Осындай артықшылықтарына қарамастан кемшілігі бар – олар таза HTML кодын жасамайды, оған артық және «фирменный» тегтерді қосады. Көріп отырсыздар, WYSIWYG редакторларды қолданы HTML тегтерін қолмен жазуды құтқармайды, демек, Web-сайттарын жасау үшін HTML тілінің кем дегенде негізін білу керек.


      Достарыңызбен бөлісу:
1   ...   26   27   28   29   30   31   32   33   34




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

    Басты бет