Презентация, доклад на тему Html тілінің көмегімен webпарақтарды құру

Содержание

Сабақтың мақсаты: Интернетте бағдарламалау тілдерінің бірі болып табылатын HTML тілі, тэгтері, атрибуттары туралы жалпы түсінік беру Оқушылардың қызығушылықтары мен белсенділіктерін арттыру

Слайд 1HTML ТІЛІНІҢ КӨМЕГІМЕН WEB-ПАРАҚТАРДЫ ҚҰРУ











HTML ТІЛІНІҢ КӨМЕГІМЕН   WEB-ПАРАҚТАРДЫ ҚҰРУ

Слайд 2 Сабақтың мақсаты:
Интернетте бағдарламалау
тілдерінің бірі

болып табылатын
HTML тілі, тэгтері, атрибуттары
туралы жалпы түсінік беру

Оқушылардың қызығушылықтары
мен белсенділіктерін арттыру
Сабақтың мақсаты: Интернетте бағдарламалау     тілдерінің бірі болып табылатын    HTML

Слайд 3Мазмұны


HTML тіліне кіріспе
HTML тілінің негізгі

ұғымдары

HTML тілінің тэгтік үлгісі

HTML тэгтерінің
атрибуттары

Мәтіндерді безендіру

Кестелерді тұрғызу

Графика мен мультимедианы
web-параққа қою

Фреймдерге бөлу

Мазмұны   HTML тіліне кіріспе  HTML тілінің негізгі  ұғымдары     HTML

Слайд 4ТІЛІНЕ КІРІСПЕ

ТІЛІНЕ КІРІСПЕ

Слайд 5Интернетте бағдарламалау
JavaScript тілі
HTML тілі
PHP тілі
Flash
бағдарламасы

Интернетте бағдарламалау JavaScript тіліHTML тіліPHP тіліFlash бағдарламасы

Слайд 6Интернеттің қазіргі дамуы 90-жылдар басында компьютерлер арасында мәлімет алмасудың жаңа хаттамасы

(protocol) пайда болғаннан кейін басталды. Бұл хаттама HTTP (Hyper Text Transfer Protocol- гипермәтінді тасымалдау хаттамасы) деп аталған болатын
Интернеттің қазіргі дамуы 90-жылдар басында компьютерлер арасында мәлімет алмасудың жаңа хаттамасы (protocol) пайда болғаннан кейін басталды. Бұл

Слайд 7Осы хаттамамен қатар НТТР серверлерінің кеңейтілген желілері болып табылатын, Интернет арқылы

файлдар тасымалдай алатын World Wide Web қызмет бабы (WWW немесе тек Web) пайда болды
Осы хаттамамен қатар НТТР серверлерінің кеңейтілген желілері болып табылатын, Интернет арқылы файлдар тасымалдай алатын World Wide Web

Слайд 8World Wide Web сөзі қазақ тіліне кеңейтілген бүкіләлемдік өрмек болып аударылады


World Wide Web сөзі қазақ тіліне кеңейтілген бүкіләлемдік өрмек болып аударылады

Слайд 9

HTML (Hyper Text Markup Language) – гипермәтінді белгілеу тілі.

Ол кәдімгі мәтіндерді Web - парақтар түрінде бейнелеуге арналған ережелер
жиынын анықтайды.
HTML (Hyper Text Markup Language) – гипермәтінді белгілеу тілі. Ол кәдімгі мәтіндерді Web - парақтар түрінде

Слайд 10Бұл файлдардың басым көпшілігі Web- парақтар түрінде HTML тілінде жазылған арнаулы

файлдар түрінде болды
Бұл файлдардың басым көпшілігі Web- парақтар түрінде HTML тілінде жазылған арнаулы файлдар түрінде болды

Слайд 11HTML тілінің
мағынасы мен атқаратын
қызметін оның атынан анықтауға болады

HTML тілінің мағынасы мен атқаратын қызметін оның атынан анықтауға болады

Слайд 12Осы файлдарды НТТР серверлерінде (Web- тораптарында) орналастыру жолымен Web-парақтар қалың көпшілік

пайдалатындай түрінде интернетте жарияланады
Осы файлдарды НТТР серверлерінде (Web- тораптарында) орналастыру жолымен Web-парақтар қалың көпшілік пайдалатындай түрінде интернетте жарияланады

Слайд 13Web-парақтар мазмұны әр түрлі бола береді және олар әр түрлі тақырыптарды

қамтиды, бірақ олардың бәрінің де негізгі жариялану, яғни жазылу тілі HTML болып табылады
Web-парақтар мазмұны әр түрлі бола береді және олар әр түрлі тақырыптарды қамтиды, бірақ олардың бәрінің де негізгі

Слайд 14HTML ТІЛІНІҢ НЕГІЗГІ ҰҒЫМДАРЫ

HTML ТІЛІНІҢ НЕГІЗГІ ҰҒЫМДАРЫ

Слайд 15Гипермәтін – қосымша элементтерді басқару мақсатында ішіне арнаулы код, яғни екпінді

элемент орналасқан мәтін. Ол мәтін ішіне дыбыс, сурет, мәтінді безендіру, пішімдеу істерін орындауды белгілейтін сөздер орналасады.

Гипермәтін – қосымша элементтерді басқару мақсатында ішіне арнаулы код, яғни екпінді элемент орналасқан мәтін. Ол мәтін ішіне

Слайд 16Сөзді ерекшелеп белгілеу – келесі көрсетілген құжат бөлігі қалай бейнеленетіндігін анықтайтын

айрықша кодты енгізу
Сөзді ерекшелеп белгілеу – келесі көрсетілген құжат бөлігі қалай бейнеленетіндігін анықтайтын айрықша кодты енгізу

Слайд 17Гиперсілтеме – парақ элементтерінің ортасында гиперсілтеме көрсетілген мәтінмен немесе суретпен,

кейбір объектілермен немесе адрестермен байланыс жасайды
Гиперсілтеме –  парақ элементтерінің ортасында гиперсілтеме көрсетілген мәтінмен немесе суретпен, кейбір объектілермен немесе адрестермен байланыс жасайды

Слайд 18Гиперсілтемені анықтау үшін:
Көшетін екінші құжатқа қыстырма жасайды
Қыстырма жасалғаннан кейін

сақтайды
Гиперсілтеме жасалынатын сөзді белгілеп, гиперсілтемені жасайды
Қосымша терезе ашылады
Гиперсілтемені анықтау үшін: Көшетін екінші құжатқа қыстырма жасайды Қыстырма жасалғаннан кейін сақтайдыГиперсілтеме жасалынатын сөзді белгілеп, гиперсілтемені жасайдыҚосымша

Слайд 19HTML ТІЛІНІҢ ТЭГТЕРІ (командалары)

HTML ТІЛІНІҢ ТЭГТЕРІ (командалары)

Слайд 20HTML тілінің бастапқы мәтінді белгілейтін командалары тэг (tag) деп аталады

HTML тілінің бастапқы мәтінді белгілейтін командалары тэг (tag) деп аталады

Слайд 21Тэг символдар тізбегінен тұрады. Барлық тэг «кіші» (

«үлкен» (>) символымен аяқталады
Тэг символдар тізбегінен тұрады. Барлық тэг «кіші» () символымен аяқталады

Слайд 22HTML тіліндегі әрбір тэг бір арнаулы қызмет атқарады

HTML тіліндегі әрбір тэг бір арнаулы қызмет атқарады

Слайд 23Ашылатын бұрыштық жақшадан соң команда аты болып табылатын түйінді сөз –

тэг орналасады
Ашылатын бұрыштық жақшадан соң команда аты болып табылатын түйінді сөз – тэг орналасады

Слайд 24Мәтіндік редакторлар ішінде Блокнот редакторы жиі қолданылады

Мәтіндік редакторлар ішінде Блокнот редакторы жиі қолданылады

Слайд 25 Блокнот редакторы
терезесінде
төмендегі көрсетілген
қарапайым
HTML файлының
мәтінін

теру керек:


алғашқы <br>HTML файлы


Сәрсенбі күнгі сабақ кестесі



Блокнот редакторында тэгтерді браузермен қарау

Блокнот редакторы терезесінде төмендегі көрсетілген қарапайым HTML файлының мәтінін теру керек:  алғашқы HTML файлы

Слайд 26HTML тілінің жиі кездесетін элементтері

HTML тілінің жиі кездесетін элементтері

Слайд 30ТЭГТЕРДІҢ АТРИБУТТАРЫ

ТЭГТЕРДІҢ АТРИБУТТАРЫ

Слайд 31Тэг атрибуттары
Көбінесе ашылу тэгіне әсер ететін түрлендірулер атрибуттары болады.

Атрибуттар немесе сипаттамалар – тэг атауынан және бір-бірінен бос орын арқылы бөлініп жазылған қосымша түйінді сөздерден тұрады
Тэг атрибуттары  Көбінесе ашылу тэгіне әсер ететін түрлендірулер атрибуттары болады. Атрибуттар немесе сипаттамалар – тэг атауынан

Слайд 32Көбінесе атрибуттардың мәнін жазу керек болады. Атрибут мәні – оның түйінді

сөзінен теңдік «=» белгісі арқылы бөлініп жазылады.
Көбінесе атрибуттардың мәнін жазу керек болады. Атрибут мәні – оның түйінді сөзінен теңдік «=» белгісі арқылы бөлініп

Слайд 33Атрибут мәні (“”) алынып жазылуы тиіс, бірақ та оны қолданбай-ақ қоюға

болады. Ал жабу тэгінде атрибуттар болмайды.
Атрибут мәні (“”) алынып жазылуы тиіс, бірақ та оны қолданбай-ақ қоюға болады. Ал жабу тэгінде атрибуттар болмайды.

Слайд 34МӘТІНДІ БЕЗЕНДІРУ

МӘТІНДІ БЕЗЕНДІРУ

Слайд 35Мәтінді абзацтарға бөлу
Оның ең қарапайым жолы
ашу тэгін және


жабу тэгтарын қолдану

Мәтінді абзацтарға бөлуОның ең қарапайым жолы  ашу тэгін және жабу тэгтарын қолдану

Слайд 36 Абзацтарға бөлу Бірінші абзац Екінші

абзац


Мысалы:

Абзацтарға бөлу    Бірінші абзац   Екінші абзац

Слайд 37Блокнот редакторында жазылуы

Блокнот редакторында жазылуы

Слайд 38Абзацқа бөліп жазған мәтінді Браузер арқылы ашып қарау терезесі

Абзацқа бөліп жазған мәтінді Браузер арқылы ашып қарау терезесі

Слайд 39Мәтінге көлденең сызық қою
Оның ең қарапайым жолы
тэгін қолдану

Мәтінге көлденең сызық қоюОның ең қарапайым жолы  тэгін қолдану

Слайд 40 Көлденең сызық қою Кез келген мәтінді жазу

Мәтіннің жалғасы

Мысалы:

Көлденең сызық қою   Кез келген мәтінді жазу   Мәтіннің жалғасы

Слайд 41Блокнот редакторында жазылуы

Блокнот редакторында жазылуы

Слайд 42Көлденең сызықты мәтінге қою

Көлденең сызықты мәтінге қою

Слайд 43Қаріптің жазылуын беру
Оның ең қарапайым жолы
, ,
тэгтерін

қолдану
Қаріптің жазылуын беруОның ең қарапайым жолы , , тэгтерін қолдану

Слайд 44
- қою қаріп
- курсивті қаріп
-

асты сызылған қаріп

Бұндағы:

- қою қаріп - курсивті қаріп - асты сызылған қаріпБұндағы:

Слайд 45Мысалы:

Мысалы:

Слайд 47Жиі кездесетін түстердің кодтары мен аттары

Жиі кездесетін түстердің кодтары мен аттары

Слайд 48FONT элементінің атрибуттары
size - қаріптің өлшемі
color - қаріптің түсі
face - қаріптің

гарнитурасы
FONT элементінің атрибуттарыsize - қаріптің өлшеміcolor - қаріптің түсіface - қаріптің гарнитурасы

Слайд 49Мысалы:

түсінің қызыл және Arial екендігін білдіреді
Мысалы:

Слайд 50Ал жазуы құжаттың фонының түсінің ақ екендігін

көрсетеді
Ал  жазуы құжаттың фонының түсінің ақ екендігін көрсетеді

Слайд 51Тізімдер

Тізімдер

Слайд 52 - маркерленген тізім
- нөмірленген тізім
- анықтамалар тізімі
Тізімнің тақырыбы

міндетті
емес элемент болып табылады және
ол тэгі арқылы беріледі.
Тізімнің құрамы жолдардан тұрады және
әрбір жол
  • тэгі арқылы беріледі.
  • - маркерленген тізім - нөмірленген тізім - анықтамалар тізіміТізімнің тақырыбы міндетті емес элемент болып табылады және

    Слайд 53Маркерленген тізім

    Маркерленген тізім

    Слайд 55Үнсіз келісім бойынша маркерлер қара боялған дөңгелекше тәріздес болады, бірақ оның

    формасын өзгертуге болады. Ол үшін type атрибуты қолданылады.
    Үнсіз келісім бойынша маркерлер қара боялған дөңгелекше тәріздес болады, бірақ оның формасын өзгертуге болады. Ол үшін type

    Слайд 56Мысалы, оның келесі мәндері бар:
    Жаңалықтар - іші боялған шаршы

    - іші боялмаған дөңгелек
    Мысалы, оның келесі мәндері бар: Жаңалықтар - іші боялған шаршы

    Слайд 57Нөмірленген тізім

    Нөмірленген тізім

    Слайд 59type=1 - араб цифрларымен нөмірлеу
    type=А – латынның үлкен әріптерімен
    type=а – латынның

    кіші әріптерімен

    type=І – римнің цифрлерінің үлкен сандарымен

    type=і – римнің цифрлерінің кіші сандарымен

    Мысалы, нөмірленген тізімнің түрлері:

    type=1 - араб цифрларымен нөмірлеуtype=А – латынның үлкен әріптеріменtype=а – латынның кіші әріптеріменtype=І – римнің цифрлерінің үлкен

    Слайд 60КЕСТЕЛЕРДІ ҚҰРУ

    КЕСТЕЛЕРДІ ҚҰРУ

    Слайд 61
    Құжатқа кесте қойған кезде әр кесте
    тэгі арқылы басталып
    жабу тэгі

    арқылы аяқталуы керек. Келесі тэгтер:

    TR – кестенің жеке жолын құру
    TD – кестенің жеке ұяшықтарын құру
    TH – кестенің тақырыптық ұяшығын құру
    CAPTION – кестенің атауын құруға
    арналған
    Құжатқа кесте қойған кезде әр кесте тэгі арқылы басталып жабу тэгі арқылы аяқталуы керек. Келесі тэгтер: TR

    Слайд 62Мысалы:

    Мысалы:

    Слайд 64 Кестенің жалпы параметрлері: (TABLE тэгіне қолданылатын атрибуттар)
    width – кестенің ені
    align

    – кестені терезеге қатысты туралау

    border – кестенің сыртқы шеркарасы

    bgcolor – кестенің фонының түсі

    bordercolor – шекарасының түсі

    Кестенің жалпы параметрлері: (TABLE тэгіне қолданылатын атрибуттар)width – кестенің ені align – кестені терезеге қатысты туралау

    Слайд 65 Осы атрибуттарды кестенің ұяшығына, кестенің жолдарына да қолдана беруге болады Мысалы:

    align=“right”>
    Осы атрибуттарды кестенің ұяшығына, кестенің жолдарына да қолдана беруге болады  Мысалы:

    Слайд 66Мысалы:

    Мысалы:

    Слайд 67Нәтижесі:

    Нәтижесі:

    Слайд 68Графика мен мультимедианы web - параққа қою

    Графика мен мультимедианы web - параққа қою

    Слайд 69Web-ке арналған графикалық файлдардың форматтары
    GIF (Graphics Interchange Format – алмасудың графикалық

    форматы), кеңейткіші- .gif

    JPEG (Joint Photographic Expert Group – фотосуреттер эксперттерінің біріккен тобы), кеңейткіші- .jpg және .jpeg

    PNG (Portable Network Graphics – тасымалданатын желілік графика), кеңейткіші- .png

    Web-ке арналған графикалық файлдардың форматтарыGIF (Graphics Interchange Format – алмасудың графикалық форматы), кеңейткіші- .gifJPEG (Joint Photographic Expert

    Слайд 70Кескінді параққа қою
    Оның ең қарапайым жолы
    тэгін қолдану

    Кескінді параққа қоюОның ең қарапайым жолы  тэгін қолдану

    Слайд 73Сурет арқылы аудио не видео файлға сілтеме жасау

    Сурет арқылы аудио не видео файлға сілтеме жасау

    Слайд 74Мына суретке шертсе
    видео файл ойнатылады

    Мына суретке шертсе видео файл ойнатылады

    Слайд 75Келесі ойнатқыш терезесі шығады

    Келесі ойнатқыш терезесі шығады

    Слайд 76ФРЕЙМДЕРГЕ БӨЛУ

    ФРЕЙМДЕРГЕ БӨЛУ

    Слайд 77Оның ең қарапайым жолы
    тэгінің орнына
    тэгін қолдану

    Оның ең қарапайым жолы тэгінің орнына тэгін қолдану

    Слайд 78Ал фреймнің ішіндегілері
    тэгі арқылы
    анықталады

    Ал фреймнің ішіндегілері тэгі арқылы анықталады

    Слайд 79 Тік фреймдар

    src=“yellow.html”>

    Мысалы:

    Тік фреймдар

    Слайд 80
    cols – тік фреймдердің санын береді
    rows – көлденең фреймдер санын

    тэгіне қолданылатын атрибуттар
    cols – тік фреймдердің санын бередіrows – көлденең фреймдер санын тэгіне қолданылатын атрибуттар

    Слайд 81Cуреттегідей үш
    тік фреймдерге бөледі

    Cуреттегідей үш тік фреймдерге бөледі

    Слайд 82Тік және көлденең
    фреймдердің бірге
    қолданылуына мысал:

    Тік және көлденеңфреймдердің бірге қолданылуына мысал:

    Слайд 83

    Фреймдар
    Фреймдар

    Слайд 84Cуреттегідей тік және
    көлденең фреймдерге бөледі

    Cуреттегідей тік жәнекөлденең фреймдерге бөледі

    Слайд 85Мына
    суретке шертсеңіз
    осы парақты браузер
    арқылы көресіз

    Мынасуретке шертсеңіз осы парақты браузер арқылы көресіз

    Слайд 86Практикалық жұмыстар мен бақылау сұрақтары

    Практикалық жұмыстар мен бақылау сұрақтары

    Слайд 87Бір мысалды қарастырайық: Интернетке саяхат Интернетке хош келдініздер!

    Блокнотта HTML кодын жазу

    Блокнотта жазған кодты htm
    кеңейткішімен сақтау

    Бір мысалды қарастырайық:     Интернетке саяхат     Интернетке хош келдініздер!

    Слайд 88Сақталған файлды таңдау

    Сақталған файлды таңдау

    Слайд 89 жалпы тақырып терезе тақырыбы 1-ші деңгейдегі бос тақырып

    мәтіні

    2-ші деңгейдегі ішкі тақырып мәтіні

    абзац басы тәгі, жол арасына бос орын қалдырады.


    горизанталь сызықтан кейінгі мәтін
    екі жолға бөлу

    Мысалдар:

    жалпы тақырып  терезе тақырыбы      1-ші деңгейдегі бос тақырып мәтіні

    Слайд 90Тәгтердің қосарланып жазылуына мысалдар:
    … … … …


  • HTML-тәгтерінің жалқы жазылуы:

    … …
    HTML-тілінің атрибуттар арқылы жазылуы: ...
    ...
    Тәгтердің қосарланып жазылуына мысалдар:  …   …   …   …

    Слайд 93Бақылау
    сұрақтары:

    Бақылау сұрақтары:

    Слайд 94 HTML тілі қандай тіл, атқаратын
    қызметі қандай?
    HTML тілінің

    қандай негізгі
    ұғымдары бар?
    WWW қазақ тіліне қалай
    аударылады?
    Web-парақ дегеніміз не?
    HTML тілі қандай хаттаманың пайда
    болуына байланысты шықты?
    HTML тілі қандай тіл, атқаратын  қызметі қандай? HTML тілінің қандай негізгі  ұғымдары бар? WWW

    Слайд 95
    Тэг дегеніміз не?
    Атрибут дегеніміз не?
    Мәтінді безендіру үшін қандай


    тэгтер мен атрибуттар қолданылады?
    Кестелерді құруға арналған
    тэгтер мен атрибуттарын ата.
    Кескінді параққа қоюға
    арналған тэг қандай?
    Фреймдерге бөлуге қолданылатын
    тэгтер мен атрибуттарды ата.
    Тэг дегеніміз не? Атрибут дегеніміз не? Мәтінді безендіру үшін қандай  тэгтер мен атрибуттар қолданылады? Кестелерді

    Слайд 98Қатені тап

    Қатені тап

    Слайд 99Дүниежүзілік өрмек

    Нөмірленбеген тізімдер

    Сырғымалы жолдар
    ...
    Гипертексті белгілеу тілі
    WWW
    html құжат құрылымы


    құжат

    бетіне сілтеме
    center

    графикалық бейне қою
    html
    текст

    world wide web
    тексті абзацтарға бөлу
    үш бөлімнен тұрады
    1992 жылы пайда болды

    кестенің бағандары
    ортасыны туралау

      ...

    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.

    Сәйкестікті тап

    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.

    Дүниежүзілік өрмекНөмірленбеген тізімдерСырғымалы жолдар ... Гипертексті белгілеу тіліWWWhtml құжат құрылымықұжат бетіне сілтемеcenterграфикалық бейне қоюhtml текст world wide

    Слайд 100"И? жо?"
    1. html тілінің алғашқы нұсқасын Еуропадағы

    ең кіші
    қарапайым тіршіктер физика лабороториясыны?
    қызметкері Тимом Бернерсом-Ли жасаған болатын.



    2. Интернет желісімен жұмыс істеу үшін
    тышқан, пернетатта, монитор қажет.

    3. Ең көп тараған броузерлер
    ТСР және ІР.

    4. html тілінің тегалары
    блокнотта жазылады.

    5. Web парақтар пішімінің
    кеңейтілуі .htm

    Слайд 101 Тапсырманы орында

    Тапсырманы орында

    Слайд 102

    Кесте жасау

    1. Блокнот программасын іске қосыңыздар.
    2.

    келесі мәтін жолдарын теріңіздер.


    Сабақ кестесі



    Сабақ кестесі



























    Уақыты П11классП12П13
    8-00 – 9-20 Орыс тілі Информатика Тарих
    09-20 – 10-50 Математика Геодезия Ағылшын тілі
    11-00 – 12-20 Тарих Сызба геометрия Компьютерлік графика



    Кесте жасау 1.   Блокнот программасын іске қосыңыздар.2.   келесі мәтін жолдарын теріңіздер.Сабақ кестесі Сабақ

    Слайд 103

    Графикалық редакторды жүктеңіз де үш сурет құрыңыз, оларды дискіге .jpg немесе

    .gif форматпен сақтаңыз.
    Текстік редакторды жүктеңіз де берілген суреттердің біреуін фон ретінде, ал қалған екеуін құжаттың ішіне орналастырып HTML-құжат құрыңыз.
    Парақтың аты: Графикамен жұмыс.
    Парақтың мазмұны: html-құжатты графикалық безендіру.
    Алынған құжатты графика.htm атымен сақтаңыз.
    Берілген құжатты қарау үшін MS Internet Explorer броузерін жүктеңіз.
    Графикалық редакторды жүктеңіз де үш сурет құрыңыз, оларды дискіге .jpg немесе .gif форматпен сақтаңыз.Текстік редакторды жүктеңіз де

    Слайд 104

    Текстік редакторды жүктеңіз де, келесі берілгендермен HTML-құжатты құрыңыз:
    Парақтың аты: Жеке парақ

    (Сіздің аты-жөніңіз).
    Парақтың мазмұны: Өзіңіз туралы жазыңыз.
    (Мысалы: Мен 1993 жылдың 5 ақпанында Ақтөбе қаласында дүниеге келдім. 2009 жылы № 6 орта мектепті бітірдім. 2009 жылы Ақтөбе кооперативтік колледжінің «ЕТ және бағдарламамен қамтаамсыз ету" мамандығына түстім. Менің сүйікті ісім – бұл компьютерлер, детективті әдебиеттер және музыка. Менің ең сүйікті компьютерім – 4000 Мц-ті Pentium VI. Менің ең сүйікті кітабым – Артур Конан Дойлдың «Рассказы о Шерлоке Холмсе» кітабы. Менің ең сүйікті әншім – Олег Газманов).
    Алынған құжатты Мәтін.htm атымен сақтаңыз.
    Берілген құжатты қарау үшін MS Internet Explorer броузерін іске қосыңыз.
    Текстік редакторды жүктеңіз де, келесі берілгендермен HTML-құжатты құрыңыз:Парақтың аты: Жеке парақ (Сіздің аты-жөніңіз).Парақтың мазмұны: Өзіңіз туралы жазыңыз.(Мысалы:

    Слайд 105

    Сурет атрибуттарын тағайындау
    ALT, BORDER, HEIGHT, WIDTH атрибуттарын пайдалана отырып, өз

    қалауларыңызша RASP.HTM файлына бірсыпыра өзгерістер енгізіңіздер.
    Ескерту: Суреттік файлдың көлемінің (байтпен берілген) өзгеруіне назар аударып отырыңыздар, өйткені ол Web-құжаттың Интеренеттен компьютерге жүктелуіне қатты әсер етеді.
    Web-парақтарға фондық суреттер салу
    Фондық сурет – шағын төртбұрышқа орналасқан суреті бар графикалық файл. Броузерге фон ретінде тағайындалғанда, сурет көбейіп терезе аумағын толық алып тұрады.
    Фон ретінде пайдаланылатын сурет тегінде көрсетіледі.
    RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:

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


    Алғашқы HTML файлы



    сәрсенбі күнгі


    сабақ кестесі




    Басқа HTML-құжатқа сурет арқылы сілтеме жасау
    Сурет атрибуттарын тағайындау ALT, BORDER, HEIGHT, WIDTH атрибуттарын пайдалана отырып, өз қалауларыңызша RASP.HTM файлына бірсыпыра өзгерістер енгізіңіздер.Ескерту:

    Что такое shareslide.ru?

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


    Для правообладателей

    Яндекс.Метрика

    Обратная связь

    Email: Нажмите что бы посмотреть