Главная страница
Контакты

    Басты бет


Сабақ жоспары «Бекітемін» Оқу ісінің меңгерушісі

жүктеу 2.39 Mb.



жүктеу 2.39 Mb.
бет12/16
Дата05.04.2017
өлшемі2.39 Mb.

Сабақ жоспары «Бекітемін» Оқу ісінің меңгерушісі


1   ...   8   9   10   11   12   13   14   15   16


<HEADXTITLE> Менің алғашқы парағым.TITLE>

HEAD>

<BODY>

Құрметті достар, алғашқы web-парағыма қош келдіңдер!





  1. Кұжатты сақтаймыз.

  2. Браузерден қараймыз (27-сурет).

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

2 тапсырма

  1. Мәтіннің стилін өзгерту үшін <Н№>мәтін< /Н№> тегін пайдаланамыз. Мұндағы нөмір белгісінің орнына стиль нөмірін жазамыз. Ол нөмір 1-ден 6-га дейін болады.

Яғни, <Н1>Тақырып1

<Н2>Тақырып2

<НЗ>ТақырыпЗ

<Н4>Тақырып4

<Н5>Тақырып5

<Нб>Тақырыпб

Мен "Құрметті достар, алғашқы web-парағыма қош келдіңдер!" мәтініне<Н2>Тақырып2стилін қолдандым. Сонда былай болады : <Н2> Құрметті достар, алғашқы
web
-парағыма қош келдіндер!

  1. Енді мен бұл мэтінді жолдың ортасына карай қоюым керек. Ол үшін мына тегті қолданамын:

<Н№ ALIGN="CENTER">мәтінН№>

Сонымен осы текті қолданайық.

<Н2 ALIGN="CENTER"> Құрметті достар, алғашқы web-парағыма қош келдіңдер!Н2>


c:\docume~1\admin\locals~1\temp\finereader11\media\image4.jpeg
27-сурет. Алгашқы web-6emi




  1. Ал енді мэтінімізді қоюлатылған, курсивті, асты сызылган етіп көрсету үшін <В>, , тегтерін қолданамыз.

  2. Жазудың түсін өзгерту үшін түстер тегін қолданамыз: мәтін . Қызыл түсті алу үшін кілт сөзді немесе қызыл түстің он алтылык кодын жазамыз. Red-қызыл, #ҒҒ0000 - қызыл түстің он алтылық коды.

Яғни, алдыңғы қолданған тегтерді өшірмей, түстің тегін қоссақ былай болады: <font color="#FF0000"><H2 ALIGN="CENTER">Құрметті достар,алғашқы web-парағыма қош келдіңдер! H2x/f ont>

  1. Құжатты сақтап, нэтижесін браузермен қараңдар.

VII
Бағалау кезеңі

  1. Сабақтың барысында оқушылардың белсенділігіне, тапсырма нэтижелеріне қарай бағалаймыз


САБАҚ ЖОСПАРЫ «Бекітемін»

Оқу ісінің меңгерушісі «___________» ________2014 ж ___________________

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

Класы: 10 «Б»

Қоғамдық - гуманитарлық бағыт



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

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

  • HTML тілінің визуалды редакторы Share point Designer программасының терезе қүрылымымен, мүмкіндіктерін таныстыру.

  • Оқушылардың ойлау, іскерлік қабілеттерін дамыту.

Пэнге деген қызығушылықтарын арттыру.

Сабақтың көрнекілігі: түсаукесер.


Сабақтың әдістері:
түсіндіру, сүрақ-жауап, көрнекілік қолдану, тэжірибелік эдіс. Сабақтың типі: жаңа тақырыпты түсіндіру сабағы.

Өтілетін орны: информатика сыныбы.

Оқушылар білуі тиіс: ғаламтормен жүмыс істеуді, HTML тілін.

Оқушылар меңгеруі тиіс: SharePoint Designer программасының терезе қүрылымымен, мүмкіндіктерін.

Сабақтың барысы

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

Оқушыларды ұйымдастырып, түгендеу.

  1. Үй тапсырмасын тексеру кезеңі

Үйге берілген тапсырманың орындалуын тексеру

  1. Жаңа тақырыпты түсіндіру кезеңі

Web-парақ немесе web-сайтты тек HTML тілінің арнайы редакторы визуалды ре- дакторлар арқылы да қүруға болады. Сондай редакторлардың бірі Front Page редакторы. Қазіргі уақытта бүл программа дами келе, SharePoint Designer деген атауға ие бол- ды. Microsoft Office SharePoint Designer 2007 web-редактор ретінде мына жағдайларда қолданылады:

  • қарапайым HTML беттерін кұру үшін;

  • белсенді серверлік ASPX-беттерін жасау үшін (ASP.NET стандарты);

  • SharePoint қызметі негізінде web-қосымшаларын жасау үшін;

  • web-сайтты басқару үшін;

Программаны іске қосу үшін Пуск => Барлық программалар (Все программы) => Microsoft Office => Microsoft Office SharePoint Designer әрекетін орындаймыз.

SharePoint Designer интерфейсі оте қарапайым жэне түсінікті.

  1. Конструктор режімін таңдаймыз.

  2. Пернетақтадан қандай да бір мэәінді енгіземіз.

  3. Құрал-саймандар панелінен 2 тақырыпша стилін таңдаймыз.

  4. Web-парақтың код терезесіне мэн беретін болсақ енгізілген мэтін <Һ2> тегімен таңбаланған.

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

Элементтер ңосу.

Қарапайым мэтіндермен қатар web-парақта эртүрлі элемент кездеседі. SharePoint Designer-де элементтердің үш типі қарастырылған:

  • Кәдімгі HTML тегтері;

  • ASP.NET басқаруының серверлік элементтері;

  • SharePoint Designer қызметі басқаруының серверлік элементтері.

Элемент типтері эртүрлі болғанмен, оларды web-параққа орналастыру бірдей тәсілмен жүзеге асырылады. Қазір біз параққа горизонталь сызық элементін орналастыру техникасын қарастырып көрейік.
Горизонтальдар - жер бетіндегі абсолюттік биіктіктері бірдей нүктелерді қосатын және жинақталғанда бедер нысанын беретін картадағы сызықтар. Қима биіктігін тандау бедердің, масштабтың сипатына және картаның арналу мақсатына байланысты.
Ол үшін:

  1. Элементтер панелін ашамыз;

  2. Элементтер панелінен Горизонталь сызық батырмасын шертеміз.

  3. Тінтуірдің сол жақ батырмасымен сүйреп экеліп, web-парақтың керекті жеріне орналастырамыз .

  4. Тінтуірді жібереміз.

Нәтижесінде web-парақта горизонталь сызық пайда болады .

Қосылған элементті пішімдеу үшін контексті мэзірді қолданған ыңғайлы. Мысалы. web-параққа орналастырған сызықты редакторлау үшін мына әрекеттерді орындаймыз:



  1. Сызыққа тінтуірдің оң жагын шертіп, контекстік мәзірді шақырамыз.
    Сызықтау (Штриховка) - тетіктерді немесе ер түрлі материалдарды (металл, ағаш, бетон, т.б.) жазықтықпен ойша қиғанда қиюшы жазықтықта орналасқан бөлігі (қимасы) шартты түрде сызықталып көрсетіледі. Сызықтау 45°-қа тең бүрышпен көлбейтін және арақашықтығы 2-2,5 мм болатын, ал жуандығы шамамен S/3-ке тең сызықтармен жүргізіледі.


  2. Мэзірден Горизонталь сызықтыц қасиеті бұйрығын таңдаймыз.

Сүхбат терезесінен қажетті қасиеттерді орнатамыз да, ОК батырмасын шертеміз. Нэтижесінде сызық элементі web-парақта таңдалган пішін бойынша көрінеді. Ескерте кететін жайт, ол элементтер панелінде жоқ элементті Қою мэзірінен табуға болад ы.

Бетті алдын ала қарау және сақтау



SharePoint Designer файлдарын басқару үйреншікті тэсілмен жүзеге асырылады. Құрал-саймандар панеліндегі Сақтау батырмасы арқылы web-парақты тез сақтауға болады..

Эрине, SharePoint Designer-де редакциялаудың көптерезелік режімін қолдайтындық- тан, web-парақты алғашқы типін анықтап алып жасап, қажетінше редакциялауга болады. Редакторланған құжатты браузерде кору үшін Құрал-саймандар панелінен Windows Internet Explorer кору батырмасын шерту керек немесе пернетақтадан функционалдық F12 батырмасын басу керек.
Internet Explorer (қысқаша ІЕ не MSIE) - Microsoft компаниясы 1995 ж. бастап Microsoft Windows амалдық жүйесі құрамдас бөлігі ретінде жасаған графиктік ғаламтор шолғыш өнімі. Бұл бағдарлама 1999 ж. бастап дүние жүзі бойынша қолданымы ең көлемді бағдарлама болып, 2002-2003 жж.


  1. Бекіту кезеңі

Бекіту кезеңінде оқушыларға редакторда жаңа бет қүрғызып, барлық элементтерді сол бетке біртіндеп орналастыртамыз.

  1. Қорытынды кезең

Бүгінгі сабақтан не үйрендік?

  1. \ҮеЬ-редакторды қалай іске қосамыз?

  2. Редактордың жүмыс алаңын қалай пайдалануға болады?

  3. Қүжатты қалай сақтаймыз?

  1. Үйге тапсырма

  1. Тақырыпты оқу.

  2. Мэтіннің түсін озгертіп, экранный ортасына орналастырып, астына сызық, кесте элементтерін қосыңдар.

  1. Бағалау кезеңі

Сабақтың барысында оқушылардың белсенділігіне, тапсырма нэтижелеріне қарай бағалаймыз.

САБАҚ ЖОСПАРЫ «Бекітемін»

Оқу ісінің меңгерушісі «___________» ________2014 ж ___________________

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

Класы: 10 «Б»

Қоғамдық - гуманитарлық бағыт

Сабақтың тақырыбы: Сайттың қарапайым алғашқы бетін құру



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

  • Web-сайт туралы кеңірек мағлүмат беру. Сайт бетінің құрылымын таныстыру.

  • Жаңа тақырыпты оқыта отырып, ойлау қабілеттерін дамыту.

  • Шығармашылық қабілеттерін, пэнге деген сүйіспеншіліктерін арттыру. Әдемілікке, жинақылыққа, үқыптылыққа тэрбиелеу.

Сабақтың көрнекілігі: тұсаукесер, тапсырма карточкалары.

Сабақтың әдістері: түсіндіру, сұрақ-жауап, көрнекілік қолдану, тәжірибелік әдіс.

Сабақтың типі: жаңа тақырыпты түсіндіру сабағы.

Өтілетін орны: информатика сыныбы.
1   ...   8   9   10   11   12   13   14   15   16

  • Құрметті достар, алғашқы
  • 27-сурет. Алгашқы web-6emi
  • VII
  • «Бекітемін» Оқу ісінің меңгерушісі «___________» ________2014 ж ___________________ Пән аты: Информатика
  • түсаукесер.
  • Оқушылар білуі тиіс
  • Программаны іске қосу үшін
  • Элементтер ңосу.
  • Горизонталь сызық
  • Горизонталь сызықтыц қасиеті
  • Сақтау
  • Windows Internet Explorer
  • САБАҚ ЖОСПАРЫ «Бекітемін» Оқу ісінің меңгерушісі «___________» ________2014 ж ___________________ Пән аты: Информатика
  • Сабақтың мақсаты
  • Сабақтың көрнекілігі
  • Сабақтың типі

  • жүктеу 2.39 Mb.