"Сайттың қарапайым алғашқы бетін құру." 1 курсқа арналган

САБАҚ ЖОСПАРЫ Пән аты: Информатика  №     сабақ     ______    Э­31 тобы    Сабақтың тақырыбы: Сайттық қарапайым алғашқы бетін құру. Сабақтың мақсаты: Кесте құрудың HTML тіліндегі тегтерін, визуалды редакторда кесте    құрудың  тәсілін үйрету. Жаңа тақырыпты оқыта отырып, логикалық  ойлау қабілеттерін дамыту.  Шығармашылық қабілеттерін, пәнге  деген сүйіспеншіліктерін  арттыру. Сабақтың көрнекілігі: экран, проектор, слайдтар, плакаттар, мәтін енгізілген және                                          тапсырмасы бар карточкалар Сабақтың типі: жаңа тақырыпты түсіндіру сабағы Оқушылар білуі тиіс: ғаламтормен жұмыс істеуді, 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 тегі деген не . Сонымен, HTML  тегі дегенді түсіну үшін төмендегі суретке назар салайық, ондағы бұрышты жақшаның   ішінде   орналасқан   бір   немесе   бірнеше   әріптерден   тұратын   сөздер   сол   "тег"   дегенді сипаттайды. Енді бұл тегтердің құрамына көз салайық.Олар ашық­ жабық тегтер болып және сыңар тегтер болып екіге бөлінеді. Енді осы гипертексті тілдің тәсілін пайдаланып, сайт парақшаларын қалай жазу керек екеніне тоқталайық.Оны   жазу   үшін   әрине   редактор   керек   және   бұл   үшін ең   жақсысы   Notepad   ++   ті пайдаланукерек. HTML, HEAD, TITLE, BODY дегендерненібілдіреді. Яғни,   бұл   жердегі   ,,,,,   дегендер   де HTML тегі деп аталады. Бұл жерде жоғарыда айтып өткенімдей ­ HTML тегтері жұптасқан, яғни ашылатын, жабылатын тегтері бар және жалғыздара тег болып екіге бөлінеді.  ­ парақшаның басын , ал  аяғын білдіреді.  ­ бұл жерде парақшаның тақырыбы, қанадай кодировкада(кирилица ма әлде басқа тілде) сипаталатыны, жүктелетін басқа комекші программалар тізбегі т.с.сияқтылар жазылады.шаблонның бұл бөлігі сайт бетіне шықпайды.  ­ бұл тег парақшаның денесі деп аталады яғни бұл жерде HTML тегтерімен не жазылса сол сайт бетінен көрініс табады. Web­құжаттың негізгі бөліктерінің бірі­кесте. Кесте дегеніміз­бағаналар мен жолдар бойымен  қиылысқан ұяшықтар жиынтығы.Кесте қандай да бір мақсатта, қандай да бір тақырыпта ақпаратты  орналастыру үшін қолданылады. Ұяшық бос болу үшін бос орын таңбаларын енгізу керек. Кесте  төмендегідей бөліктерден тұрады: Бағаналар тақырыбы; Кесте тақырыбы; Кесте ұяшықтарына келесідей ақпараттар орналасады: суреттер, сандар,мәтіндер немесе тағы да бір  шағын кесте. Тапсырма: Ұяшықтар; 1. Тегтерді қолданып, кестенің төмендегідей түрінжасаңдар Сонымен біз тегтер жиының пайдаланып, блокнот қосымшасында кестелерді құрып көрдік. Ал  енді, SharePoint Designer визуалды редакторында кесте жасаймыз. Бұл редакторда кесте құру  үшін терезенің мәзір қатарынан Кесте мәзіріне кіреміз де, кестені қалағанымызша құра аламыз.  Мұнда кестені редакторлау Microsoft Office Word тағыдай жүреді. Сабақты қорытындылау Үйге тапсырма Бағалау