- 13.04.2017
- 1552
- 0
Маңғыстау облысы
Маңғыстау ауданы
Өтес орта мектебі
Жоба авторы: Әбіш Наурызгүл
10 – cынып оқушысы
Жоба атауы:
Web – сайт құру технологиясы
Бағыты:Экономикалық және әлеуметтік процесстерді математикалық модельдеу
Секция: Информатика
Ғылыми жетекші: Сланбекова Асылзат Ермановна
Жетекшісі: Досмагамбетова Арайлым Абусагтивна
Ақтау – 2011ж
10 – сынып оқушысы Әбіш Наурызгүлдің орындаған «Web – сайт құру технологиясы» тақырыбындағы ғылыми жұмысына
П І К І Р
Ғылыми жұмыста интернет технологиялар, HTML тілі, FrontPage бағдарламасы, HTML тілінде жиі қолданылатын тег пен қазақ әріптерінің кодтары туралы құнды мағлұматтар берілген. Жалпы сайт құру технологияларының маңыздылығы туралы, сайт құрған кезде қандай мәселелерді басқа алу керекті нақты айтылған.
Ғылыми жұмыстың практикалық бөлімінде «Гүлдер әлемі» атты сайт құрды. Бұл сайтта мектебіміздің «Жылы жайында» - өсетін гүлдер туралы мәліметтер берілген. Гүлдердердің видеороликтері жасалынған, фотокөрмелері берілген.
Оқушы ғылыми әдебиеттер мен интернет желісін, HTML тілі, FrontPage бағдарламасы, MovieMaker бағдарламасында жұмыс жасай білетін қабілетін көрсетті. Болашақта бұл оқушы ғылыми жоба сайыстарына қатысып, үлкен жетістіктерге жетіп, Қазақстан Республикасының теңдесі жоқ ел болып қалыптасуына өз үлесін қосады деген сенімдемін.
Жетекші:_______________информатика пәнінің мұғалімі
Досмагамбетова Арайлым
Тақырыбы: «Web – сайт құру технологиясы»
Абстракт
Зерттеудің мақсаты: HTML тілі мен FrontPage бағдарламасының мүмкіндіктерін пайдалана отырып Web-сайт құруды үйрену. Өзін-өзі дамытуға, әлемдегі және басқа адамдар арасындағы өзінің орнын анықтауға, сондай-ақ өздері өмір сүріп жатқан қоғам заңдылықтарын терең түсінуге қабілетті, қазіргі қоғамдағы ақпараттандыру жүйесін дамыту барысында ақпараттық қоғамды басқара алатын және телекоммуникация саласында қызмет ететін жеке тұлға болып қалыптасу.
Зерттеудің гипотезасы: HTML тілі мен FrontPage бағдарламасының мүмкіндіктерін пайдалана отырып Web-сайт құруды үйрену.
Зерттеу кезеңдері: теориялық материалдар, суреттер жинақтап, слайдтар, видеороликтер жасадым. HTML тілі мен FrontPage бағдарламаларының мүмкіндіктерін пайдалана отырып Web-сайт жасап шығардым.
Зерттеудің жаңалығы: HTML тілінің тегтерін, FrontPage бағдарламасының түрлі дизайндарын пайдаланып, жаңа Web-сайт құрастырдым.
Жұмыстың нәтижесі: «Гүлдер әлемі» атты сайт құрдым. Осы сайтта Өтес мектебінің жылы жайында өсетін гүлдер жөнінде ақпарат бердім.
Қорытынды: сайтты құру технологияларын қолдана отырып тұтынушы қызықтыра білу керек.
Абстракт
Цель научно-исследовательной работы: Пользуясь возможностями языка НТМL и программы FrontPage научиться создавать Web – сайт. Утвердиться как личность способная к саморазвитию, определению своего места в мире и среди других людей, а также понимающая законмерности общества в котором проживает, умеющая управлять обществом в ходе развития информационных систем и работать в сфере телекоммуникаций.
Гипотеза исследования: Пользуясь возможностями языка НТМL и программы FrontPage научиться создавать Web – сайт.
Этапы исследования: сделала видеоролик, слайды, собрав теорический материалы и ресунки. Создала Web – сайт используя возможности языка НТМL и программы FrontPage.
Новшество исследование: используя теги языка НТМL и разнообразный дизайн программы FrontPage создала новый Web – сайт.
Результат работы: создала сайт под названием «Мир цветов». На этом сайте дала информацию о цветах, растущих в теплице школы села Отес.
Заключение: используя технологии создания сайта уметь заинтересовать потребителя.
Жұмыстың мазмұны:
Қазіргі замандағы Интернет-технологиялар
Front Page бағдарламалық жабдығы және олармен жұмыс
HTML тілінде жазуда қолданылатын қазақ әріптерінің кодтары:
Қосымша Ә..................................................................................................................................23
Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр – білім беру жүйесін ақпараттандыру ғасыры.
Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің, ақпараттық орта мен адамның өзара қарым-қатынасын үйлесімді етудегі және жаңа ақпараттық қоғамда кәсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.
Мектеп бітірушілер компьютерлік сауаттылықты меңгеріп шығады, бірақ келешекте олар программист, инженер, жүйе администраторы болуы міндетті емес. Дегенмен кез-келген шығармашылық мамандық сізден қазіргі заманға сәйкес компьютерлік технологияларды меңгеруді талап етеді. Шығармашылық жұмыстын қорытындысы әр қашан жаңа білім, жаңа ақпарат, ал осы ақпаратты таратудың ең жеңіл әдісі – Интернетте жариялау.
Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне сәйкес болу керек. Демек, Web-дизайн негіздерін білу кез келген мамандықта қажет болады, өткені Web-бет дизайны – бұл ақпараттық дизайн.
Өзектілігі: Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатын әдістемелік жұмыс.
Осы жобаны таңдау себептері:
ü Web сайт құруда қажетті технологияны таңдай алуы;
ü ақпараттық жүйелер ұғымы;
ü HTML тілінің тег ұғымы.
Жобадағы қарастырылған мәселелердің артықшылығы:
-Web сайт құруда HTML тілінің мүмкіндіктерін пайдалануын қамтамасыз ету;
-қоғамды ақпараттандыруды қалыптастыру.
Мақсаты:
HTML тілі мен FrontPage бағдарламасының мүмкіндіктерін пайдалана отырып Web-сайт құруды үйрену. Өзін-өзі дамытуға, әлемдегі және басқа адамдар арасындағы өзінің орнын анықтауға, сондай-ақ өздері өмір сүріп жатқан қоғам заңдылықтарын терең түсінуге қабілетті, қазіргі қоғамдағы ақпараттандыру жүйесін дамыту барысында ақпараттық қоғамды басқара алатын және телекоммуникация саласында қызмет ететін жеке тұлға болып қалыптасу.
Міндеттері:
ü Ақпараттық ағынды басқару жолдарын жинақтау;
ü Web сайт құру технологияларын игеру;
ü HTML тілінің мүмкіндігін пайдалана білу;
ü Интернет мәні мен мүмкіндігін ұйымдастыру.
Зерттеу нысанасы: Web сайт құру технологиялары туралы түсініктерін қалыптастырып, HTML тілі мен FrontPage программасының мүмкіншіліктерін пайдалана отырып жұмыс істеу қабілеттерін дамыту
Зерттеу пәні: Информатика
Болжам:
ü ақпараттандыру кезеңіндегі жаңа технологияны қолдана білсе,
ü HTML тілінің тэг қызметтерін біліп, қолдана алса,
ü өз бетінше сайт құра алса,
ü шығармашылықпен айналыса білсе,
ü сайтқа кіріп, өз қажеттерін ала алатын және өз ұсыныс-пікірлерін жібере алар еді.
Күтілетін нәтиже:
ü Бәсекеге қабілетті қоғамға қажет, сапалы шешім қабылдай алатын;
ü Web сайт құру технологияларын игерді;
ü HTML тілі мен FrontPage программасының мүмкіндіктерін пайдалану;
ü Интернет мәні мен мүмкіндігін ұйымдастыру.
Web-сайт бұл дүниенің кішкетай моделі. Бұрынғы кезде Web-сайтты бір адам - Web-мастер жасаған болса, қазіргі кезде Web-сайттарды бірнеше адам жасайды. Олар Web-дизайнер, программист, бизнес-кеңесші, маркетинг бойынша басқарушы, менеджер.
Не себептен мектеп курсына Интеренет технологиясын оқыту керек болды? Web-мастер мамандығы қазіргі кезде өзінің кұпиялығын жоғалтып жатыр, ал сайт жасау технологиясы зертхана сыртына шығып көпшілікке белгілі болып жатыр.
Бұның негізгі белгісі Интернет-жобаларға өсіп жатқан инвестициялар, Web-сайттардың күрделі білімдік, ғылыми, комерциялық мүмкіндіктері. Интернет технологиялар төмендегі жолдармен дамып келе жатыр:
§ Web-технологиялар;
§ Сайт жасау экономикасы;
§ Web-дизайн және Web-программалау маркетингісі;
§ Адам ресурстары және т.б.
Web-сайт жасақтау жұмысын бірнеше кезеңден турады:
§ Жоспарлау;
§ Элементтерді жасақтау;
§ Бағдарламалау;
§ Тестілеу;
§ Жариялау;
§ Жарнамалау;
§ Бақылау.
Жоспарлау кезеңінде төменгі мәселелер шешілуі керек:
1. Сайттың орны.
2. Сайттың аудиториясы кімдер.
3. Қандай ақпарат жарияланады.
4. Қолданушылармен қарым-қатынас қандай түрде ұйымдастырылады.
Элементтерді жасақтау кезеңінде сайттың программалық өнім түрінде жүзеге асырылуы қарастырылады:
1. Навигациялық құрылымын жасау.
2. Беттің дизайнын жасау.
3. Бетті толтыру үшін мәтіндік және бейне ақпаратты әзірлеу.
Бағдарламау
Бұл кезеңдің мәні сайтты форматтауда.
Тестілеу
Сайт жасаудың негізгі кезеңдерінің бірі тестілеу. Тестілеу кезеңде сайттың жұмыс істеу дұрыстылығы тексеріледі, оның ішінде:
1. Сілтеменің жұмысы;
2. Мәтіндегі қателер;
3. Навигацияның тиімділігі.
4. Пошта және басқа формалардың дұрыстығы.
5. Графикалық файлдардың ашылуы.
6. Әр түрлі браузерлерде сайттық жұмысы.
Жариялау
Тест аяқталғандан кейін Web-сайт серверде жарияланады және қайтадан тексеріленеді.
Жарнамалау
Web-қоғамдастығына жаңадан жарияланған сайт тұралы белгілі болу үшін сайттың адресін және ол жердегі материал туралы аннотацияны хабарлау керек. Осы мақсатқа жету үшін келесі мүмкіндіктерді пайдалануға болады:
1. Web-cайт адресін әр түрлі баспаларға жазу керек;
2. Web-сайтты әр түрлі серверлерде тіркеу;
3. Web-cайтқа сілтемелерді басқа Web-сайттарқа кіргізу;
4. Баннерлерді жарнама ретінде қолдану.
Бақылау
Web-сайтта жариялап жарнамалаған сон оған қатысу деңгейі оның беттерінде орналастырылған ақпараттың қажеттілігімен, жаңалығымен және көкейтестілігімен анықталады. Web-сайт имиджін сақтау үшін ол жердегі ақпаратты әрдайым жаңартып туру керек.
HTML (HyperTextMarkupLanguage) – бұл құжаттарды кодтау үшін қолданылатын гипертекстік белгілеу тілі. HTML ді көбі программалау тілі деп ойласа да, бұл программалау тілі емес. HTML – мәтінді белгілеу тілі.
HTML құжаттарды көру үшін браузерларды қолданамыз. Браузер-программалардың саны өте көп, мысалы көп таралғандар Netscape Communicator, Microsoft Internet Explorer, Opera.
HTML тiлiнде колданылатын командаларды “тег” деп айтамыз. HTML тiліндегi тегтер екi топқа бөлiнедi: жұпты, жұпсыз.
Жұпты тегтер дегенiмiз, бiр тег ашылса, келесi тег оны жабады. Мысалы,
<html> тегтiң жұмысын ашады да келесi </html> тегi оны жабады. <title> ашылуы, </title> жабылуы.
Жұпсыз тегтер дегенiмiз, тег ашылады да қолданыла бередi. Мысалы, <IMG> т.с.с.
Көрсетілген мысалдарды компьютерде көрү үшін мәтінді Блокнот программасына теріп, оны htm түрінде сақтаңыз. Файлды браузерде ашыңыз.
HTML құжаттың негізгі структурасы төмендегідей:
<HTML>
<HEAD>
<TITLE>
…
</title>
</head>
<BODY>
…
</body>
</html>
HTML-тег атрибуттар тізімінен тұрады. Тег тексті үшбұрышты жақша ішінде жазылады. Мысалы:
<FONT face=аrial>Менің бірінші бетім</font> - бұл жерде <FONT> - тег, face – атрибут, arial – атрибуттың мәні.
Кез келген HTML құжат <HTML> тегімен басталып, </html> тегімен аяқталу керек. Бұл тегтер браузерға HTML құжатын көрсетеді. Құжат болса қарапайым ASCII кодындағы мәтіндік файл. <HTML>, </html> тегтер болмаса браузер программалары құжатты танымай қалуы мүмкін.
<HTML>, </html> тегтерінің ортасына құжат денесі келеді. Құжат екі бөлімнен тұрады: тақырып бөлімі <HEAD> тегімен басталынатын және <BODY> тегімен басталынатын негізгі бөлімнен.
Тақырып бөлімі міндетті емес, бірақ ол жерде браузерге қажетті көп ақпарат болуы мүмкін.
<TITLE>, </title> тегтерінің арасында құжаттың аты жазылады, сол сөз терезенің тақырып жолына шығады.
Мысалы:
<TITLE>Моя первая страница</title>
<HEAD> бөліміне тағы <META> тегтерді қолдануға болады, олар сайтты интернет желісінде тез табылу үшін пайдалынады.
<meta name="Language" content=" kz"> - сайт тілі
<meta name="Autor" content="Molutjan Arziev"> - сайт авторы
<meta name="Keywords" content="информатика, школа, учитель, компьютер, уйгур, поурочный план, математика"> - іздеу қызметіне арналған сөздер
<meta name="Generator" content="блокнот"> - қай программада жасалынды
<BODY> тегімен Web-беттің негізгі бөлімі басталады. Бұл бөлімге мәтін, графика, кесте, аудио және видео ақпараттар енгізіледі.
Құжатта тақырыптар <Hi>, </hi> тегтерімен жасалынады, бұл жерде і=1 болғанда ең үлкен тақырып жазылады, і=6 болғанда – ең кіші.
Мысалы,
|
Көрінетін мәтін |
HTML де жазылуы |
|
Заголовок1 |
<H1> Заголовок1 </H1> |
|
Заголовок2 |
<H2> Заголовок2 </H2> |
|
Заголовок3 |
<H3> Заголовок3 </H3> |
|
Заголовок4 |
<H4> Заголовок4 </H4> |
|
Заголовок5 |
<H5> Заголовок5 </H5> |
|
Заголовок6 |
<H6> Заголовок6 </H6> |
Абзац енгізу үшін <P>, </p> тегтерін қолданады, мәтіннің сол жақ, ортада, оң жақта орнату үшін align атрибуты пайдалынады.
Мысалы:
<P align=center>Менің бірінші бетім</p>
«Менің бірінші бетім» сөйлемі беттің ортасына орналасады.
Align дің мәні тағыда left (сол жақ), right (оң жақ) болуы мүмкін.
<FONT> тегінің көмегімен біз мәтіннің шрифтің, көлемін, түсін белгілейміз. Ол үшін атрибуттарды пайдаланамыз. Мысалы:
<P align=center>
<font face=Arial size=5 color=blue>Менің бірінші бетім</font>
Осындай жол жазғанда Web бетімізде arial шрифтімен, 5-көлемде, көк түсті «Менің бірінші бетім» деген сөйлем шығады.
Жолды бөлү үшін <BR> тегін қолданса болады, мысалы:
<P> Ана тілін – арың бұл,
Ұятын боп тұр бетте<BR>
</p>
Қаратырылған әріптерді пайдалану үшін мәтінді <B>,</b> тегтерінің ортасына аламыз, қиғаш әріптер үшін - <I>,</i>.
Мысалы:
|
Көрінетін мәтін |
HTML де жазылуы |
|
Менің бірінші бетім |
Менің <b> бірінші </b> бетім |
|
Менің бірінші бетім |
Менің <i> бірінші </i> бетім |
|
Менің бірінші бетім |
Менің <u> бірінші </u> бетім |
<PRE>, </pre> тегтері мәтін редакторда қандай жазылған болса, сол бойынша браузерге шығарады, мысалы:
<PRE>
Ана тілін – арың бұл,
Ұятын боп тұр бетте.
Өзге тілдің бәрін біл,
Өз тіліңді құрметте
</pre>
Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. Web дизайнерлер графика мәселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ойласа, екінші топ керісінше Web сайттарға суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің және жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенменде сайтқа графиканы қолдану мүмкіндік бар және соны тиімді пайдалану керек. Ол үшін бізге <IMG> тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpg суретi С дискасының My img папкасына орналасқан болса, онда төмендегі тег жазылады:
<IMG src=c:/my img/rose.jpg>
width және heigth атрибуттармен суреттің көлемін өзгертуға болады, биіктігі және ені.
alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет шығаруға болады.
<IMG src=c:/my img/rose.jpg width=50% height=30% alt=менің суретім>
Web графика туралы айтқанда төмендегі атрибуттарды ұмытпау керек: background – бұл атрибут сайтқа суретті фон ретінде орналыстырады, bgcolor – фонға түс береді.
HTML дің негізгі қасиеті ретінде оның басқа құжаттарға сілтемеу жасау мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан компьютерге, құжаттың ішіндегі белгілі бір орынға, HTML құжатына, басқа бір сайтқа сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін <A href> тегі қолданылады.
Мысалы,
<A href=penjim.narod.ru>Пенжим сайтына сілтеме</a>
Бұл мысалда біз www.penjim.narod.ru сайтына сылтеме жасадық.
Сілтеме мәтін түрде және сурет (кнопка) түрде болуы мүмкін. Сурет түрде орнату үшін <A> </a> тегтерінің ортасына суретті <IMG> тегімен орнату керек.
Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады. Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады. Кесте келесi бөлiктерден тұрады:
• кесте тақырыбы;
• бағаналар тақырыптары;
•ұяшықтар.
Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi. Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.
Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:
<TABLE border=1>
<TR>
<TD> мәтін</td>
<TD> мәтін</td>
<TD> мәтін</td>
</tr>
<TR>
<TD> мәтін</td>
<TD> мәтін</td>
<TD> мәтін</td>
</tr>
</table>
Бұл жерде border кесте сызықтарының ені.
Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін width атрибутн қолданса болады, мысалы:
<TABLE width=50%>
|
Егер бірінші ЭЕМ-нің бүгінгі күннен тек жарты ғасыр ғана бұрын құрылғандығын ескеретін болсақ, онда Internet компьютерлік әлемнің ардагері деуіміз дұрыс болар. Себебі Internet тарихы осыдан 30 жыл бұрын басталған. Алпысыншы жылдардың аяғында құрылған Internet АҚШ елдерінде көбінесе коммуникациялық желі ретінде қолданылған (ARPAnet деп аталған). Ол көбінесе жоғарғы оқу орындарында қолданылып, тек сексенінші жылдары ғана бұл желі өз қанатын бүкіл елге жайып, Internet — деген атау алады. Бүгінгі күні бағдарлаушыларға Web-беттерді
құру үшін жүздеген әр түрлі бағдарламалар, құралдар бар екендігі бәрімізге
мәлім. Солардың ішінде HTML-редакторлары, графикалық пакеттер және осылардың
ішіндегі ең мықтысы – Front Page бағдарламасы да Web-беттерді құру үшін
құрылған. Мастерлер мен шаблондарды құру. Шаблон
каркас тәріздес, ол жаңа құжаттар құру кезінде қолданылады. Ал мастер бір
немесе бірнеше экран беттерінен құрылған бірнеше сұрақ қою нәтижесінде,
сіздің қажеттіктеріңізді анықтайтын және результат нәтижесінде қанағаттанған
құжатты генерациялайтын (арттыратын) бағдарламалық модуль. Бұл жағдайда
шаблоның мастерге қарағанда мүмкіншілігі аз, бірақ екі жағдайда да біз
Web-беттің негізі бола алатын құжатты ала аламыз. Құрал - саймандар панелімен жұмыс жасау. Редактордың құрамына құралдыр панелі кіреді және оларды View менюі арқылы басқаруға болады, олар:
Front Page бағдарламалысының интерфейсі
Сонымен қатар View менюінің құрамына Status
Bar (Жолдар жағдайы) Format Marks (Символдарды форматтау) қосымша бөлімдер
кіреді. Web-беттермен графикалық жұмыс жасау. Web-беттермен графикалық жұмыс істеген кезде ең негізгі мәселенің (проблеманың) бірі болып, браузер бетінде пайда болған бейне суреттердің жылдамдығы файлдардың алатын жады көлеміне байланысты. Графикалық форматтар көбінесе сол форматпен байланысқан кеңейткіштер арқылы аталады. Ал олар өз алдына көптеген қиындықтарға әкеледі. Осындай форматтарға BMP, GIF, EPS, TIF, JPEG, WMF және т.б. жатады. Бірақ та Frontpage тілінде Web-беттермен жұмыс істеген кезде біз көбінесе екі түрлі бейне суреттерді ғана қолданамыз, олар: JPEG және GIF. Олардың екеуі де қысылған және Web-беттермен жұмыс істеген кезде ең жиі қолданатын графикалық форматқа жатады. Frontpage көп түрлі графикалық форматтарды импорттап алады, олар:
Web-беттерге бейне суреттерді қойған кезде және егер олар сақталмаса, осындай бетті жабу немесе сақтау кезінде Frontpage олардың әрбіреуін тиісті сайт үшін сақтауды сұрайды. Frontpage GIF және JPEG форматтардан бөлек файлдарды автоматты түрде GIF форматта сақтайды. Ал егер сіз бейне суреттерді JPEG форматта сақтағыңыз келсе, онда Web-бетті сақтағанға бұрын Image Properties (Бейне қасиеттері) диалогтық терезеде сол форматты көрсету керек. JPEG форматы (Joint Photographic Experts
Group – фотосурет бойынша біріккен эксперттік топ) — бұл масштабталған,
қапталған, жоғарғы дәрежелі қысылған және сапасын аз ғана түсіретін формат
болып табылады. Электрондық формада графикалық суреттерді бір форматтан
екінші форматқа ауыстырған кезде бейнелер өзінің анықтығын біраз жоғалтады.
Сол себепті, JPEG форматы жоғарғы дәрежелі қысылған және сапасы жағынан да
жоғары болғандықтан Web-сайттар үшін ең қолайлы. JPEG форматы фотосуреттер
үшін және түсі 256-дан асатын бейне суреттер үшін өте қолайлы. GIF форматы (Graphics Interchange Format – графикалық мәліметтерді алмастыратын формат) — бұл 256 немесе одан да аз түсті бейне суреттер үшін арналған қапталған формат. GIF форматы көбінесе біркелкі түстерден тұратын бейне суреттерден құралған (мысалы, безендіру сияқты). Сонымен қатар, GIF форматы мөлдір және жолдық бейнелерге де қолданады. |
|
|
Қорыта келгенде, сайтты құру технологияларын қолдана отырып тұтынушыны қызықтыра білу керек. Web сайт құруда бірнеше HTML құжатын қалыптастыру үшін, бірқатар қарапайым ережелерді басшылыққа алудың өзі жеткілікті:
· Web–парақтағы мәліметтерді орналасуы қарапайым әрі логикалық түрде қарап шығуға, оқуға ыңғайлы болуы тиіс.
· Бір суреттен кейін бірден екінші сурет орналаспағаны дұрыс, олардың ара қашықтарын біркелкі етіп, араларында мәтіндік ақпараттар берген дұрыс.
· Ақпарат бөліктерге бөлініп берілсе, оларды оқу, түсіну жеңіл болады.
· Егер Web–парақ үлкен болса онда құжат бөліктеріне жылдам ауысуға мүмкіндік беретін сілтемелер жасау қажет.
Web–парақтары кең ауқымды тұтынушыларға арналған, сондықтан HTML құжаттарын әзірлеген кезде осы ерекшеліктері ойдан шығармау керек.
Web–парақты серверге орналастыру және оны тестілеуден өткізу, жұмыстың соңғы қадамдамы деп есептеледі.
Серверге өз Web–парақтараңызды орналастыру алдында оларды тест арқылы тексеріп алған жөн. Жасалған құжат алғашқы тексеруді, яғни «жергілікті тексеруді» өзініздің қатті дискіңіздің аумағында өтуі тиіс. Тексеру кезінде әр түрлі броузерлерді пайдаланған абзал. Олардың бір-біріне айырмашылығы әжептеуір болуы ықтимал.
Web–құжатты тескеруден өткізу кезінде мынадай жайттар есте болсын:
1. Емле қателерін тексеру;
2. Навигацияны (ауысуларды) тексеру;
3. Сыртқы файлдармен қатынасу тәсілдерінің дұрыстығын тексеру;
4. Құжаттын жүктелу уақытының шамадан тыс ұзақ болмағанына көз жеткізу.
5. Басқа кісілерден сіздер жасаған Web–парақтарды қарап шығуын қамтамасыз ету.
Сонымен HTML-файлдарының жетістігі деп мыналарды атап кетуге болады:
o аз ақпараттық көлем;
o кез келген дербес компьютерден көру мүмкіндігі;
o интерактивтілігі.
Жие қолданылатын тег және атрибуттер тізімі
|
Тег |
Мәні |
|
<HTML></HTML> |
Беттің басымен аяғы |
|
<HEAD></HEAD> |
Беттің тақырыбы |
|
<TITLE></TITLE> |
Беттің аты |
|
<BODY></BODY> |
Беттің негізгі бөлімі |
|
<Hі></Hі> |
Тақарап (і 1 ден 6 ға дейін өзгереді) |
|
<P></P> |
Абзац |
|
<P ALIGN=”left”></P> |
Абзаты теңістіру |
|
<BR> |
Жолды ауыстыру |
|
<HR> |
Гаризонтал түз сызық |
|
<B></B> |
Жуан әріптер |
|
<I></I> |
Қийғаш әріптер |
|
<SUB></SUB> |
Жоғарғы индекс |
|
<SUP></SUP> |
Төменгі индекс |
|
<FONT SIZE=?></FONT> |
Шрифт көлемі |
|
<FONT COLOR=123456></FONT> |
Шрифт түсі |
|
<FONT FACE=*></FONT> |
Шрифт гарнитурасы |
|
<IMG SRC=”URL”> |
Сурет орналыстыру |
|
<IMG SRC=”URL” ALT=”*”> |
Суретке коментрария беру |
|
<BODY BACKGROUND=”URL”> |
Суретті фон ретінде орналыстыру |
|
<BODY BGCOLOR=”#SSSSSS”> |
Фон түсі |
|
<BODY TEXT=”#SSSSSS”> |
Мәтін түсі |
|
<BODY LINK=”#SSSSSS”> |
Сілтеме түсі |
|
<BODY VLINK=”#SSSSSS”> |
Өтілген сілтеменің түсі |
|
<A HREF=”URL”>TEKCT</A> |
Басқа бетке сілтеме |
|
<A HREF=”#*”>TEKCT</A> |
Осы беттегі мәтінге сілтеме |
|
<UL><LI></UL> |
Маркірленен тізім |
|
<UL TYPE=”disk”> |
Маркер түрі |
|
<OL><LI></OL> |
Номерленген тізім |
|
<OL TYPE=”A”> |
Номер түрі |
|
<OL START=?> |
Тізімдің бірінші нөмірі |
|
<DL> |
Анықтамалар тізімі |
|
Қазақ әріптері |
HTML коды (бас әріп) |
HTML коды (кіші әріп) |
|
Ә, ә |
Ә |
ә |
|
Ң, ң |
Ң |
ң |
|
Ғ, ғ |
Ғ |
ғ |
|
Ү, ү |
Ү |
ү |
|
Ұ, ұ |
Ұ |
ұ |
|
Қ, қ |
Қ |
қ |
|
Ө, ө |
҄ |
҅ |
1. Балафанов Е.Қ., Бөрібаев Б., Дүзбаева Р.М., Мамырбек Ғ.Б. Интернетке кіріспе: «Бүкілдүниежүзілік өрмек»: әдістемелік құрал. –Алматы.: ЖТИ, 2004. -24 б.
2. Гаевский А.Ю., Романовский В.А. Создание Web-страниц и Web-сайтов. –Москва.: Технолоджи-3000, 2008г. -464с.
3. Кадырова А.С. Основы создания Web-страниц. –Усть-Каменогорск.: Издательство ВКГУ, 2001 г.
4. Гоффт В. Создание Web страниц –Москва: Прима, 2004.-900с.
5. Халықова К.З. Информатиканы оқыту әдiстемесi. Алматы, Бiлiм, 2000, – 196 бет.
6. Бөрiбаев Б. Информатика және компьютер. Алматы, Бiлiм, 1995, – 247 б.
7. Гриншкун В.В. Теория и практика применения иерархических структур в информатизации образования и обучении информатике. // М.: МГПУ, – 2004, 418 с.
8. Бидайбеков Е.Ы., Абдраимов Д.И. Методы использования образовательных электронных изданий в системе профессионального образования // Вестник КазНПУ. Серия физико-математические науки. / Алматы, – 2005, №1 (12), С. 58-64.
9. Информатика. /Под ред. С.В. Симоновича. - М., 2003
10. Лапчик М.П., Рагулина М.И., Хеннер Е.К. Эволюция парадигмы прикладного математического образования учителей информатики / ИНФО, № 12, 2006, 6/2 стр.
11. Лапчик М.П. ИКТ-компетентность педагогических кадров. Монография. Омск: Изд-во ОмГПУ, 2007. 144 с.
Қосымша әдебиеттер:
1. Антонов Б. Macromedia Flash 8 –Москва.:Лучшие книги, 2006. -208с.
2. Белунцов В. Macromedia Flash 5: анимация в Интернете: [практ. рук. ] / В. Белунцов.- М.: Десс Ком, 2001.- 352 с
3. Коцюбинский А.О., Грошев С.В. Современный самоучитель в сети Интернет. Быстрый старт.:Прак. пособ. –М.: Триумф, 1997. -464 с.
4. www.gulstan.kz
Ғылыми жұмыста келесі мәселелерді зерттедім:
Web-сайт құру технологиялары бойынша теориялық материалдар жинақтадым;
HTML тілі мен FrontPage бағдарламасын сайт құруда қолдандым;
HTML тілі мен FrontPage бағдарламаларын қолданып «Гүлдер әлемі» атты Web-сайт жасадым.
Ендігі ойым осы жасаған Web-сайттымды мұғалімдер мен оқушылар оқу процесінде қолданса екен.
Республикамыздың білім беру жүйесін ақпараттандыру - еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр – білім беру жүйесін ақпараттандыру ғасыры. Ұсынып отырған ғылыми жұмысты бастауға осындай ізгі мақсат түркі болды. Бұл жоба болашақта мектеп қабырғасында Web – сайт құру технологияларын қолданып, үлкен жобалар жасауына түрткі болар деген сеніммен осы ғылыми жұмысты ұсындым.
Информационные системы образования республики – одно из основных направлений стратегического развития страны, потому что ХХІ век – век информационных систем образования. Поводом для написания представленной научной работы. Я предлагаю эту научную работу с уверенностью в этом, что в будущем он послужит поводом для создания больших проектов в стенах школы с применением технологий создания Web – сайта.
Бас бет
<html>
<head>
<title>Гүлдер Әлемі</title>
<body>
<p align="center">
<marquee scrollamount="25" height="50"><font face="Times New Roman" style="font-size: 80pt; font-weight: 700" color="yellow">
Гүлдер Әлемі</marquee></font></font></b></p>
<p align="center">
</p>
<p align="center">
</p>
<p align="center">
</p>
<blockquote>
<palign="center">
<img border="0" src="index/index.1.jpg" width="711" height="500" align="left"></p>
<p align="left"><font face="Times New Roman" style="font-size: 16pt">Мазмұны:
</font></p>
<p align="left"><font face="Times New Roman" style="font-size: 16pt">
<a rel="nofollow ugc" target="_blank" href="page/jjj.htm">Жылы жай</a></font></p>
<p align="left"><font face="Times New Roman" style="font-size: 16pt">
<a rel="nofollow ugc" target="_blank" href="page/gul.htm">Гүлдер Әлемі </a> </font></p>
<p align="left"><font face="Times New Roman" style="font-size: 16pt">
<a rel="nofollow ugc" target="_blank" href="index/kuzikti_material.ppt">Қызықты
мәлімет</a></font></p>
<p align="left"><font face="Times New Roman" style="font-size: 16pt">
<a rel="nofollow ugc" target="_blank" href="page/meken.htm">Мекен-жайы</a></font></p>
<p align="left"><font face="Times New Roman" style="font-size: 16pt">
<a rel="nofollow ugc" target="_blank" href="page/joba_aftori.htm">Жоба авторы</a></font></p>
<p align="left"><font face="Times New Roman" style="font-size: 16pt">
<a rel="nofollow ugc" target="_blank" href="page/gul.files/fotogul.ppt">Фотокөрме</a></font></p>
<p align="left"> </p>
</blockquote>
<p> </p>
<p> </p>
<p align="center">
</p>
<p align="center">
</p>
<p align="center">
<span style="font-family: Times New Roman; color: #FF0000; text-shadow: auto; font-weight: 700; font-style: italic">
<font size="6">Сүйіне білсең, табиғат - сұлулыққа тұнып тұр </font> </span></p>
</p>
<p align="center"> </p>
</body>
</html>
Жылы жай
<html>
<head>
<title>Жылы жай</title>
</head>
<body>
<p align="center"><font face="Times New Roman" style="font-size: 80pt">Жылы жай</font></p>
<p align="center">
<img border="0" src="../index/жылы%20жай.jpg" width="422" height="293"></p>
<p align="left">
<i><b><a rel="nofollow ugc" target="_blank" href="gul.files/Гулстан%202003.ppt">
<font size="6" face="Times New Roman" color="#FF00FF">Презентация </font></a>
</b></i></p>
<p align="left">
<b><i><font face="Times New Roman" size="6" color="#FF00FF">
<a rel="nofollow ugc" target="_blank" href="../index/juli_jaii.ppt"><font color="#FF00FF">Бейнематериал</font></a></font></i></b></p>
<p align="left"><i><b><font face="Times New Roman" size="6"><a rel="nofollow ugc" target="_blank" href="index.htm">
<font color="#FF00FF"><a rel="nofollow ugc" target="_blank" href="../index.htm"><font color="#FF00FF">Бас бетке</font></a></font></a></font></b></i></p>
</body>
</html>
1-сурет. Web-сайттың алғышқы беті
2-сурет. Web-сайтты FrontPage бағдарламасында жасау макеті
3-сурет. «Жылы жай» Web-парағы.
4-сурет. «Жылы жай» Web-парағындағы презентация сілтемені басқанда жылы жайдағы гүлдер туралы мәліметтер
5-сурет. «Жылы жай» Web-парағындағы бейнематериал сілтемесін басқанда жылы жайдағы гүлдер туралы мәліметтер (ұзақтығы – 5 минут)
6-сурет. «Гүлдер әлемі» Web-парағы
7-сурет. «Мекен жай» Web-парағы
8-сурет. Фотокөрме сілтемесі(ұзақтығы – 4 минут)
9-сурет. Фотокөрме сілтеменің MovieMaker бағдарламасындағы көрінісі
10-сурет. Жоба авторы сілтемесі
Рабочие листы
к вашим урокам
Скачать
6 661 379 материалов в базе
Настоящий материал опубликован пользователем Досмагамбетова Арайлым Абусагитовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.