kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

HTML-де беттерді құру және Безендіру

Нажмите, чтобы узнать подробности

HTML-де беттерді құру және Безендіру

Web-бетіне графикалық обьектіні орнату үшін курсор графикалық обьект орнатылатын жерге қойылады. Саймандар тақтасынан Insert Picture (Суретті қою)  пернесі шертіледі немесе Insert – Picture - From File (Қою – Сурет – Файлдан) командасы беріледі. Нәтижесінде сұхбат терезесі ашылады. Орнатылатын графикалық файл ағымдағы Web- түйіннің тізімінен таңдалынады.  GIF немесе JPEG файлдарын көру үшін файл ерекшеленеді, Front Page-дің алдын ала көру аймағында сурет көрінеді.

Егер сурет ағымдағы Web-түйіннің сыртында болса, онда Use Yore Browser to Select a Page (Бетті таңдау үшін браузерді қолдану) немесе Select a File on YourComputer (Сіздің компьютерде файлды таңдау) Қажетті пернелерін шерту арқылы WWW-дан немесе дербес және желілік дискілерден графикалық файлдарды іздеу процедурасы іске қосылады. Файл таңдалынғаннан кейін Ок пернесі басылады.

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«HTML-де беттерді құру және Безендіру»



39 Сабақ жоспары


Топ

4 топ

Сабақтың өткізілетін күні


Пәні: Информатика

Сабақтың тақырыбы: HTML-де беттерді құру және Безендіру

Сабақтың мақсаты:

Білімділік: HTML-де беттерді құру және Безендіру тақырыбы бойынша студенттерді білімділікке, сауаттылыққа, ойлау ұшқырлығын дамыту

Тәрбиелік: икемділік қасиетімен шабытты болуға қалыптастыру

Дамытушылық: студенттердың ойлау қабілетімен қызығушылығын арттыру

Сабақтың типі (аралас, жаңа білімді игеру, ізденіс сабағы) (керектісінің астын сызу)

Сабақтың түрі: жаңа сабақты меңгерту (теориялық, тәжірибелік, лабораториялық) (керектісінің астын сызу)

Сабақты өту әдісі: ақпараттық дамытушылық тәсіл

Пән аралық байланыс: бағдарламалау тілдері, математика, ағылшын тілі

Көрнекі құралдар: компьютер

Әдебиеттер: В. Б. Симонович «Информатика базовый курс»

«Office 97 книга ответов» Питер. 2001 ж. «Microsoft Word текстовый редактор» Питер. 2001 ж. OC Windows 98, 2000, XP Питер. 2001 ж. В.А. Каймин «Основы компьютерной технологии» Шафрин. «Основы компьютерной технологии» «Всемирная паутина WWW» Питер. 2001 ж. В.А. Каймин т. б. «Основы информатики и вычислительной техники»

10-11 клас оқушыларға оқу қолданба. Москва. «Просвешение» 1989 ж.

В. П. Леонтьев «Персональный компьютер» «Microsoft Access» Питер. 2000 ж.

Сабақтың барысы мен мазмұны

  1. Ұйымдастыру кезеңі

а) ұйымдастыру кезеңі

б) үй тапсырмасын сұрау

в) бағалау

г) жаңа сабақ

д) бекіту

е) үйге тапсырма

ж) қорытынды

Қоңырау соғылып сабақ басталған соң баларды ұйымдастыра отырып сабақты бастаймын.

  1. Үй тапсырмасын тексеру:

  2. Жаңа сабақтың тақырыбын, мақсатын хабарлау, баяндап жаздыру

HTML-де беттерді құру және Безендіру

Web-бетіне графикалық обьектіні орнату үшін курсор графикалық обьект орнатылатын жерге қойылады. Саймандар тақтасынан Insert Picture (Суретті қою)  пернесі шертіледі немесе Insert – Picture - From File (Қою – Сурет – Файлдан) командасы беріледі. Нәтижесінде сұхбат терезесі ашылады. Орнатылатын графикалық файл ағымдағы Web- түйіннің тізімінен таңдалынады.  GIF немесе JPEG файлдарын көру үшін файл ерекшеленеді, Front Page-дің алдын ала көру аймағында сурет көрінеді.

Егер сурет ағымдағы Web-түйіннің сыртында болса, онда Use Yore Browser to Select a Page (Бетті таңдау үшін браузерді қолдану) немесе Select a File on YourComputer (Сіздің компьютерде файлды таңдау) Қажетті пернелерін шерту арқылы WWW-дан немесе дербес және желілік дискілерден графикалық файлдарды іздеу процедурасы іске қосылады. Файл таңдалынғаннан кейін Ок пернесі басылады.

ClipArt суреттерін орнату. Microsoft Clip Gallery суреттер жиыны Front Page құрамына кіреді. Бұл суреттерді ашу үшін Insert – Picture – ClipArt немесе Image (Көрініс) сұхбат терезесінен ClipArt пернесі шертіледі. Көрсетілген терезе пайда болады. Суреттер категориясы белгі түрінде көрсетілген. Осы белгілердің біреуін шерту арқылы бұл категорияға сай суреттер шығады. Категорияларға қайта оралу үшін саймандар тақтасындағы Back (Кері қайту) пернесі шертіледі.

Category (Категориялар) тізімінде Web-беттерімен жұмыс істеуге арналған Web Bullets and Buttens (Маркерлер мен пернелер) және Web Dividers (Бөлгіштер) категориялар табылады. Сурет таңдалынған соң  Insert  Clip (Клип қою) пернесі шертіледі, нәтижесінде сұхбат терезесі жабылып сурет бетке орнатылады. Web-беті екі графикалық обьектілерден ClipArt және фотография суреті мынадай бөлімдерден тұрады:

  1. ClipArt суретін орнату үшін келесі операцияларды орындау керек:

  2. Сурет орнатылатын жерге курсор қойылады.

  3. Insert – Picture – ClipArt (Қою – Суреттер – Көрініс) командасы беріледі.

  4. Microsoft ClipArt Gallery терезесінен категория таңдалынады.

  5. Бетке орнатылатын сурет таңдалынып Insert  Clip (Клип қою) пернесі басылады.

Көрсетілген мысалда Web-бетіне қойылған суреттер басқа графикалық обьектілерден ешқандай айырмашылығы жоқ. Олардың қасиеттерін, бетке орналасуын өзгертуге немесе жоюға болады.

Бейне клипті орнату. Редактордың көмегімен Web-бетіне қозғалатын бейнені -.AVI немесе .RAM кеңейтуіндегі бейне клип файлдарын орналастыруға болады. Бұл процесс қозғалмайтын бейнені орналастыру процесіне ұқсайды. Бейне клипті үшін Insert – Picture – Video (Қою – Суреттер – Бейне) командасы таңдалынады.

Front Page клип фреймін қояды, редакторден тікелей бенеклипті көруге болмайды. Браузерден көру үшін File – Priview in Browser (Файл – Браузер арқылы көру) командасы қолданылады.

Бейне клиптер дискіде көп кеңістік алады бірнеше секундқа созылатын клип жүздеген килобайт орын алуы мүмкін. Мысалы, Windows 95 құрамына кіретін 15 секундтық welcome.avi бейне файлы 6 Мбайттан көп орын алады және осыған ұқсас бейне клипті Web-бетіне орналастырғанда жүктелу уақыты 28800 кбайт/с жылдамдықпен бір сағатқа дейін созылуы мүмкін.

Жоғарыда айтылғандарды ескеретін болсақ, егер бейнеклип Web-түйінінің информациялық құрылымында маңызды роль атқарса ғана қолданған орынды. Бейнеклипті гиперсілтеменің мақсатты обьектісі етіп көрсетуге немесе сирек ашылатын файлға орналастыруға болады, сонымен қатар қолданушыларға жүктелетін уақыттың жуық шамасын көрсетуді ұмытпаған жөн.

Графикалық обьектілердің өлшемін өзгерту және орнын ауыстыру. Графикалық обьектінің өлшемін өзгерту немесе орнын ауыстыру үшін ол алдын ала ерекшеленеді. Ерекшелеу белгілері обьект жақтарының бұрышы мен қабырға орталарында пайда болады. Бұл белгілер обьектінің ерекшелеуін көрсетіп қана қоймай оның өлшемін өзгертуге де қолданылады. Тышқан көрсеткішін белгілердің біріне қойған кезде көрінетін екі жаққа бағытталған көрсеткішті қалаған өлшемге жылжытуға болады. Егер бұрыштағы белгі жылжытылса, онда Front Page автоматты түрде көріністің пропорциясы – обьект енінің оның биіктігіне қатынасын сақтайды.

Ерекшеленген көріністің басқа графикалық обьектілер мен мәтіндерге қарағанда орнын ауыстыру қозғау арқылы орындалады. Сондай-ақ Edit – Cut (Түзеу-Кесіп алу) және Paste (Қою) командалары пайдалануға болады. Көріністердің бірнеше көшірмесін жасау үшін Edit - Copy (Түзеу-Көшіру) және Paste (Қою) командалары қолданылады немесе обьектіні жылжыту кезінде Ctrl пернесі басылып тұрады.

Енгізілген графикалық обьектілерді сақтау. Front Page Web-бетіне сканерден түсірген немесе импорт арқылы алынған көріністерді файлдарды GIF немесе JPEG форматтарында (бейне өзінің бастапқы форматында) сақтайды. 256 түстерден кем тұратын көріністер GIF форматында, ал өте көп түстердің гаммасынан тұратын файл JPEG форматында сақталынады.

Графикалық обьектінің қасиеттерін орнату. Web-беттеріне орналастыратын суреттің параметрлерін дәл орнату үшін Picture Properties (Суреттің қасиеттері) сұхбат терезесі қолданылады (2-11-сурет). Графикалық обьект ерекшеленіп, Format – Properties (формат – Қасиеттер) командасы таңдалынады.

 Picture Properties (Сурет қасиеттері) диалог терезесінің General (Жалпы) ендірмесі обьектінің Picture source (Түп нұсқа), Type (Түрі), Alternative representations (Суреттердің альтернативтік мүмкіндіктері) және Defaulhyperlink (Үнсіз қабылданатын гипернұсқағыш) төрт параметрін орнатуға қолданады.

Picture Source параметрі графикалық обьектінің түп нұсқасын анықтайды. Обьектіні басқа обьектіге ауыстыру үшін файл аты мен жолы енгізіледі немесе Browse (көру) пернесі арқылы Picture диалог терезесінен керекті файл таңдалынады. Жаңа файлды қолдану бұрынғы графикалық обьектінің ауысуына алып келеді, ал Picture Properties сұхбат терезесіндегі берілген обьектінің асиеттері жаңа обьектіге қолданылады.

GIF және JPEG форматтарындағы файлдарға арналған графикалық редактор программасын іске қосу үшін Edit пернесі басылады.

Графикалық обьектінің типін көрсету. Type (Түрі), тобында графикалық обьектіні қандай форматта сақтау керек екендігі көрсетіледі. GIF немесе JPEG. Егерде файл осы форматтардың бірінде сақталынса, онда сәйкес формат терезеде көрінеді. Егер бет сақталынбаған болса және файл форматы басқа болса, онда GIF немесе JPEG форматтарын таңдау керек.

GIF файлының параметрлері. GIF форматы таңдаған кезде Transperent (Мөлдір) және Interlaced (Бір қатардан кейін) екі жалаушаларын қолдануға болады. GIF форматтағы графикалық обьектіде бір мөлдір түс болуы мүмкін. Егер осындай түс анықталған  болса, онда оны графикалық обьектіде көрсетуге немесе мөлдір түсте қалдыруға болады. Егер GIF форматтағы графикалық обьектіде түс мөлдір болып орнатылған болса, онда сұхбат терезесі ашылған кезде Transperent жалаушасында белгі тұрады. Обьектідегі мөлдір түсті жою үшін жалаушадағы белгіні алу керек.

GIF форматтағы файлды браузерде ашқан кезде жүктелу жоғарыдан төмен қарай қатарлап жүреді. Шағын суретті қолданған кезде жүктелу тез жүреді. Егер сурет үлкен болса және жылдамдығы төмен канал арқылы берілетін болса, онда қатарлап жүктелу процесін толық бақылауға болады. Баяу жүктелу қолданушыларды тітіркенуге алып келеді.

Interlaced жалаушасына белгі қою арқылы сурет қатарының шығу ретін өзгертуге болады. Бұл жүктелудің тез болып жатқанын қабылдау эффектісін береді. Бұл жағдайда кезектегі обьект блоктары жүктелінеді.

JPEG форматындағы файл параметрлері. JPEG форматындағы файл жағдайында Quality (Сапасы) алаңында сығу дәрежесінің сәйкесінше мәні көрсетіледі. Бұл мән үнсіз 75-ке тең деп қабылданады. Мүмкін болатын диапазон 0 мен 100 сандар аралығы. Сығу дәрежесі үлкен болған сайын сурет сапасы төмен болады.

JPEG-ғы прогрессивті (Progressive) жүктелуі GIF –тегі бір қатардан кейін (Interlaced) жүктелуіне ұқсас бірнеше кезеңмен сапасын арттыра отырып жүргізіледі. Суретті толық жүктеу үшін Progressive Passes (Кезең саны) алаңына кезең саны енгізіледі. Егер 0 көрсетілген болса, онда JPEG файлы кәдімгі тәсілмен жүктеледі.

Суреттің альтернативтік мүмкіндігін анықтау. Picture Properties сұхбат терезесінде графикті бейнелеудің екі альтернетивті мүмкіндігін беруге болады. Егер суреттің өлшемі үлкен болса, онда оның жүктелуі көп уақытты алады, сондықтан Law-Res (Law resolution-төмен шешілу) алаңында тағы бір файлды көрсетуге болады. Көптеген браузерлер Law-Res файлын көрсетеді, сондықтан қолданушыға суретті жуық арада көру мүмкіндігі туады. Сол уақытты браузер негізгі суретті жүктейді және жүктеліп болғаннан кейін Law-Res файлын ауыстырады. Екінші альтернатив – Text (Мәтін) алаңы болып табылады. Мұнда браузер графикалық обьектіні жүктей алмаған немесе графиканы қолдамаған жағдайда шығатын мәтін енгізіледі. Сондықтан көптеген браузерлер желідегі жұмысты үдеулету үшін графикалық обьектінің жүктелуін тоқтататын мүмкіндікті ұсынады. Кейбір браузерлер графиканы қабылдамайды. Екі жағдайда да браузер альтернативті мәтінді көрсетеді.

Графикалық обьектіні түзулеу түрі мен өлшемін орнату. Графикалық обьектіні беттің немесе кесте ұяшығының сол жағына, ортасына, оң жағына түзулеу үшін абзацпен жұмыс істеуде пайдалынылатын тәсілдер қолданылады. Ол үшін обьект таңдалынып, Formatting (Форматтау) саймандар тақтасындағы түзулеудің қандайда бір пернесі шертіледі.

Picture Properties сұхбат терезесінің Appearance (Әшекейлеу) жапсырмасында түзеудің басқа параметрлері орнатылады. Мұнда графикалық обьектінің өлшемін өзгертуге және оны қоршауға алуға болады.

Layout (Орналасу) тобына графикалық обьектінің айналасындағы мәтінмен салыстырмалы орналастырудың Alignment (Түзулеу), Horizontal spacing (Тік шегіну) және Vertical spacing (Көлденен шегіну) үш параметрлері кіреді. Web-бетіндегі мәтінмен салыстыра отырып обьектіні түзулеу үшін Alignment (Түзулеу) тізімінен бірнеше нұсқаны қолдануға болады.

  • Absbotton. Ағымдағы қатардың астыңғы бөлімі бойынша түзулеу.

  • Absmiddle. Ағымдағы қатардың ортасы бойынша тік түзулеу.

  • Baseline. Қатардың негізгі түзуі бойынша обьектіні түзулеу.

  • Bottom. Обьектінің төменгі шекарасын айналасындағы мәтіннің төменгі шекарасы бойынша түзулеу.

  • Center. Айналасындағы мәтіннің ортасы бойынша обьектіні тік түзулеу.

  • Default. Браузердің орнатуын қолдану.

  • Left. Обьектіні сол жақ алаң бойынша түзулеу.

  • Middle. Айналасындағы мәтіннің ортасы бойынша обьектіні көлденең түзулеу.

  • Right. Обектіні оң жақ алаң бойынша түзулеу.

  • Texttop. Обьектінің жоғарғы шекарасын ағымдағы қатардағы ең үлкен шрифтің жоғарғы шекарасы бойынша түзулеу.

  • Top. Обектінің жоғарғы шекарасын айналасындағы мәтіннің жоғарғы шекарасы бойынша түзулеу.

4. Жаңа материалды бекіту

Ол үшін студенттерге жаңа сабақтан бірнеше сұрақтар қоя отырып сабақты аяқтаймын.

5. Сабақты қорыту

Жаңа материалды пысықтау, оқушылардың меңгерген білімдерін талдау, бағалау.

6. Үй тапсырмасын беру:

Оқытушы______________М.Ш. Абдулхаков


ПЦК төрағасы__________К.К. Убаев



Получите в подарок сайт учителя

Предмет: Информатика

Категория: Планирование

Целевая аудитория: 11 класс.
Урок соответствует ФГОС

Скачать
HTML-де беттерді құру және Безендіру

Автор: Рустамов Исматулла Шухратиллаевич

Дата: 05.05.2017

Номер свидетельства: 413341


Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства