HTML ЖƏНЕ WEB - ҚҰЖАТ ҚҰРУ ƏДІСТЕР

Пән: Информатика, Программалау, Мәліметтер қоры
Жұмыс түрі: Реферат
Тегін: Антиплагиат
Көлемі: 11 бет
Таңдаулыға:

HTML ЖƏНЕ WEB - ҚҰЖАТ ҚҰРУ ƏДІСТЕР
МАЗМҰНЫ

КІРІСПЕ 3
1. ІС-ТƏЖІРИБЕ ӨТУ НЫСАНЫ ЖƏНЕ ОНЫҢ СИПАТТАРЫ 5
1.1 МЕКЕМЕНІҢ ТАРИХЫ 5
1.2 МЕКЕМЕНІҢ ТЕХНИКА ҚАУІПСІЗДІГІНІҢ НЕГІЗГІ ЕРЕЖЕЛЕРІ ... ... .. 6
2. WEB-САЙТ ҚҰРУ 7
2.1 WEB-САЙТ ЖАСАҚТАУ КЕЗЕҢДЕРІ 9
2.2 WEB-БЕТ ДИЗАЙНЫ 11
3. HTML ТІЛІНДЕ АҚПАРАТТЫҚ ТЕХНОЛОГИЯЛАР
ОФФ ЛАЙНДЫҚ ЖУРНАЛ ЖОБАСЫН ЖАСАУ 12
3.1 HTML НЕГІЗДЕРІ ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... .. 15
3.2 WEB - ҚҰЖАТ ҚҰРУ ƏДІСТЕРІ 16
3.3 КОМПЬЮТЕРЛІК ТЕХНОЛОГИЯЛАР ... ... ... ... ... . ... ... ... ... ... ... 17
ҚОРЫТЫНДЫ 22

KІРІСПЕ

Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму
стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр - білім беру жүйесін ақпараттандыру ғасыры.
Информатика пəнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің, ақпараттық орта мен адамның өзара қарым- қатынасын үйлесімді етудегі жəне жаңа ақпараттық қоғамда кəсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор жəне тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны əдістемелік жұмыстың өзекті мəселелерінің бірі болып отыр.
Мектеп бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте олар программист, инженер, жүйе администраторы болуы міндетті емес. Дегенмен кез-келген шығармашылық мамандық сізден қазіргі заманға сəйкес компьютерлік технологияларды меңгеруге талап етеді. Шығармашылық жұмыстын қортындысы əр қашан жаңа білім, жаңа ақпарат, ал осы ақпаратты таратудың ең жеңіл əдісі - Интернетте жариялау.
Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне сəйкес болу керек. Демек, Web- дизайн негіздерін білу кез келген мамандықта қажет болады, өткені Web-бет дизайны - бұл ақпараттық дизайн.
Бұл жұмыс өзінің сайтын дайындауды үйренем деушілерге арналған.
Жұмыс екі бөлімнен тұрады, біріншісі теориялық: мəтінді форматтау, графиканы қолдану, тізім жасау, кесте құру. Ал екіншісі болса практикалық, бұл бөлімде біз дайын бір сайт жасап шығамыз.
Қазіргі замандағы Интернет-технологиялар
Web-сайт бұл дүниенін кішкентай моделі. Бұрынғы кезде Web-сайты бір адам - Web-мастер жасаған болса, қазіргі кезде Web-сайттарды бірнеше адам жасайды. Олар Web-дизайнер, программист, бизнес-кеңесші, маркетинг бойынша басқарушы, менеджер.
Не себептен мектеп курсына Интеренет технологияны оқыту керек болды? Web-мастер мамандығы қазіргі кезде өзінің кұпиялығын жоғалтып жатыр, ал сайт жасау технологиясы зертхана сыртына шығып көпшілікке белгілі болып жатыр.

1. ІС-ТƏЖІРИБЕНІ ӨТУ НЫСАНЫ ЖƏНЕ ОНЫҢ СИПАТТАРЫ
1.1 МЕКЕМЕ ТУРАЛЫ
Веб-әзірлеу нарығында 14 жыл жұмыс істегенде біз қарапайым веб-сайттардан білім беру, медицина және электронды коммерциядағы күрделі жүйелерге жобаларды құруда үлкен тәжірибе жинақтадық. Біз Интернеттің және интранет сайттардың қызмет көрсетуіне, Яндекс пен Google іздеу жүйелеріне сайттарды насихаттауға, веб-технологиялар негізінде жұмыс істейтін мамандандырылған бағдарламаларды жасауға және іске асыруға, эксклюзивті сайттарды дайын жағдайында әзірлеуге және дайын шешімдер негізінде арзанға ие боламыз. Біздің достарымызды санап, сапалы және ұзақ мерзімді қарым-қатынасқа ұмтыламыз. Біздің миссиямыз - тапсырыс берушіге сапалы қызметтерді Қазақстандағы ең арзан бағалармен қамтамасыз ету. Біз үшін шекаралар жоқ, сондықтан біз Қазақстанның барлық қалаларында 1500 астам жобаны жүзеге асырдық.
Біздің жұмысымыз интернет маркетинг саласындағы сарапшылармен жоғары бағаланады - біздің компания AWARD 2012 (www.award.kz) рейтингісіне сәйкес Қазақстанның жетекші веб-әзірлеушілерінің бірі болып табылады.
AWARD 2015 Ұлттық Интернет-сыйлығының Ұйымдастыру комитеті біздің компаниямызды қазақстандық жобаларды бағалау үшін сарапшылар ретінде шақырды. AWARD 2015 Ұлттық Интернет-сыйлығының байқауына Қазақстанның 708 жобалары, мемлекеттік мекемелері мен жеке тұлғалары қатысты.

Рейтингтік нұсқаға сәйкес Қазақстанның TOP-10 веб-студиясына кіреміз.
AWARD 2017 ұлттық интернет-сыйлығының ұйымдастыру комитеті біздің компаниямызды қазақстандық жобаларды бағалау үшін бірінші кезең сарапшылары және екінші кезеңнің қазылар алқасы ретінде шақырды.

1.2 МЕКЕМЕНІҢ ТЕХНИКА ҚАУІПСІЗДІГІНІҢ НЕГІЗГІ ЕРЕЖЕЛЕРІ
Бірінші барған күні жетекшім мені мекемедегі техника қауіпсіздіктерімен таныстырды. Онда компьютерді қалай қосып-өшіру керектігін көрсетті. Жəне де электр сымдарына абай болу керек екенін айтып отырды. Компьютерді жұмыс істеп болғаннан кейін міндетті түрде сөндіріп қою қажеттігін, компьютердің алдына міндетті түрде кактус гүлін қойып қою көзге қауіпсіз екенін ескертті. Бөлмеден шығарда бөлменің терезелерін жауып, бөлмедегі электр жарығын сөндіріп кету керектігін айтты. Егер бұл міндеттерді орындамаған жағдайда кенеттен төтенше жағдай болуы мүмкін екендігін ескертті. Мен өзіме тиесілі жұмыстарды техника қауіпсіздігін сақтай отырып жұмыс істедім.
Техника қауіпсіздік шараларымен танысу. Сонымен жалпы алғанда мына техника қауіпсіздік ережелерін сақтау қажет: Есептеуіш техника бөлмесінде əрбір студент қауіпсіздік техникасының ережесін қатаң тəртіпте орындау керек.Электр тогымен зақымдалған студентке əрбір қызметкер алғашқы көмек көрсете білу керек.
Электр тогымен зақымдалған кезде тезірек тоқты өшіріп, зақымдалған адамды сымнан босату керек.
Егер демалысы тоқтап қалған болса, онда дəрігер шақырып жасанды тыныс алу жəрдемін көрсету керек. Ол минутына 16-18 рет бірқалыпты өту керек жəне қашан тыныс пайда болғанша жасау керек.
Өрт сөндіретін құралдармен əрбір студент жұмыс істей алу керек. Суланған қол, ылғал киіммен ЭЕМ-мен жұмыс істеуге болмайды.
Зақымдалған сым дұрыс істемей тұрған есептеуіш техникасының құралдарымен жұмыс істеуге болмайды.
ЭЕМ-мен жұмыс істеу барысында қолайсыз иіс, дыбыс немесе түтінделген сым байқалған болса, ЭЕМ-ді өшіріп мұғалімге хабарлау керек. ЭЕМ-ді іске қосып ескерусіз қалдыруға бөлме ішінде жүріп, жолдастарының назарын аударуға болмайды.
ЭЕМ-нің үстіне кітап, дəптер, киімдер тағы басқа заттарды қоюға болмайды. ЭЕМ-мен жұмыс істеп жатқанда сырттан кірген кісілерге тұрудың қажеті жоқ. ЭЕМ бөлмесіне рұқсатсыз кіруге болмайды.

1. WEB-САЙТ ҚҰРУ

Web беттегі графика
Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. Web дизайнерлер графика мəселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ойласа, екінші топ керісінше Web сайттарға суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің жəне жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенменде сайтқа графиканы қолдану мүмкіндік бар жəне соны тиімді пайдалану керек. Ол үшін бізге тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpg суретi С дискасының My img папкасына орналасқан болса, онда төмендегі тег жазылады: width жəне heigth атрибуттармен суреттің көлемін өзгертуға болады, биіктігі жəне ені. alt атрибутымен суретке қосымша мəтін түрде қосымша мəлімет шығаруға болады. Web графика туралы айтқанда төмендегі атрибуттарды ұмытпау керек: background - бұл атрибут сайтқа суретті фон ретінде орналыстырады, bgcolor - фонға түс береді.

Сілтеме
HTML дің негізгі қасиеті ретінде оның басқа құжаттарға сілтемеу жасау мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан компьютерге, құжаттың ішіндегі белгілі бір орынға, HTML құжатына, басқа бір сайтқа сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін тегі қолданылады. Мысалы, Пенжим сайтына сілтеме Бұл мысалда біз www.penjim.narod.ru сайтына сылтеме жасадық. Сілтеме мəтін түрде жəне сурет (кнопка) түрде болуы мүмкін. Сурет түрде орнату үшінтегтерінің ортасына суретті тегімен орнату керек.

HTML-де кесте жасау
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.1 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-сайт имиджін сақтау үшін ол жердегі ақпаратты əрдайым жаңартып туру керек. Web-сайт беттерін ұйымдастырған кезде, төменгі схемаларды қолдануға болады.

1.2 WEB-БЕТ ДИЗАЙНЫ
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор жəне тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны əдістемелік жұмыстың өзекті мəселелерінің бірі болып отыр. Мектеп бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте олар программист, инженер, жүйе администраторы болуы міндетті емес. Дегенмен кез-келген шығармашылық мамандық сізден қазіргі заманға сəйкес компьютерлік технологияларды меңгеруге талап етеді. Шығармашылық жұмыстын қортындысы əр қашан жаңа білім, жаңа ақпарат, ал осы ақпаратты таратудың ең жеңіл əдісі - Интернетте жариялау. Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне сəйкес болу керек. Демек, Web- дизайн негіздерін білу кез келген мамандықта қажет болады, өткені Web-бет дизайны - бұл ақпараттық дизайн.

2. HTML ТІЛІНДЕ АҚПАРАТТЫҚ ТЕХНОЛОГИЯЛАР ОФФ ЛАЙНДЫҚ ЖУРНАЛ ЖОБАСЫН ЖАСАУ

HTML тілі Web-құжатқа суреттерді, кестелерді енгізу мүмкіндігін береді. Сонымен қатар желідегі басқа Web-құжаттармен байланысуда гиперсілтемелерден пайдаланады. Web-құжатқа сілтеме, сурет, объект, апплет жəне скрипттер енгізуді қарастырайық. Оларға төмендегі тегтер жатады:
a (anchor)
img (image)
embed
noembed
applet
param
object
marquee

Web-құжатта ақпаратты ықшам түрде бейнелеуде тізімдерден пайдаланады. Тізімдер екі түрге бөлінеді: нөмірленген;
маркерленген.
Тізімдерді құру тэгтерін қарастырайық. Оларға төмендегі тегтер жатады:

ul unsorted list
ol ordered list
li list item
menu dir
dl definition list
dt definition term
dd definition description

ul тэгі маркерленген тізім құрады. Тэг ішінде бірнеше li тэгтері қолданылуы тиісті. Тэг ul тэгімен жабылады. Мысалы:
p Гамлет трагедиясын кім жазған:
ul li Шекспир li
li Монтень li
li Гомер li
li Рабле li
li Софокл li ul p
Браузер терезесінде төмендегі маркерленген тізім көрінеді:
Гамлет трагедиясын кім жазған: Шекспир
Монтень Гомер Рабле

Софокл

ol тэгі нөмірленген тізім құрады. Тэг ішінде бірнеше li тэгтері қолданылуы тиісті. Тэг ol тэгімен жабылады. Тэг төмендегі атрибуттарға ие: start - атрибуты нөмір қай саннан басталатынын анықтайды. Мəн ретінде тек қана бүтін санды алады;
type - атрибуты нөмірлеу силін анықтайды. Қабылдайтын мəндері: "A" - латын бас əріптері: A, B, C, ...
"a" - кіші латын əріптері: a, b, c, ... "I" - үлкен рим цифрлары: I, II, III, ... "i" - кіші рим цифрлары: i, ii, ... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.