WEB презентация

 

 Экранда бейненің өлшемі көрсету үшін  пиксель немесе пайызда өлшенентін width (ені) және height (биіктігі) атрибуттары бар. Браузер бейнені көрсетілген өлшемімен берілген төртбұрыштың ішіне сыятындай етіп қысады немесе созады. Мысалы: <img src=” picture.jpg” width=40 height=20>

 

Баламалы жазу

 Графикты жүктегенде іске қосылмау режимінде, сонымен қатар графиктік емес браузерлерде құжаттың көру мүмкіншілігін alt атрибуты арқылы орындауға болады. Синтаксисі: alt=сурет аты немесе суретке түсiнiктеме. Көп жағдайда бұл жолда бейненің қысқаша атауы мен графикалық файлдың өлшемін көрсетеді. Мысалы:

<img src =”picture.jpg”alt=”Менің суретім  14Kb”>

Басқа элементтерге қатысты  бейненің орналасуы

 

Құжаттың басқа элементтеріне  қатысты бейненің туралауын align атрибуты көмегімен аңықтауға болады, Ол келесі мәндерді қабылдайды:

bottom – бейненің төменгі шекарасын ағымдағы жолдың төменгі шекарасы бойынша туралайды.

middle – бейненің ортасын ағымдағы жолдың ортасы бойынша туралайды.

top – бейненің жоғарғы шекарасы ағымдағы жолдың ең жоғарғы элементі бойынша тураланады.

left, right, center –бейнені терезенің сол (оң, ортаға) жағына жылжыту үшiн қолданады.

Мәтінге қатысты align= left, align= right арқылы берілген бейненің туралауын алып тастау үшін сlear атрибуты бар <br> тегін қолдануға болады. Бұл атрибут келесі мәндерді қабылдайды: left, right, all.

11- дәріс    

Дәріс  тақырыбы:JavaScript –ке кіріспе. Java, Java-script, VB- script технологиялары.

Дәріс  мақсаты: JavaScript- Web гипертекстілік беттерін көру сценарийлерін басқару тілі. мен танысу.

Кілттік сөздер: протокол, прокси-сервер,стэк, домен.

Қарастырылатын сұрақтар:

JavaScript –ке кіріспе. 

Сценарий түсінігі. HTML  құжатына JavaScript операторын қосу. JavaScript сыртқы  файлдарын қондыру.

Айнымалылар типтері және оларды  хабарлау

Сандық мәндерді жолдыққа көшіру. Логикалық өрнектерді құру және  Жолдық өрнектерді есептеу.

Шартты операторы.Цикл операторы.

JavaScript – бұл тұтынушы жағынан  Web гипертекстілік беттерін көру  сценарийлерін басқару тілі. 

Егер нақтырақ айтсақ, онда JavaScript – тек бағдарламалау тілі ғана  емес, Liveware, JavaScript себепкері, Netscape сервері  жағынан алмастырудың құралы  болып табылады. Бірақ, JavaScript тұтынушы  жағынан бағдарламалауды қамтамасыз  етеді.

Шартты команданың жалпы жазылу  түрі :

Жалпы түрі:  if (шарт) 1команда;

else 2 команда; 

Мысал ы:

if (а > b) с = а; 

else с = b; 

Мұнда шарт тексеріледі. Егер  ол ақиқат болса, онда 1 команда, әйтпесе  – 2 команда  атқарылады. 

JavaScript тілінде арнайы switch  конструкциясы бар, оны Netscape  Navigator және Internet Explorer браузерлерінің  4-нұсқасынан кейінгілері түсінеді.  Ол Си және Java тілдеріндегі  осы командаға сәйкес келеді.

Жалпы түрі:

switch (өрнек) 

{ 

 case вариант1:

 командалар

          break;

 case вариант2:

 командалар

          break;

 ...

 default:

 

Дәріс-12

Тақырыбы:Массивтер. Массивтерді хабарлау.

Дәріс  мақсаты: Массивтерді  хабарлау  мүмкіндіктерімен  танысу.

Кілттік сөздер: массив, құжат, сценарии,тәг.

Қарастырылатын сұрақтар:

1. Массивтерді жолдарға түрлендіру. 

2. Массивтерді сұрыптау.

 

 

JavaScript тілінде жазылған сценарий  тікелей HTML-құжатынының ішінде  <script> және </script> тәгтерінің  арасына жазылады. 

Қолданылатын сценарийлер тілін  анықтайтын language, <script> тәгінің параметрлерінің  бірі болып табылады. JavaScript тілі  үшін бұл параметрдің мәні "JavaScript"-ке  тең. Егер VBScript, сценарийлер тілі  қолданылса, онда параметрдің мәні "VBScript" тең болуы керек. JavaScript қолданған жағдайда language параметрін  жазбауға да болады, бұл тілді  браузер үнсіз келісім бойынша  таңдайды 

 

 

 Slice әдісі

Синтаксисі: массив.slice(басы [,соңы]?)

аргументтері: басы және соңы- кез  келген сандық өрнек

нәтижесі: жаңа массив

 

Басы аргументы көшіріетін бөліктің  бастапқы индекісі, ал соңы соңғы  элемент сонымен қатар:

Егер соңы теріс болмаса, онда  мынадай көшіру орындалады массив[басы], массив[басы+1], …, массив[соңы-1].

Егер соңы терісболса, онда мынадай  көшіру орындалады массив[басы], массив[басы+1], …, массив[массив.length-соңы-1]

Егер соңы аргументы жоқ болса,  онда мынадай көшіру орындалады  массив[басы], массив[басы+1], …, массив[массив.length-1]

 

мысалы, сценарий

var x = new Array(10);

for (i = 0; i < 10; i++)

  x[i] = i;

document.write(x.slice(5,-1));

 

нәтижесі 5,6,7,8.

 

 

 13 дәріс

 

Тақырыбы: Браузер объектілері мен оқиғалары.

Дәріс  мақсаты: Браузер объектілерімен танысу.

Кілттік сөздер: браузер, хабарлама, параметр, формат.

Қарастырылатын сұрақтар:

• Құжаттың объектілік моделі.
• Window объектісі. Жаңа терезелер ашу.
• Document объектісі.
• Оқиғалар.

 

 

Браузер экранын өзгерту немесе  жаңа терезелер жасау үшін  браузердің ішкі мүмкіндіктерімен  танысып, оның ішкі объектілерін  пайдалану керек. Браузер тәгтерді  экранда көрсетіп қана қоймай, ол құжаттың иерархиялық моделіне  сәйкес объектілер тұрғызады. Браузер  жұмыс кезінде модельді тұрақты  түрде бақылап отырады. Егер объект  қасиеті өзгерсе, экрандағы бейне  де өзгереді. JavaScript тілі арқылы  объект қасиеттерін өзгертуге  болады, сондықтан ол экран динамикасын  жүзеге асыра алады.

Кез келген құжаттың объектілік  моделі әрқашанда нақты сайттың  бейнесінен тәуелсіз түрдегі  бір құрылымда болады

 

window

 

event

 

frames

 

history

 

document

 

links

 

screen

 

location

 

navigator

 

images

 

anchors

 

forms

 

elements

Java Scrip-те текстік жолдарды  өңдеу string класының көмегімен жүзеге асады. Бұл класс текстік жолдарды сақтайтын объектілерді құруды, осы жолдарды өңдеуді орындайтын әдістерді анықтауды қамтамасыз етеді. Бұл класқа келесідей әдістер жатады: big, anchor, blink, bold, chart, concot, chrCode, fixed, font color, font site, index of, italies, last Index of, link, match, replace, search, slice, small, split, strike, sub, substring, sup, tolower Case, to source, to string,  tolpper case, valuef.

 

String класының жұмысына мысал  қарастырайық. Мысалда string класына  объект құрылады. Сосын italies әдісі шақырылады. Бұл әдістің қызметі текстік курсив түрінде бейнелей алады. Және жолдың ұзындығын анықтау үшін length қасиеті шақырылады.

     <html>

<read>

<title> string класымен жұмыс

</titles>

</head>

<body>

</script Language=“Java Script”>

var string1=new string (“Маркиза -  өте әдемі қыз”)

document writeln (“Мәтіндік жолда”+string1  italies ( )+”+string1. length + “символ  бар”)

</script>

</body>

</html>

     Бұл string класының конструкторында текстік жол беріледі. String класымен байланысты тағы бір ескеретін жағдай Java Scrip-ң арнайы мүмкіндігінің арқасында new операторының қажеті жоқ. String класының барлық объектілері қарапайым айнымалылар ретінде сипаттала береді. 

15-дәріс

Дәріс  тақырыбы: JavaScript-тегі ішкі  программалар

Дәріс  мақсаты: JavaScript-тегі-мен танысу және  функцияларды  хабарлау  мүмкіндігі.

Кілттік сөздер: функция, сілтеме,параметр, сценарии.

Қарастырылатын сұрақтар:

Функцияларды хабарлау және  шақыру.

Функцияның мәнін қайтару.

HTML сілтеме  бойынша функцияларды  шақыру.

 

Функциясы бар сценарий жазу

<HTML> <HEAD> <H2> Функциясы  бар сценарий</H2> 

               <title> Функцияны пайдалану </title>

<script language="JavaScript">

<!-- // 

  function care(a,h) {return a*h/2}

//-->

</script>

</HEAD>

<BODY> 

<P> Функциясы бар беттің  басталуы </P> 

<script> 

<!-- 

  var a1=4; h1=16

  var s=care(a1,h1)

  document.write("Функцияны шақырғанда алынған мән ", s,".");

//--> 

</script> 

<P>Беттің аяқталуы</P>

</BODY> </HTML> 

 

Әдебиеттер 

• Олифер В.Г.. Олифер Н.А. Компьютерные сети. Учебник. СПб: Издательство "Питер"1999.
• Петров В.Н.Информационные системы. Учебник: СПб: Издательство "Питер", 2002.
• Ливингстон Д., Белью К., Браун М. Регі 5. Web - профессионалам: Пер. с англ.  
  Издательская группа ВНV, 2001.
• Косентино  К. РНР. Web -  профессионалам: Пер. с англ. - К.: Издательская группа BHV, 2001
• Бөрібаев.Б, Мадиярова Г.А «Web-технологиялары».Оқулық – Алматы, ЖШС РПБК «Дәуір» 2011 ж.

 

Функциясы бар сценарий жазу

<HTML> <HEAD> <H2> Функциясы  бар сценарий</H2> 

               <title> Функцияны пайдалану </title>

<script language="JavaScript">

<!-- // 

  function care(a,h) {return a*h/2}

//-->

</script>

</HEAD>

<BODY> 

<P> Функциясы бар беттің  басталуы </P> 

<script> 

<!-- 

  var a1=4; h1=16

  var s=care(a1,h1)

  document.write("Функцияны шақырғанда алынған мән ", s,".");

//--> 

</script> 

<P>Беттің аяқталуы</P>

</BODY> </HTML> 

 

 

15