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Н1> <Н2>Тақырып2Н2> <НЗ>ТақырыпЗНЗ> <Н4>Тақырып4Н4> <Н5>Тақырып5Н5> <Нб>ТақырыпбНб> Мен "Құрметті достар, алғашқы web-парағыма қош келдіңдер!" мәтініне<Н2>Тақырып2Н2>стилін қолдандым. Сонда былай болады : <Н2> Құрметті достар, алғашқы web-парағыма қош келдіндер!Н2> Енді мен бұл мэтінді жолдың ортасына карай қоюым керек. Ол үшін мына тегті қолданамын:
<Н№ ALIGN="CENTER">мәтінН№> Соныменосытектіқолданайық. <Н2 ALIGN="CENTER"> Құрметтідостар, алғашқы web-парағымақошкелдіңдер!Н2>
27-сурет. Алгашқы web-6emi
Ал енді мэтінімізді қоюлатылған, курсивті, асты сызылган етіп көрсету үшін <В>, , тегтерін қолданамыз.
Жазудың түсін өзгерту үшін түстер тегін қолданамыз: <FONTCOLOR= "$$$$$$"> мәтінҒОЫТ> . Қызыл түсті алу үшін кілт сөзді немесе қызыл түстің он алтылык кодын жазамыз. Red-қызыл, #ҒҒ0000 - қызыл түстің он алтылық коды.
Яғни, алдыңғы қолданған тегтерді өшірмей, түстің тегін қоссақ былай болады: <fontcolor="#FF0000"><H2 ALIGN="CENTER">Құрметтідостар,алғашқы web-парағыма қош келдіңдер! H2x/font> Құжатты сақтап, нэтижесін браузермен қараңдар.
VII Бағалау кезеңі
Сабақтың барысында оқушылардың белсенділігіне, тапсырма нэтижелеріне қарай бағалаймыз
САБАҚ ЖОСПАРЫ «Бекітемін» Оқу ісінің меңгерушісі «___________» ________2014 ж ___________________ Пән аты: Информатика Класы: 10 «Б» Қоғамдық - гуманитарлық бағыт Сабақтың тақырыбы: Визуалды редактордың негізгі мүмкіндіктері және сыртқы түрі
Сабақтың мақсаты:
HTML тілінің визуалды редакторы Share point Designer программасының терезе қүрылымымен, мүмкіндіктерін таныстыру.
Оқушыларды ұйымдастырып, түгендеу.
Үй тапсырмасын тексеру кезеңі
Үйге берілген тапсырманың орындалуын тексеру
Жаңа тақырыпты түсіндіру кезеңі
Web-парақ немесе web-сайтты тек HTML тілінің арнайы редакторы визуалды ре- дакторлар арқылы да қүруға болады. Сондай редакторлардың бірі Front Page редакторы. Қазіргі уақытта бүл программа дами келе, SharePoint Designer деген атауға ие бол- ды. Microsoft Office SharePoint Designer 2007 web-редактор ретінде мына жағдайларда қолданылады:
қарапайым HTML беттерін кұру үшін;
белсенді серверлік ASPX-беттерін жасау үшін (ASP.NET стандарты);
SharePoint қызметі негізінде web-қосымшаларын жасау үшін;
web-сайтты басқару үшін;
Программаны іске қосу үшінПуск => Барлық программалар (Все программы) => MicrosoftOffice=> MicrosoftOfficeSharePointDesignerәрекетін орындаймыз.