Сабақ жоспары «Бекітемін»



бет44/60
Дата22.09.2023
өлшемі1,11 Mb.
#109859
түріСабақ
1   ...   40   41   42   43   44   45   46   47   ...   60
Байланысты:
10-synyp-gumanitarly-bayt-arnalan-saba-zhosparlary

Web-сайт дегеніміз - дизайндары қайталанган web-парақтардың навигациялык. физикалық жэне магыналық жағынан да бір серверде біріккен жиынтыгы.
Бүрынгы кезде web-сайты бір адам - web-мастер жасаган болса, қазіргі кезде web- сайттарды бірнеше адам жасайды. Олар web-дизайнер, программалаушы, бизнес-кеңесші. маркетинг бойынша басқарушы, менеджер. Дайын материалдардың web-сайтта орнала- суын web-басылым немесе web-публикация деп атайды. Web-сайттың дербес бөлігін, URL адреспен қамтылган қүжатты web-парақ деп атаймыз. Web-парақ статикалық неме­се динамикалық күрылымға ие. Әдетте web-парак мэтін, кескін, дыбыс күжаты, видео не­месе анимациялары бар гипермэтін түрінде үйымдастырылады. Ғаламторда web-парактар браузер арқылы көрсетіледі. Бірақ web-парақтар html тілінің тегтерінсіз браузерде дүрыс,
анық көрсетілмейді. Web-парақ 2 логикалық бөлікке бөлінеді: тақырыбы жэне мазмүны. Web-парақтың тақырыбы <HEADX/HEAD> контейнерінде бекітіледі. Беттің атауы <TITLE>TITLE> контейнерінде орналасады жэне браузердің жоғары бөлігінде бейнеленеді. Ал беттің мазмүны <BODY>BODY> контейнерінде жазылады. Мы- салы, web-сайттың алгашцы парагын HTML коды арқылы құру үшін мына сызбаны пайдалануга бола­ды (26-сурет):
HTML тілінде web-парақ немесе сайт қүру үшін кәдімгі блокнот қосымшасын қолдануга болады. Код- ты блокнотта жазамыз да, сақталу орнын көрсетіп, Файл => Сақтау (Сохранить как) => Файл атауы де- генге паше*.html, ал Файл типтері дегенге Барлық файлдар таңдаймыз да, Сақтау батырмасын баса- мыз. Сосын браузермен ашып, жүмыс нәтижесін қараймыз.
IV Бекіту кезеңі
Сонымен, біраз мағлұмат алдық, енді HTML тілінде web-парақ құрып көрейік.
1 тапсырма

  1. Блокнот қосымшасын ашамыз.

  2. Төмендегі кодты тереміз.


<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>




27-сурет. Алгашқы web-6emi




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

  2. Жазудың түсін өзгерту үшін түстер тегін қолданамыз: <FONT COLOR= "$$$$$$"> мәтін . Қызыл түсті алу үшін кілт сөзді немесе қызыл түстің он алтылык кодын жазамыз. 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 әрекетін орындаймыз.


Достарыңызбен бөлісу:
1   ...   40   41   42   43   44   45   46   47   ...   60




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет