Информатика | Қазіргі замандағы Интернет технологиялар HTML негіздері

Мазмұны

Кіріспе
1. Қазіргі замандағы Интернет-технологиялар
2. HTML негіздері
2.1. Құжаттың структурасы
2.2. Мәтінді форматтау тегтері
2.3. Тізім
2.4. Web беттегі графика
2.5. Сілтеме
2.6. HTML-де кесте жасау
3. Программалық жабдықтау
4. Қосымша
4.1. 10-11 сынып оқушыларына информатика пәнінен кәсіби білім берудің авторлық бағдарламасы
4.2. Жие қолданылатын тег және атрибуттер тізімі
4.3. Лабораториялық жұмыс. Сурет атрибуттарын тағайындау
4.4. Лабораториялық жұмыс. Кесте жасау
4.5. Лабораториялық жұмыс. Гипермәтіндікбайланыстар орнату

Қазіргі замандағы Интернет-технологиялар

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

Сізіқтіқ схем
Сізіқтіқ еме
Араласқан
HTML негіздері

HTML (HyperTextMarkupLanguage) – бұл құжаттарды кодтау үшін қолданылатын гипертекстік белгілеу тілі. HTML ді көбі программалау тілі деп ойласа да, бұл программалау тілі емес. HTML – мәтінді белгілеу тілі.
HTML құжаттарды көру үшін браузерларды қолданамыз. Браузер-программалардың саны өте көп, мысалы көп таралғандар Netscape Communicator, Microsoft Internet Explorer, Opera.
HTML тiлiнде колданылатын командаларды “тег” деп айтамыз. HTML тiліндегi тегтер екi топқа бөлiнедi: жұпты, жұпсыз.
Жұпты тегтер дегенiмiз, бiр тег ашылса, келесi тег оны жабады. Мысалы,
тегтiң жұмысын ашады да келесi тегi оны жабады. ашылуы, жабылуы.
Жұпсыз тегтер дегенiмiз, тег ашылады да қолданыла бередi. Мысалы, т.с.с.
Көрсетілген мысалдарды компьютерде көрү үшін мәтінді Блокнот программасына теріп, оны htm түрінде сақтаңыз. Файлды браузерде ашыңыз.

Құжаттың структурасы

HTML құжаттың негізгі структурасы төмендегідей:




…



…



HTML-тег атрибуттар тізімінен тұрады. Тег тексті үшбұрышты жақша ішінде жазылады. Мысалы:
Менің бірінші бетім - бұл жерде - тег, face – атрибут, arial – атрибуттың мәні.
Кез келген HTML құжат тегімен басталып, тегімен аяқталу керек. Бұл тегтер браузерға HTML құжатын көрсетеді. Құжат болса қарапайым ASCII кодындағы мәтіндік файл. , тегтер болмаса браузер программалары құжатты танымай қалуы мүмкін.
, тегтерінің ортасына құжат денесі келеді. Құжат екі бөлімнен тұрады: тақырып бөлімі тегімен басталынатын және тегімен басталынатын негізгі бөлімнен.
Тақырып бөлімі міндетті емес, бірақ ол жерде браузерге қажетті көп ақпарат болуы мүмкін.
, тегтерінің арасында құжаттың аты жазылады, сол сөз терезенің тақырып жолына шығады.
Мысалы:
Моя первая страница
бөліміне тағы тегтерді қолдануға болады, олар сайтты интернет желісінде тез табылу үшін пайдалынады.

- сайт тілі
- сайт авторы
- іздеу қызметіне арналған сөздер
- қай программада жасалынды

тегімен Web-беттің негізгі бөлімі басталады. Бұл бөлімге мәтін, графика, кесте, аудио және видео ақпараттар енгізіледі.

Мәтінді форматтау тегтері

Құжатта тақырыптар , тегтерімен жасалынады, бұл жерде і=1 болғанда ең үлкен тақырып жазылады, і=6 болғанда – ең кіші.
Мысалы,

Көрінетін мәтін HTML де жазылуы
Заголовок1 Заголовок1
Заголовок2 Заголовок2
Заголовок3 Заголовок3
Заголовок4 Заголовок4
Заголовок5 Заголовок5
Заголовок6 Заголовок6

Абзац енгізу үшін , тегтерін қолданады, мәтіннің сол жақ, ортада, оң жақта орнату үшін align атрибуты пайдалынады.
Мысалы:
Менің бірінші бетім
«Менің бірінші бетім» сөйлемі беттің ортасына орналасады.
Align дің мәні тағыда left (сол жақ), right (оң жақ) болуы мүмкін.
тегінің көмегімен біз мәтіннің шрифтің, көлемін, түсін белгілейміз. Ол үшін атрибуттарды пайдаланамыз. Мысалы:

Менің бірінші бетім
Осындай жол жазғанда Web бетімізде arial шрифтімен, 5-көлемде, көк түсті «Менің бірінші бетім» деген сөйлем шығады.

Жолды бөлү үшін тегін қолданса болады, мысалы:

Ана тілін – арың бұл,
Ұятын боп тұр бетте


Қаратырылған әріптерді пайдалану үшін мәтінді , тегтерінің ортасына аламыз, қиғаш әріптер үшін - ,.
Мысалы:
Көрінетін мәтін HTML де жазылуы
Менің бірінші бетім Менің бірінші бетім
Менің бірінші бетім Менің бірінші бетім
Менің бірінші бетім Менің бірінші бетім

, тегтері мәтін редакторда қандай жазылған болса, сол бойынша браузерге шығарады, мысалы:


Ана тілін – арың бұл,
Ұятын боп тұр бетте.
Өзге тілдің бәрін біл,
Өз тіліңді құрметте


Тізім

Нөмірленген тізімді ұйымдастыру үшін және тегтері қолданылады.

Қолданылған әдебиеттер тізімі
Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц


Егер тізім номерін керекті бір номермен бастау керек болса онда start атрибутын пайдалынамыз, мысалы:

Қолданылған әдебиеттер тізімі
Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц

Тізімдің түрін өзгерту үшін type атрибуты көмектеседі, мысалы номерлерді латын цифрларымен жазу үшін төмендігідей жазамыз

Қолданылған әдебиеттер тізімі
Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц


Маркерлік тізімді жазғанда тегін пайдаланады, маркердің түрін өзгерту үшін type атрибутын. Оный мәні кестеде көрсетілген

disc дөңгелек
circle шеңбер
square квадрат


дөңгелек


шеңбер.....