Гипермәтінді белгілеу тілі туралы оқушылар жұмысы
Sheber Education·24 Маусым·Қаралды:82Жүктелді:0
Материалда гипермәтінді белгілеу тілінің мәні, оны үйренудің жеңілдігі және қарапайым сайт жасау мүмкіндігі түсіндіріледі. Жұмыс информатика пәніндегі веб-бет ұғымын танып, қызығушылығын арттырғысы келетін 11-сынып оқушыларына пайдалы.
Материал жүктеу үшін жазылым қажет
Алдын ала көру
Сатып алмас бұрын бірнеше бетін көре аласыз. Толық нұсқасы жүктегенде — жазусыз, сызықсыз.
Материалдан үзінді
HTML деген не? HTML тегі нені білдіреді.
HTML дегеніміз- ағылшынша HyperTextMarkupLanguage, яғни гипертексті таңбалау тілі дегенді білдіреді.Осы тіл арқылы сайттың парақтары жазылады.
Оны ең бірінші болып ашып, әлемге паш еткен интернеттің атасы Тим Бернерс-Ли деген азамат.Ол мұндай тілді ашу үшін сол кезде қолданыста жүрген SGML деген тілді пайдаланған.
HTML дің ең бірінші нұсқасы 90-шы жылдардың басында пайда болған.Кейін Тим Бернер тілді әркім өз білгендерінше бұрмалап кетпес үшін, сол тілді белгілі бір стандартқа бағындырмақ ниетпен консорциум-құрылым ашқан.Ол W3C( World Wide Web Consortium) деп аталады.
1994 жылы гипертексті таңбалау стандарттарының екінші версиясы әзірленіп, ал 1995 жылы HTML3 версиясы CSS тің сүйемелдеуімен бірге жарық көреді.Одан соң 3.2 кейін 4.0 версиялар пайда болады.
Ал қазір біз 1999 жылы пайда болған HTML дің 4.01 версиясын осы күнге дейін пайдаланып келеміз.
HTML тегі дегенді түсіну үшін төмендегі суретке назар салайық, ондағы бұрышты жақшаның ішінде орналасқан бір немесе бірнеше әріптерден тұратын сөздер сол "тег" дегенді сипаттайды.
Енді бұл тегтердің құрамына көз салайық.Олар ашық- жабық тегтер болып және сыңар тегтер болып екіге бөлінеді.
Енді осы гипертексті тілдің тәсілін пайдаланып, сайт парақшаларын қалай жазу керек екеніне тоқталайық.Оны жазу үшін әрине редактор керек және бұл үшін ең жақсысы Notepad ++ ті пайдалану керек.
HTML, HEAD, TITLE, BODY дегендер нені білдіреді.
Яғни, бұл жердегі <html>,</html>,<head></head>,<title>,</title>,<body>,</body> дегендер де HTML тегі деп аталады.
Бұл жерде жоғарыда айтып өткенімдей - HTML тегтері жұптасқан, яғни ашылатын, жабылатын тегтері бар және жалғыздара тег болып екіге бөлінеді.
<html> - парақшаның басын , ал </html> аяғын білдіреді.
<head> - бұл жерде парақшаның тақырыбы, қанадай кодировкада(кирилица ма әлде басқа тілде) сипаталатыны, жүктелетін басқа комекші программалар тізбегі т.с.сияқтылар жазылады.шаблонның бұл бөлігі сайт бетіне шықпайды.</head>
<body> - бұл тег парақшаның денесі деп аталады яғни бұл жерде HTML тегтерімен не жазылса сол сайт бетінен көрініс табады.</body>
Ал title - бұл сіздің web парақшаңыздың тақырыбы.
Оны да өте мұқият таңдау керек, себебі ол кейін сіз сайтыңызды Іздеу сайттары арқылы интернет бетіне шығарғанда адамдардың назарына тек ілігіп қана қоймай оны осы сіздің сайтыңызға кіретіндей қызығушылығын тудыруы керек.
Бірінші парақшаңыз құтты болсын!
Егер сіз әлі Notepad++ ті өз компьютеріңізге орнатпаған болсаңыз, онда әзірше Блокнотты қолданыңыз.
Төмендегі суреттер арқылы, сіздер HTMLтегі арқылы сіздің жазған сөйлеміңіздің қалай параққа айналғанын көре аласыз.Ол үшін алдыңғы суреттегі жазылғанның бәрін Блокнотқа көшіріп алыңыз да, оны файл қылып сақтап кейін ашыңыз.
Файлға өзіңіз қалаған атты қойыңыз да, кодировканы міндетті түрде UTF-8 мен сақтап жіберіңіз.Мен мысалы, "меніңПарағым" деп атадым.
Сақтап, компьютерге жазып болған соң оны ашыңыз.
Құттықтаймын, бұл сіздің бірінші парағыңыз, ғаламтор әлеміндегі өз орныңызға жасаған бірінші қадамыңыз.
DOCTYPE нені білдіреді.
Енді парақ(немесе документ деп те атайды) бетіндегі осы жоғарыда аталған атауларға тоқталып өтейік.
Сабаққа арналған ойындар
Жазылымдар
Өзіңізге ыңғайлы жазылымды таңдаңыз
1 күн
BASIC
5 ЖИ / күн
Жасанды интеллект арқылы презентация, тест құрастыру мүмкіндігі
17 Құралдар / күн
Рефлексия, кері байланыс, таймер, топқа бөлу т.б инстурменттерге доступ
5 Материал / күн
Сайттағы 106мың материалға доступ.Кез-келген файлды жүктеп алу.
15 Ойындар / күн
Жазылым бойынша ойын жасау лимиті.
1 ай
BASIC
50 ЖИ / ай
Жасанды интеллект арқылы презентация, тест құрастыру мүмкіндігі
22 Құралдар / ай
Рефлексия, кері байланыс, таймер, топқа бөлу т.б инстурменттерге доступ
100 Материал / ай
Сайттағы 106мың материалға доступ.Кез-келген файлды жүктеп алу.
100 Ойындар / ай
Жазылым бойынша ойын жасау лимиті.

