Астан 2012
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
HTML тілінің көмегімен web-парақтарды құру презентация
Содержание
- 1. HTML тілінің көмегімен web-парақтарды құру
- 2. Аннотация
- 3. Мазмұны 1 HTML тіліне
- 4. HTML ТІЛІНІҢ КӨМЕГІМЕН WEB-ПАРАҚТАРДЫ ҚҰРУ
- 5. Мақсаты: Интернетте бағдарламалау
- 6. Интернетте бағдарламалау JavaScript тілі HTML тілі PHP тілі Flash бағдарламасы
- 7. Мазмұны HTML
- 8. HTML ТІЛІНЕ КІРІСПЕ
- 9. Интернеттің қазіргі дамуы 90-жылдар басында компьютерлер арасында
- 10. Осы хаттамамен қатар НТТР серверлерінің кеңейтілген желілері
- 11. World Wide Web сөзі қазақ тіліне кеңейтілген бүкіләлемдік өрмек болып аударылады
- 12. HTML (Hyper Text Markup
- 13. Бұл файлдардың басым көпшілігі Web- парақтар түрінде HTML тілінде жазылған арнаулы файлдар түрінде болды
- 14. HTML тілінің мағынасы мен атқаратын қызметін оның атынан анықтауға болады
- 15. Осы файлдарды НТТР серверлерінде (Web- тораптарында) орналастыру
- 16. Web-парақтар мазмұны әр түрлі бола береді және
- 17. HTML ТІЛІНІҢ НЕГІЗГІ ҰҒЫМДАРЫ
- 18. Гипермәтін – қосымша элементтерді басқару мақсатында ішіне
- 19. Сөзді ерекшелеп белгілеу – келесі көрсетілген құжат бөлігі қалай бейнеленетіндігін анықтайтын айрықша кодты енгізу
- 20. Гиперсілтеме – парақ элементтерінің ортасында гиперсілтеме
- 21. Гиперсілтемені анықтау үшін: Көшетін екінші құжатқа
- 22. HTML ТІЛІНІҢ ТЭГТЕРІ (командалары)
- 23. HTML тілінің бастапқы мәтінді белгілейтін командалары тэг (tag) деп аталады
- 24. Тэг символдар тізбегінен тұрады. Барлық тэг «кіші» () символымен аяқталады
- 25. HTML тіліндегі әрбір тэг бір арнаулы қызмет атқарады
- 26. Ашылатын бұрыштық жақшадан соң команда аты болып табылатын түйінді сөз – тэг орналасады
- 27. Мәтіндік редакторлар ішінде Блокнот редакторы жиі қолданылады
- 28. Блокнот редакторы терезесінде
- 29. HTML тілінің жиі кездесетін элементтері
- 33. ТЭГТЕРДІҢ АТРИБУТТАРЫ
- 34. Тэг атрибуттары Көбінесе ашылу тэгіне
- 35. Көбінесе атрибуттардың мәнін жазу керек болады. Атрибут
- 36. Атрибут мәні (“”) алынып жазылуы тиіс, бірақ
- 37. МӘТІНДІ БЕЗЕНДІРУ
- 38. Мәтінді абзацтарға бөлу Оның ең қарапайым жолы
- 39. Абзацтарға бөлу
- 40. Блокнот редакторында жазылуы
- 41. Абзацқа бөліп жазған мәтінді Браузер арқылы ашып қарау терезесі
- 42. Мәтінге көлденең сызық қою Оның ең қарапайым жолы тэгін қолдану
- 43. Көлденең сызық қою
- 44. Блокнот редакторында жазылуы
- 45. Көлденең сызықты мәтінге қою
- 46. Қаріптің жазылуын беру Оның ең қарапайым жолы , , тэгтерін қолдану
- 47. - қою қаріп -
- 48. Мысалы:
- 50. Жиі кездесетін түстердің кодтары мен аттары
- 51. FONT элементінің атрибуттары size - қаріптің өлшемі color - қаріптің түсі face - қаріптің гарнитурасы
- 52. Мысалы:
- 53. Ал жазуы құжаттың фонының түсінің ақ екендігін көрсетеді
- 54. Тізімдер
- 55. - маркерленген тізім - нөмірленген
- 56. Маркерленген тізім
- 58. Үнсіз келісім бойынша маркерлер қара боялған дөңгелекше
- 59. Мысалы, оның келесі мәндері бар: Жаңалықтар - іші боялған шаршы
- 60. Нөмірленген тізім
- 62. type=1 - араб цифрларымен нөмірлеу type=А –
- 63. КЕСТЕЛЕРДІ ҚҰРУ
- 64. Құжатқа кесте қойған кезде әр кесте
- 65. Мысалы:
- 67. Кестенің жалпы параметрлері: (TABLE тэгіне қолданылатын
- 68. Осы атрибуттарды кестенің ұяшығына, кестенің жолдарына
- 69. Мысалы:
- 70. Нәтижесі:
- 71. Графика мен мультимедианы web - параққа қою
- 72. Web-ке арналған графикалық файлдардың форматтары GIF (Graphics
- 73. Кескінді параққа қою Оның ең қарапайым жолы тэгін қолдану
- 76. Сурет арқылы аудио не видео файлға сілтеме жасау
- 77. Мына суретке шертсе видео файл ойнатылады
- 78. Келесі ойнатқыш терезесі шығады
- 79. ФРЕЙМДЕРГЕ БӨЛУ
- 80. Оның ең қарапайым жолы тэгінің орнына тэгін қолдану
- 81. Ал фреймнің ішіндегілері тэгі арқылы анықталады
- 82. Тік фреймдар
- 83. cols – тік фреймдердің санын
- 84. Cуреттегідей үш тік фреймдерге бөледі
- 85. Тік және көлденең фреймдердің бірге қолданылуына мысал:
- 87. Cуреттегідей тік және көлденең фреймдерге бөледі
- 88. Мына суретке шертсеңіз осы парақты браузер арқылы көресіз
- 89. Практикалық жұмыстар мен бақылау сұрақтары
- 90. Бір мысалды қарастырайық:
- 91. Сақталған файлды таңдау
- 92. жалпы тақырып терезе тақырыбы
- 93. Тәгтердің қосарланып жазылуына мысалдар: …
- 96. Бақылау сұрақтары:
- 97. HTML тілі қандай тіл, атқаратын
- 98. Тэг дегеніміз не? Атрибут
- 99. Көңіл бөлгендеріңізге рахмет!
Аннотация Бұл мультимедиалық презентацияда «050111-Информатика» мамандықтарын дайындау жұмыс жоспарының негізгі компоненттері болып табылатын «Интернетте бағдарламалау» және «Интернет- технологиялар» курстарын оқытудың теориясы қарастырылады.
Слайд 1
ҚАЗАҚСТАН РЕСПУБЛИКАСЫ БІЛІМ ЖӘНЕ ҒЫЛЫМ МИНИСТРЛІГІ
«Қаржы академиясы” АО колледжі
HTML ТІЛІНІҢ КӨМЕГІМЕН
WEB-ПАРАҚТАРДЫ ҚҰРУ
Астан 2012
Астан 2012
Слайд 2Аннотация
Бұл мультимедиалық презентацияда «050111-Информатика» мамандықтарын
дайындау жұмыс жоспарының негізгі компоненттері болып табылатын «Интернетте бағдарламалау» және «Интернет- технологиялар» курстарын оқытудың теориясы қарастырылады.
«Интернетте бағдарламалау» және «Интернет- технологиялар» курстары негізінен Интернет туралы толық ақпараттарды, Интернетте бағдарламалау тілдерін қарастырады. Сондықтан осы құралда бағдарламалау тілдерінің негізгісі болып табылатын HTML тілінде web-парақтарды құру бойынша дәріс ұсынылып отыр.
«Интернетте бағдарламалау» және «Интернет- технологиялар» курстары негізінен Интернет туралы толық ақпараттарды, Интернетте бағдарламалау тілдерін қарастырады. Сондықтан осы құралда бағдарламалау тілдерінің негізгісі болып табылатын HTML тілінде web-парақтарды құру бойынша дәріс ұсынылып отыр.
Слайд 3Мазмұны
1 HTML тіліне кіріспе
2 HTML тілінің негізгі
ұғымдары
3 HTML тілінің тэгтік үлгісі
3.1 Мәтіндерді безендіру
3.2 Кестелерді тұрғызу
3.3 Графика мен мультимедианы web-параққа қою
3.4 Фреймдерге бөлу
4 HTML тэгтерінің атрибуттары
5 Практикалық жұмыстар мен бақылау сұрақтары
3 HTML тілінің тэгтік үлгісі
3.1 Мәтіндерді безендіру
3.2 Кестелерді тұрғызу
3.3 Графика мен мультимедианы web-параққа қою
3.4 Фреймдерге бөлу
4 HTML тэгтерінің атрибуттары
5 Практикалық жұмыстар мен бақылау сұрақтары
Слайд 5 Мақсаты:
Интернетте бағдарламалау
тілдерінің бірі
болып табылатын
HTML тілі, тэгтері, атрибуттары
туралы жалпы түсінік беру
Студенттердің
қызығушылықтары мен
белсенділіктерін арттыру
HTML тілі, тэгтері, атрибуттары
туралы жалпы түсінік беру
Студенттердің
қызығушылықтары мен
белсенділіктерін арттыру
Слайд 7Мазмұны
HTML тіліне кіріспе
HTML тілінің негізгі
ұғымдары
HTML тілінің тэгтік үлгісі
HTML тэгтерінің
атрибуттары
Практикалық жұмыстар
мен бақылау сұрақтары
Мәтіндерді безендіру
Кестелерді тұрғызу
Графика мен мультимедианы
web-параққа қою
Фреймдерге бөлу
шығу
Слайд 9Интернеттің қазіргі дамуы 90-жылдар басында компьютерлер арасында мәлімет алмасудың жаңа хаттамасы
(protocol) пайда болғаннан кейін басталды. Бұл хаттама HTTP (Hyper Text Transfer Protocol- гипермәтінді тасымалдау хаттамасы) деп аталған болатын
Слайд 10Осы хаттамамен қатар НТТР серверлерінің кеңейтілген желілері болып табылатын, Интернет арқылы
файлдар тасымалдай алатын World Wide Web қызмет бабы (WWW немесе тек Web) пайда болды
Слайд 12 HTML (Hyper Text Markup Language) – гипермәтінді белгілеу
тілі. Ол кәдімгі мәтіндерді Web-парақтар түрінде бейнелеуге арналған ережелер жиынын анықтайды.
Слайд 13Бұл файлдардың басым көпшілігі Web- парақтар түрінде HTML тілінде жазылған арнаулы
файлдар түрінде болды
Слайд 15Осы файлдарды НТТР серверлерінде (Web- тораптарында) орналастыру жолымен Web-парақтар қалың көпшілік
пайдалатындай түрінде интернетте жарияланады
Слайд 16Web-парақтар мазмұны әр түрлі бола береді және олар әр түрлі тақырыптарды
қамтиды, бірақ олардың бәрінің де негізгі жариялану, яғни жазылу тілі HTML болып табылады
Слайд 18Гипермәтін – қосымша элементтерді басқару мақсатында ішіне арнаулы код, яғни екпінді
элемент орналасқан мәтін. Ол мәтін ішіне дыбыс, сурет, мәтінді безендіру, пішімдеу істерін орындауды белгілейтін сөздер орналасады.
Слайд 19Сөзді ерекшелеп белгілеу – келесі көрсетілген құжат бөлігі қалай бейнеленетіндігін анықтайтын
айрықша кодты енгізу
Слайд 20Гиперсілтеме – парақ элементтерінің ортасында гиперсілтеме көрсетілген мәтінмен немесе суретпен,
кейбір объектілермен немесе адрестермен байланыс жасайды
Слайд 21Гиперсілтемені анықтау үшін:
Көшетін екінші құжатқа қыстырма жасайды
Қыстырма жасалғаннан кейін
сақтайды
Гиперсілтеме жасалынатын сөзді белгілеп, гиперсілтемені жасайды
Қосымша терезе ашылады
Гиперсілтеме жасалынатын сөзді белгілеп, гиперсілтемені жасайды
Қосымша терезе ашылады
Слайд 28 Блокнот редакторы
терезесінде
төмендегі көрсетілген
қарапайым
HTML файлының
мәтінін
теру керек:
алғашқы <br>HTML файлы
Сәрсенбі күнгі сабақ кестесі
Сәрсенбі күнгі сабақ кестесі
Блокнот редакторында тэгтерді браузермен қарау
Слайд 34Тэг атрибуттары
Көбінесе ашылу тэгіне әсер ететін түрлендірулер атрибуттары болады.
Атрибуттар немесе сипаттамалар – тэг атауынан және бір-бірінен бос орын арқылы бөлініп жазылған қосымша түйінді сөздерден тұрады
Слайд 35Көбінесе атрибуттардың мәнін жазу керек болады. Атрибут мәні – оның түйінді
сөзінен теңдік «=» белгісі арқылы бөлініп жазылады.
Слайд 36Атрибут мәні (“”) алынып жазылуы тиіс, бірақ та оны қолданбай-ақ қоюға
болады. Ал жабу тэгінде атрибуттар болмайды.
