HTML негіздері курстық жұмыс
№4841


ЖОСПАР
Кіріспе
Қазіргі замандағы Интернет-технологиялар 4
1.1Тестілеу 5
Жариялау 5
Жарнамалау 5
HTML негіздері 5
Мәтінді форматтау тегтері 7
Сілтеме 10
Программалық жабдықтау 12
«Интернет-технологиясы. WEB-дизайн негіздері» 12
Жиі қолданылатын тег және атрибуттер тізімі 13
Лабораториялық жұмыс 16
Қорытынды 19
Пайдаланылған әдебиеттер 20



Жұмыс түрі: Курстық жұмыс
Жұмыс көлемі: 19 бет
Пәні: Соңғы қосылған курстық жұмыстар

-----------------------------------------------------------------------------------

-----------------------------------------------------------------------------------
https://www.topreferat.com/
КУРСТЫҚ ЖҰМЫСТЫҢ ҚЫСҚАРТЫЛҒАН МӘТІНІ
ЖОСПАР
Кіріспе
Қазіргі замандағы Интернет-технологиялар
1.1Тестілеу
Жариялау
Жарнамалау
HTML негіздері
Мәтінді форматтау тегтері
Сілтеме
Программалық жабдықтау
«Интернет-технологиясы. WEB-дизайн негіздері»
Жиі қолданылатын тег және атрибуттер тізімі
Лабораториялық жұмыс
Қорытынды
Пайдаланылған әдебиеттер
КІРІСПЕ
Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму
Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор
Мектеп бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте
Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн
Бұл жұмыс өзінің сайтын дайындауды үйренем деушілерге арналған.
Жұмыс екі бөлімнен тұрады, біріншісі теориялық: мәтінді форматтау,
1 Қазіргі замандағы Интернет-технологиялар
Web-сайт бұл дүниенін кішкентай моделі. Бұрынғы кезде Web-сайты
Не себептен мектеп курсына Интеренет технологияны оқыту керек
Бұның негізгі белгісі Интернет-жобаларға өсіп жатқан инвестициялар,
Web-технологиялар;
Сайт жасау экономикасы;
Web-дизайн және Web-программалау маркетингісі;
Адам ресурстары және т.б.
Web-сайт жасақтау жұмысын бірнеше кезеңден турады:
Жоспарлау;
Элементтерді жасақтау;
Бағдарламау;
Тестілеу;
Жариялау;
Жарнамалау;
Бақылау;
Жоспарлау кезеңінде төменгі мәселелер шешілуі керек:
1. Сайттың орны.
2. Сайттың аудиториясы кімдер.
3. Қандай ақпарат жарияланады.
4. Қолданушылармен қарым-қатынас қандай түрде ұйымдастырылады.
Элементтерді жасақтау кезеңінде сайттың программалық өнім түрінде жүзеге
1. Навигациялық құрылымын жасау.
2. Беттің дизайнын жасау.
3. Бетті толтыру үшін мәтіндік және бейне ақпаратты
1.1 Тестілеу
Сайт жасаудың негізгі кезеңдерінің бірі тестілеу. Тестілеу кезеңде
1. Сілтеменің жұмысы;
2. Мәтіндегі қателер;
3. Навигацияның тиімділіғі.
4. Пошта және басқа формалардың дұрыстығы.
5. Графикалық файлдардың ашылуы.
6. Әр түрлі браузерлерде сайттық жұмысы.
1.2 Жариялау
Тест аяқталғандан кейін Web-сайт серверде жарияланады және қайтадан
1.3 Жарнамалау
Web-қоғамдастығына жаңадан жарияланған сайт тұралы белгілі болу үшін
1. Web-cайт адресін әр түрлі баспаларға жазу керек;
2. Web-сайтты әр түрлі серверлерде тіркеу;
3. Web-cайтқа сілтемелерді басқа Web-сайттарқа кіргізу;
4. Баннерлерді жарнама ретінде қолдану.
2 HTML негіздері
HTML (HyperTextMarkupLanguage) – бұл құжаттарды кодтау үшін қолданылатын
HTML құжаттарды көру үшін браузерларды қолданамыз. Браузер-программалардың саны
HTML тiлiнде колданылатын командаларды “тег” деп айтамыз.
Жұпты тегтер дегенiмiз, бiр тег ашылса, келесi тег
тегтiң жұмысын ашады да келесi тегi
Жұпсыз тегтер дегенiмiз, тег ашылады да қолданыла бередi.
Көрсетілген мысалдарды компьютерде көрү үшін мәтінді Блокнот программасына
Құжаттың структурасы
HTML құжаттың негізгі структурасы төмендегідей:


<br>… <br>





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

Заголовок1


Заголовок2

Заголовок2


Заголовок3

Заголовок3


Заголовок4

Заголовок4


Заголовок5
Заголовок5

Заголовок6
Заголовок6

Абзац енгізу үшін

,

тегтерін қолданады, мәтіннің
Мысалы:

Менің бірінші бетім


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


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

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


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

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

4 Тізім
Нөмірленген тізімді ұйымдастыру үшін
    және тегтері
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


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


    Тізімдің түрін өзгерту үшін type атрибуты көмектеседі, мысалы
      Қолданылған әдебиеттер тізімі
    1. Полонская Е.П. Самоучитель HTML
    2. Мержевич В. Создание Web страниц


    Маркерлік тізімді жазғанда
      тегін пайдаланады, маркердің түрін
      disc
      дөңгелек
      circle
      шеңбер
      square
      квадрат

        дөңгелек


        шеңбер


        квадрат

      Web беттегі графика
      Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. Web

      width және heigth атрибуттармен суреттің көлемін өзгертуға болады,
      alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет
      менің
      Web графика туралы айтқанда төмендегі атрибуттарды ұмытпау керек:
      5 Сілтеме
      HTML дің негізгі қасиеті ретінде оның басқа құжаттарға
      Мысалы,
      Пенжим сайтына сілтеме
      Бұл мысалда біз www.penjim.narod.ru сайтына сылтеме жасадық.
      Сілтеме мәтін түрде және сурет (кнопка) түрде болуы
      6 HTML-де кесте жасау
      Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш
      кесте тақырыбы;
      бағаналар тақырыптары;
      ұяшықтар.
      Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға
      Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын











      мәтін мәтін мәтін
      мәтін мәтін мәтін

      Бұл жерде border кесте сызықтарының ені.
      Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін width

      7 Программалық жабдықтау
      HTML-құжаттарды жасақтау және өңдеу үшін кезкелген қарапайым мәтіндік
      Практикады әдетте Web-сайт жасау HTML редакторларды пайдаланады. Оларды
      Бірінші үлкен топтың Web-сайт жасау программалары HTML-тілінің негізінде
      HTML генератор 1.3 ;
      Magic HTML Studio 2.0;
      Macromedia Dreamweaver;
      Екінші үлкен топқа WYSIWYG (ағылшын тілінен “what you
      Осындай программалар графикалық интерфеске ие. Бұл прораммалардың бастапқы
      WYSIWYG программаларыдың тізімі:
      Microsoft Front Page.
      8 Интернет-технологиясы. WEB-дизайн негіздері»
      8.1 Бағдарламаның негізгі міндеті:
      Информатика пәнін жүйелеп оқыту әдістерін қарастыру.
      Оқушылардың ақпарат алу, өңдеу жаңа ақпараттар жасау және
      Интернеттің бай мәліметтерін қолдану кезіндегі нақты тәсілдерді көрсету.
      Жалпы орта білім беру жүйесіндегі басқа пәндермен логикалық
      Бүгінгі заман талабында ақпараттар жүйесімен жұмыс істеу өз
      Бұл бағдарламамен танысу кезінде оқушылар жаңа кәсіптік бағдармен,
      Болашақ мамандардың кәсіби білім алуының әр басқышында дүниежүзілік
      Бағдарламаның бір бөлігі теориялық білім беруге негізделген Интернет
      Интернетке қосылу сақталмаған жағдайда online кестесінің
      Оқушылардың жаңа материалды меңгеру дағдыларын бақылау ауызша немесе
      Өтілген тақырыптар бойынша оқушылардың білім мен білік дағдыларын
      Бұл бағдарламаны толық оқып, меңгерген оқушылар Интернетке қосылу
      Нақты білім алу және алған білімдерін практикада қолдану
      9 Жиі қолданылатын тег және атрибуттер тізімі
      Тег
      Мәні

      Беттің басымен аяғы

      Беттің тақырыбы

      Беттің аты

      Беттің негізгі бөлімі

      Тақарап (і 1 ден 6 ға дейін өзгереді)


      Абзац


      Абзаты теңістіру


      Жолды ауыстыру


      Гаризонтал түз сызық

      Жуан әріптер

      Қиғаш әріптер

      Жоғарғы индекс

      Төменгі индекс

      Шрифт көлемі

      Шрифт түсі

      Шрифт гарнитурасы

      Сурет орналыстыру
      ”*”
      Суретке коментрария беру

      Суретті фон ретінде орналыстыру

      Фон түсі

      Мәтін түсі

      Сілтеме түсі

      Өтілген сілтеменің түсі
      TEKCT
      Басқа бетке сілтеме
      TEKCT
      Осы беттегі мәтінге сілтеме

      Маркірленен тізім

        Маркер түрі

        Номерленген тізім

          Номер түрі

            Тізімдің бірінші нөмірі

            Анықтамалар тізімі
            10 Лабораториялық жұмыс. Сурет атрибуттарын тағайындау
            ALT, BORDER, HEIGHT, WIDTH атрибуттарын пайдалана отырып,
            Ескерту: Суреттік файлдың көлемінің (байтпен берілген) өзгеруіне назар
            Web-парақтарға фондық суреттер салу
            Фондық сурет – шағын төртбұрышқа орналасқан суреті бар
            Фон ретінде пайдаланылатын сурет тегінде көрсетіледі.
            RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:

            Менің алғашқы парағым


            Алғашқы HTML файлы



            сәрсенбі күнгі


            сабақ кестесі




            Басқа HTML-құжатқа сурет арқылы сілтеме жасау
            1. ФНИ-1.HTM файлының соңғы жағына алғашқы параққа –






      < /BODY >

      Осының нәтижесінде алынған Webпарақтары қарап шығыңыздар.
      Мұнда сілтеме рөлін оң жаққа және жоғары бағытталған
      Лабораториялық жұмыс. Кесте жасау
      1. Блокнот программасын іске қосыңыздар.
      2. келесі мәтін жолдарын теріңіздер.


      Сабақ кестесі



      Сабақ кестесі



























      Уақыты 7а класс
      8-30 – 9-50 Орыс тілі Информатика Тарих
      10-00 – 11-20 Математика Геодезия Ағылшын тілі
      11-30 - 12-30 Тарих Сызба геометрия Компьютерлік графика



      Лабораториялық жұмыс. Гипермәтіндік байланыстар орнату
      Бұранғы ФНИ.НТМ файлын Web – парақтың алдыңғы жағына
      Ол үшін:

      ФНИ - 1 топтарының сабақ кестесі


      жолдарынан кейін мынадай тәгтер тізбегін








      Дүйсенбі Сейсенбі Сәрсенбі Бейсенбі Жұма Сенбі



      Бұл фрагменттен кейін (RASP.HTM файлында) Дүйсенбі сөзіне сілтеймін
      Дүйсенбі Енді кесте ішіндегі Дүйсенбі сөзіне



      ҚОРЫТЫНДЫ
      Қорыта келгенде осындай программалар графикалық интерфеске ие. Бұл
      Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор
      ПАЙДАЛАНЫЛҒАН ӘДЕБИЕТТЕР ТІЗІМІ
      1.Т.Хакимова «Компьютерлік өңдеуді автоматтандыруда инновациялық технологияларды пайдалану» оқу
      14–17б.
      2. К.М. Беркімбаев «Информатика» оқулық. СПб. - :
      3. Г.Ә. Жапарова «Информатика негіздері» оқу құралы. СПб.
      4. Е.К. Балапанов, Б.Б. Бөрібаев, Г.А. Мадьярова, Р.М.
      2



      


      21 қыркүйек 2019ж.
      2008-2018 topreferat.com - Қазақша рефераттар, курстық, дипломдық жұмыстар

      ^
      Дүйсенбі
      Сейсенбі
      Сәрсенбі