Сабақ жоспары «Бекітемін»
жүктеу/скачать 1,11 Mb.
|
- Бұл бет үшін навигация:
- Файл => Сақтау
- Барлық файлдар
- Құрметті достар, алғашқы
- 27-сурет. Алгашқы web-6emi
- САБАҚ ЖОСПАРЫ «Бекітемін» Оқу ісінің меңгерушісі «___________» ________2014 ж ___________________ Пән аты: Информатика
- Өтілетін орны
- Программаны іске қосу үшін
| 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 тапсырма Блокнот қосымшасын ашамыз. Төмендегі кодты тереміз. <HEADXTITLE> Менің алғашқы парағым.TITLE> HEAD> <BODY> Құрметті достар, алғашқы web-парағыма қош келдіңдер! Кұжатты сақтаймыз. Браузерден қараймыз (27-сурет). Бұл жұмыстың нэтижесін қарасақ, мэтініміз бір жақ шетінде орналасыпты. Ендігі келесі тапсырмада істейтін әрекетіміз, осы мэтінді тег атрибуттары арқылы жұмыс алаңының ортасына қарай орналастыру жэне эріп өлшемін өзгерту болады. №2 тапсырма Мәтіннің стилін өзгерту үшін <Н№>мәтін< /Н№> тегін пайдаланамыз. Мұндағы нөмір белгісінің орнына стиль нөмірін жазамыз. Ол нөмір 1-ден 6-га дейін болады. Яғни, <Н1>Тақырып1 <Н2>Тақырып2 <НЗ>ТақырыпЗ <Н4>Тақырып4 <Н5>Тақырып5 <Нб>Тақырыпб Мен "Құрметті достар, алғашқы web-парағыма қош келдіңдер!" мәтініне<Н2>Тақырып2стилін қолдандым. Сонда былай болады : <Н2> Құрметті достар, алғашқы web-парағыма қош келдіндер! Енді мен бұл мэтінді жолдың ортасына карай қоюым керек. Ол үшін мына тегті қолданамын: <Н№ ALIGN="CENTER">мәтінН№> Сонымен осы текті қолданайық. <Н2 ALIGN="CENTER"> Құрметті достар, алғашқы web-парағыма қош келдіңдер!Н2> 27-сурет. Алгашқы web-6emi Ал енді мэтінімізді қоюлатылған, курсивті, асты сызылган етіп көрсету үшін <В>, , тегтерін қолданамыз. Жазудың түсін өзгерту үшін түстер тегін қолданамыз: <FONT COLOR= "$$$$$$"> мәтін . Қызыл түсті алу үшін кілт сөзді немесе қызыл түстің он алтылык кодын жазамыз. Red-қызыл, #ҒҒ0000 - қызыл түстің он алтылық коды. Яғни, алдыңғы қолданған тегтерді өшірмей, түстің тегін қоссақ былай болады: <font color="#FF0000"><H2 ALIGN="CENTER">Құрметті достар,алғашқы web-парағыма қош келдіңдер! H2x/f ont> Құжатты сақтап, нэтижесін браузермен қараңдар. VII Бағалау кезеңі Сабақтың барысында оқушылардың белсенділігіне, тапсырма нэтижелеріне қарай бағалаймыз САБАҚ ЖОСПАРЫ «Бекітемін» Оқу ісінің меңгерушісі «___________» ________2014 ж ___________________ Пән аты: Информатика Класы: 10 «Б» Қоғамдық - гуманитарлық бағыт Сабақтың тақырыбы: Визуалды редактордың негізгі мүмкіндіктері және сыртқы түрі Сабақтың мақсаты: HTML тілінің визуалды редакторы Share point Designer программасының терезе қүрылымымен, мүмкіндіктерін таныстыру. Оқушылардың ойлау, іскерлік қабілеттерін дамыту. Пэнге деген қызығушылықтарын арттыру. Сабақтың көрнекілігі: түсаукесер. Сабақтың әдістері: түсіндіру, сүрақ-жауап, көрнекілік қолдану, тэжірибелік эдіс. Сабақтың типі: жаңа тақырыпты түсіндіру сабағы. Өтілетін орны: информатика сыныбы. Оқушылар білуі тиіс: ғаламтормен жүмыс істеуді, HTML тілін. Оқушылар меңгеруі тиіс: SharePoint Designer программасының терезе қүрылымымен, мүмкіндіктерін. Сабақтың барысы ¥йымдастыру кезеңі Оқушыларды ұйымдастырып, түгендеу. Үй тапсырмасын тексеру кезеңі Үйге берілген тапсырманың орындалуын тексеру Жаңа тақырыпты түсіндіру кезеңі 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,11 Mb. Достарыңызбен бөлісу:
|