Қазіргі замандағы Интернет-технологиялар 4 html негіздері 12

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-редакторлердің жұмысты жеңілділетін және тездететін қосымша мүмкіндіктері көп. Бұл топқа төменгі программалар кіреді:

Macromedia Dreamweaver;

Екінші үлкен топқа WYSIWYG (ағылшын тілінен “what you see is what you get” - не көрсең соны аласың) редакторлері кіреді. Бұл программаларды тағыда визуалды редакторлар деп айтады.

Осындай программалар графикалық интерфеске ие. Бұл прораммалардың бастапқы махсаты дизайнерді HTML  тегтерінен босату болған. Кәзірге замандағы визуалді HTML-редакторлар дизайнерді көптеген әрекеттерде басатады. Осындай артықшылықтарына қарамастан кемшілігі бар – олар таза HTML кодын жасамайды, оған артық және «фирменный» тегтерді қосады. Көріп отырсыздар,  WYSIWYG редакторларды қолданы HTML тегтерін қолмен жазуды құтқармайды, демек, Web-сайттарын жасау үшін HTML тілінің кем дегенде негізін білу керек.  

WYSIWYG программаларыдың тізімі:

Microsoft Front Page.

Қосымша

10-11 сынып оқушыларына информатика пәнінен кәсіби білім берудің авторлық бағдарламасы

«Интернет-технологиясы. WEB-дизайн негіздері»

 «___» ________ 2005 жыл

Орындаған:

Бұл бағдарлама «Интернет технологиясы WEB-дизайн негізі» тақырыбында 10-11 сынып оқушыларына кәсіби білім беруге негізделген.

Бағдарламаны құру кезінде «Қазақстан Республикасы Білім беру стандарты» және информатика пәні бойынша  нұсқау оқулықтары  басшылыққа алынған.

Оқушыларға алғашқы кәсіби білім беруді көздеген бұл бағдарлама төмендегідей құрылымнан тұрады:

        Информатика пәнінен жалпы мазмұнды білім беру.

        Microsoft Windows бағдарламасымен жұмыс жүргізуде негізгі әдіс- тәсілдерді меңгеру.

        «Microsoft Office» пакетімен жұмыс істеуді меңгеру.

Бағдарламаның мақсаты: Оқушыларға дүниежүзілік ақпараттану әлемі туралы тұтастай түсінік беру және ақпарат алу жүйесін өзіндік ақпараттар жасау қабілеттерін ұштау.

Бағдарламаның негізгі міндеті: 

        Информатика пәнін жүйелеп оқыту әдістерін қарастыру.

        Оқушылардың ақпарат алу, өңдеу жаңа ақпараттар жасау және сақтау туралы бірізді жүйелі танымын қалыптастыру.

        Интернеттің бай мәліметтерін қолдану кезіндегі нақты тәсілдерді көрсету.

        Жалпы орта білім беру жүйесіндегі басқа пәндермен логикалық тығыз байланыс орнату.

Бүгінгі заман талабында ақпараттар жүйесімен жұмыс істеу өз алдына жеке бір кәсіп ретінде талап етіліп отыр. «Интернет технологиясы. Web-дизайн негізі» бағдарламасының құрылымы жалпы информатика элементтерінен, Web-дизайн элементтерінен және электрондық оқулық негізінен тұрады.

Бұл бағдарламамен танысу кезінде оқушылар жаңа кәсіптік бағдармен, нақты айтқанда, оптикалық диск, сканерлер, модем, «Блокнот» мәтіндік редакторы, HTML, FrontPage құжаттарымен және Photoshop, Paint, Macromedia Flash сияқты графикалық редакторларымен жұмыс істеуді меңгереді.

Болашақ мамандардың кәсіби білім алуының әр басқышында дүниежүзілік ақпараттану жүйесінде мақсатты жұмыс жүргізуі үшін осы бағдарламаны құру қажеттілігі туып отыр.

Бұл бағдарламаны оқыту барысында мультимедиялық технология элементтерін қолдану көзделіп отыр.

Бағдарламаның бір бөлігі теориялық білім беруге негізделген Интернет мәліметтерін қолдану сабақтары online кестесіне сәйкес жүргізілуі тиіс.

Интернетке  қосылу  сақталмаған жағдайда online кестесінің алдын-ала дайындаған ақпараттық мәліметтерін қолдануға болады.

Оқушылардың жаңа материалды меңгеру дағдыларын бақылау ауызша немесе жазбаша сұрау және өздік практикалық тапсырмалар негізінде алынуы тиіс.

Өтілген тақырыптар бойынша оқушылардың білім мен білік дағдыларын жазбаша бақылау алу әдісімен тексеруге болады.

Бұл бағдарламаны толық оқып, меңгерген оқушылар Интернетке қосылу жүйесін толық білуі және өздері сабақта жоспарлап құрған WEB-саитты қолданулары тиіс.

Нақты білім алу және алған білімдерін практикада қолдану барысында оқушылардың назары еңбек қауіпсіздігіне, техника қауіпсіздігіне аударылуы тиіс және жеке бас гигиенасына көңіл бөлгені шарт.

 

Бағдарламаның мазмұны.

10-сынып.  Аптасына 2 сағат жалпы 68 сағат.

11-сынып.  Аптасына 2 сағат жалпы 68 сағат.

№ 1. Интернетке саяхат.

№ 3. Электронды байланыс бөлімімен жұмыс.

№ 4. Қарапайым Web-беттерін құру.

№ 5. WEB-беттерінде мәтін өңдеу.

№ 6. WEB-беттерінде кестелер орналастыру.

№ 7. Гиперсілтемелер құру.

№ 8. Сызбалар құру және өңдеу.

№ 9. Фрейм  қолдану арқылы  WEB беттерін құру.

№ 10. Берілген тақырыпқа WEB беттерін құру.

№ 11. Adobe Photoshop  құралдар тізімін оқып үйрену.

№ 12. Қатпарлар палитрі.

№ 13. Мәтінді кіргізу  және редакциялау.                                                     

№ 14. Adobe  Phtoshop-та  берілген тақырып  бойынша коллаж құру.

№ 15. Қарапайым анимациялық бейнелер құру.

№ 16. Macromedia  flash   суреттер құралын үйрену.

№ 17. Белгілер жасау  және редакциялау.

№ 18. Көптүрлі бейнелермен жұмыс.

№ 19. Мәтінмен жұмыс.

№ 21. Анимация құру.

№ 22. WEB-жібін жобалау және құру.

№ 23. Кестелердің қолданылуы.

№ 24. Таблицалар құру және өңдеу.

№ 25. Мультимедия нысанын қою.

№ 26. Берілген тақырып бойынша бақылау  WEB-сайтын құру.

 

Негізгі білім мен дағды көлемі

 

Оқушылар білуі тиіс:

ДК жұмыс жүргізу кезіндегі басты ережелер мен техника қауіпсіздік ережелері.

Интернет жүйесінің негізгі заңдылықтары.

Интернет жүйесінің   мәліметтері мен компьютерлік жұмыс түрлері.

Ақпаратты алу  жылдамдығының  өлшем бірлігі.

Ақпарат алу және ауысу хаттамасының түрлері.

FTP-хаттамасы, FTP-бағдарының түрлері және HTTP-ден негізгі айырмашылықтары.

Интернетте мекен-жай орналастыру заңдылығы.

Браузер түрлері  және құрылымы.

Интернетке     қосылу жүйесінің тәсілдері.

Интернет торабындағы дүниежүзілік және орыс тілді мәліметтер көлемі.

Негізгі іздеу машиналары және оның түрлері.

Графикалық ақпараттармен жұмыс істеудің негізі.

WEB-беттері сайтын құру үшін керекті құралдар жиынтығы.

HTML тілін қолданудың негізгі ерекшіліктері.

WEB-редакторымен жұмыс істеу жүйесі.

WEB беттерінің типтік құрылы мен сайтты жобалау тәртібі.

WEB дизаинның негізгі заңдылықтары.

Интернетте жариялау үшін өз сайтты дайындау кезеңдері?

 

Оқушылар  қолдана білуі тиіс:

Интернетке желісіне қосылу.

Интернет сайтын  қадағалау кезінде орыс тілінің қаріпін кодтау.

Электронды байланысты қолдану; хаттар мәтінін құру және салу, хабарлама алу, ұсынылған сервисті қолдана білу мүмкіндігін реттеу.

Сайт бетінің электронды мекен-жайын құру,  қаралған беттер бойынша алға және соңына қарай ауысу кезеңін іске асыру.

Таңдау және Тарих жинақ папкаларын қолдану.

Беттерді толық немесе үзінділер бойынша сақтау.

Жүйелі кесте бойынша жұмыс істеу.

Іздеу машиналарын қолдана білу.

FTP арқылы файл іздеуді жүзеге асыру, жалпы FTP –ді қолдану.

Іздеу машинасына нақты тапсырыс беру және керекті сайтты реттеу.

Логикалық операторларды қолдану арқылы берілген тақырыпқа сәйкес ақпарат әзірлеу.

WEBүшін графикалық кескіндерді құру және жүзеге асыру.

Мәтін және графикалық кескіндерді сканерден шығару.

Интернеттен ақпарат іздеу тәсілін меңгеру және керекті форматта сақтауды білу.

Сайтқа керекті мәтін және қолданбалы материалды дайындау.

Беттер толтыру үшін WEBредакторының құралдарын қолдану : беттерін жасау, гиперсалуды құру, мәтін теру, таблицалар қолдану.

Беттің белгіленген тәртібін жүзеге асыру.

Жеке сайт әзірлеу және Интернетке жариялау.

Фрейдік технология түрлерін қолдану.

Толық WEB –саит құру.                                

Жие қолданылатын тег және атрибуттер тізімі