"С.К?беев атында?ы №56 жалпы орта мектеп" коммуналды? мемлекеттік мекемесі
Орында?ан: Информатика п?ні м??алімі Партаева Арайлым Жарылкасыновна
К?ні: 11.04.2016ж. Сыныбы: 10 ?,Б
Саба?ты? та?ырыбы: Визуалды редакторды? негізгі м?мкіндіктері
Саба?ты? ма?саты:
А) Білімділік: программа интерфейсімен таныстыру. Программада?ы нысандар, олар?а ?олданылатын ??ралдармен ж?мыс істеуді ?йрету;
Б) Дамытушылы?: ?арапайым тапсырмаларды орындату ар?ылы о?ушыларды? программада ж?мыс істеу да?дысын ?алыптастыру;
В) Т?рбиелілік. Шы?армашылы? ?абілеттерін арттыру.
К?рнекіліктер: кітап, компьютер
Саба?ты? барысы:
І. ?йымдастыру кезе?і.
ІІ. ?й тапсырмасын с?рау.
ІІІ. Жа?а саба? (т?сіндірмелі-практикум).
ІV. ?йге тапсырма.
V. Ба?алау.
Жа?а саба?
Web-пара? немесе web-сайтты тек HTML тіліні? арнайы редакторы визуалды редакторлар ар?ылы да ??ру?а болады. Сондай редакторларды? бірі Front Page редакторы. ?азіргі уа?ытта б?л программа дами келе, SharePoint Designer деген атау?а ие болды. Microsoft Office SharePoint Designer 2007 web-редактор ретінде мына жа?дайларда ?олданылады:
- ?арапайым HTML беттерін ??ру ?шін;
- Белсенді серверлік ASPX-беттерін жасау ?шін (ASP.NET cтандарты);
- SharePoint ?ызметі негізінде web ?осымшаларын жасау ?шін;
- Web-сайтты бас?ару ?шін.
Программаны іске ?осу ?шін Пуск Барлы? программалар Microsoft Office Microsoft Office SharePoint Designer б?йры?тарын орындаймыз.
SharePoint Designer интерфейсі ?те ?арапайым ж?не т?сінікті. Программа редакторыны? терезе ??рылымымен танысу ?шін 1 суретке ?арайы?.
1 сурет. Microsoft Office SharePoint Designer 2007 web-редакторыны? терезе ??рылымы
- Та?ырып жола?ы.
- ??рал-саймандар жола?ы.
- Бумалар тізімі – м?нда web-торапты бас?ару?а ж?не файлдары бар ?рт?рлі бумаларды ?арап шы?у?а болады.
- Ортасында?ы ашы? ала? ж?мыс ала?ы болып табылады. Ж?мыс ала?ы 3 т?рде ?сынылады: Конструктор (web-пара?ты визуалды ??ру ?шін); Код (web-пара?та HTML кодын к?ру ?шін) ; Б?ліну (web-пара?ты конструктор ж?не код ретінде де ?сынатын аралас режім).
- Элементтер панелі, м?нда web-пара??а ?олданылатын HTML тіліні? элементтері к?рсетілген.
- Тегтер ?асиетіні? панелі.
- Стильдер панелі.
Осылайша Share Point Designer ж?мысы бас?а да web-редакторларда?ы сия?ты web-пара?ты? сырт?ы бейнесімен ?атар кодтарын редакторлай алады. Конструктор айма?ында бас?ару элементін орнату ар?ылы, сол аума??а керекті ?згерістерді тез жасаймыз. Мысалы, м?тінді енгізу ж?не ?згертуді орындап к?рейік. Ол ?шін web-редакторды іске ?осамыз. Бос бет ашылады. Осы беткі м?тін ?осу ?шін мына ?рекеттерді орындаймыз:
- Конструктор режімін та?даймыз, пернета?тадан ?андай да бір м?тінді енгіземіз (2 сурет);
- ??рал-саймандар жола?ынан 2 та?ырыпша стилін та?даймыз;
- Web-пара?ты? код терезесіне м?н беретін болса?, енгізілген м?тін
тегімен та?балан?ан (3 сурет).
2 cурет. М?тін енгізу кезе?і
3 сурет. М?тінді енгізу ж?не пішімдеу.
Айта кететін ма?ызды жайт, ол ??жатта?ы кез келген позицияны ме?зермен ерекшелесек, бет атауы белгісіні? астында ерекшеленген м?тін б?лігіні? тегі к?рінетін болады. Б?л ??жатты? мазм?нын д?рыс ба?дарлау?а к?мектеседі. М?тін б?лігіне ?андай да бір пішімдеу ?олдану ?шін ??рал-саймандар панелінен керекті ??ралды та?дау керек ж?не м?тін б?ліктері конструктор аума?ы мен код аума?ында да бірдей ерекшеленетініне м?н бері?дер.
Элементтер ?осу
?арапайым м?тіндермен ?атар web-пара?та ?рт?рлі элемент т?рлері кездеседі. Share Point Designer-де элементтерді? 3 типі ?арастырыл?ан:
- К?дімгі HTML тегтері;
- ASP.NET бас?аруыны? серверлік элементтері;
- Share Point ?ызметі бас?аруыны? серверлік элементтері.
Элемент типтері ?рт?рлі бол?анмен оларды web-пара??а орналастыру бірдей т?сілмен ж?зеге асырылады. ?азір біз пара??а горизонталь сызы? элементін орналастыру техникасын ?арастырып к?рейік. Ол ?шін:
- Элементтер панелін ашамыз.
- Элементтер панелінен Горизонталь сызы? батырмасын шертеміз.
- Тінтуірді? сол жа? батырмасымен с?йреп ?келіп, web-пара?ты? керекті жеріне орналастырамыз.
- Тінтуірді жібереміз.
Н?тижесінде web-пара?та горизонталь сызы? пайда болады (4 сурет).
4 сурет. Web-пара??а горизонталь сызы? элементін ?осу
?осыл?ан элементті пішімдеу ?шін контексті м?зірді ?олдан?ан ы??айлы. Мысалы, web-пара??а орналастыр?ан сызы?ты редакторлау ?шін мына ?рекеттерді орындаймыз:
- Сызы??а тінтуірді? о? жа?ын шертіп, контекстік м?зірді ша?ырамыз;
- М?зірден Горизонталь сызы?ты? ?асиеті б?йры?ын та?даймыз; (5 сурет)
- С?хбат терезесінен ?ажетті ?асиеттерді орнатамыз да, ОК батырмасын шертеміз (6 сурет)
5 сурет. Элементті орналастыр?аннан кейінгі н?тиже
6 сурет. С?хбат терезесі.
Н?тижесінде сызы?ты? элементі web-пара?та та?дал?ан пішін бойынша к?рінеді.
Ескерте кететін жайт, ол элементтер панелінде жо? элементті ?ою (Вставка)м?зірінен табу?а болады.
Бетті алдын ала ?арау ж?не са?тау
Share Point Designer файлдарын бас?ару ?йреншікті т?сілмен ж?зеге асырылады. ??рал-саймандар жола?ында?ы Са?тау батырмасы ар?ылы web-пара?ты тез са?тау?а болады. (7 сурет).
?рине, Share Point-та редакциялауды? к?птерезелік режімін ?олдайтынды?тан, web-пара?ты? ал?аш?ы типін аны?тап алып, жасап, сосын ?ажетінше редакциялау?а болады.
Редакторлан?ан ??жатты браузерде к?ру ?шін ??рал-саймандар жола?ынанWindows Internet Explorer К?ру батырмасына шерту керек немесе пернета?тадан функционалды? F12 батырмасын басу керек (8 сурет).
7 сурет. ??жатты са?тау.
8 сурет. Web-пара?ты алдын ала к?ру.
IV. §25 та?ырыпты о?у
V. Ба?алау. Жауаптарына ?арай ба?алау
Тексерілді: 11.04.2016 жыл
12.04.2016 жыл