Зертханалық жұмыс №3 Веб-бетке сурет қою
бет 5/7 Дата 13.10.2023 өлшемі 1,92 Mb. #185267
Байланысты:
Тлеубаева А, Жумаханова Д метод пособие Зертханалы қ жұмыс №3 Веб-бетке сурет қою
Веб-бетке сурет қою үшін қолданылады, оның атрибуты src графикалық файлға, яғни GIF, PNG немесе JPEG форматтағы суретке апаратын жол жазылады. Ал width атрибуты суреттің енін білдірсе, ал height атрибуты суреттің ұзындығын, биіктігін білдіреді.
Сурет қою
Дөңгелек тізім:
Математика
Тарих
Қазақ тілі
Реттелген тізім:
Математика
Тарих
Қазақ тілі
Бас әріппен реттелген тізім:
Математика
Тарих
Қазақ тілі
Кіші әріппен реттелген тізім:
Математика
Тарих
Қазақ тілі
Рим санымен реттелген тізім:
Математика
Тарих
Қазақ тілі
Кіші Рим санымен реттелген тізім:
Математика
Тарих
Қазақ тілі
Диск тәрізді белгі:
Математика
Тарих
Қазақ тілі
Дөңгелек тәрізді белгі:
Математика
Тарих
Қазақ тілі
Төртбұрыш тәрізді белгі:
Математика
Тарих
Қазақ тілі
Анықтама тізімі:
Жылқы
Үй жануарының бірі
Қымыз
Жылқының сүті
height=«70»/>
Бірбағаналыкесте:
Бірқатаржəнеүшбағана:
Екіқатаржəнеүшбағана:
Жуаншекаралыкесте:
Бірінші
Қатар
Екінші__________
Қатар
Шекарасызкесте:
Бірінші
Қатар
Екінші
Қатар
Бағанатақырыптары:
Атауы
Мекен-жайы
Телефон
ЖШС«Алатау»
Алматықаласы
8707-777-77-77
Қатартақырыптары:
Атауы:
ЖШС “Алатау”
Мекен-жайы:
Алматықаласы
Телефон:
8707-777-77-77
Ұяшытардыкеңейту:
Бірінші
Қатар
Екінші
Қатар
тегіжоқ. Оныңорнынажекекадрлардыңжолдарыменбағандарынанықтауүшінқолданылатынтегіқолданылады, олардыңәрқайсысы тегіменбелгіленеді. Жақтауқұжаттарыныңмазмұныәртүрлі HTML файлдарынанкеледі. Оләртүрлікадрлардакөрсетіледі. Құжаттардывеб-параққаорналастырмасбұрын, кадрлардықолданаотырып, бізмұнықандайпринципбойыншажасайтынымыздышешуімізкерек. Бізклассикалықнұсқаныұсынамыз - logo.html, menu.html, content.html-жоғарыдаайтылған.
Фреймдербірнеше *.html құжаттардыбраузердіңбетіндебіруақыттакөрсетугемүмкіндікбереді. Оларбраузердібір-бірінежақынорналасқанбөлімдергебөледі. Сол əрбөлімдежекевеб-беттеркөрсетіледі. Қазіргітаңдафреймдердіңқолданылуысирекжағдайболғанымен, олардыңартықшылықтарыменкемшіліктерінқарастырыпөтейік:
Артықшылықтары :
Жылдамдық
Жаңа веб-бетті ашу үшін бүкіл бетті жаңарту қажет емес, жүктелетін ақпараттың көлемі аз. Сол себепті сайт тез жүктеледі. Бірақ фреймдер санының көп болуы браузерге көбірек жадтың бөлінуін қажет етеді.
Орналасуы
Фреймдер ақпараттарды орналастырудың ерекше жолын ұсынады: егер фреймді браузердің төменгі бөлігіне орналастыратын болсақ, бұл бөлік барлық жағдайда бірдей көрініп, ешқашан өз орнын өзгертпейді.
Кемшіліктері:
«Бетбелгіге» қосуға келмейді
Ішкі сайт бөліктерін “бет белгіге” қосуға келмейді, өйткені фреймдер сайттың адресін жасырады. Мысалы, сайт ‘site.com’ адресі бойынша орналасты делік. Егер веб-беттегі басқа сілтемелерге өтетін болсақ, URL өзгермейді.
Айта кету қажет, жоғарыда айтылған кемшіліктердің алдыналуға болады. Ол үшін қосымша скриптерді қолдануға тура келеді.
– құрылым
веб-беттегі фреймдердің құрылымын анықтап береді.
Мысалы, сол жақтағы бөлім навигация үшін, ал оң жақтағы бөлім негізгі контент үшін.
Сурет 30. Фрейм көрінісі
Frameset бет
Бұл мысалдатегінің қолданысы бесінші жолдан басталып сегізінші жолда аяқталады. Байқасаңыз,бұлтегтегініңорнынажазылғанжəнеқосымша ‘cols’ атрибутынқолданып, оған ‘25%, *’мəніберілген. Демеквеб-бетекібағанға (columns) бөлінгенжəнебіріншісініңенітерезеніңтөрттенбірбөлігіндейболса, қалғаныекіншібөліктіңалатынорны.
Жылжымалы (плавающие) фреймдерді қарастырмасақ, фреймдер туралы əңгіме толық болмайды. Жылжымалы фреймдер деп веб-беттің кез келген жеріне қоюға болатын фреймдерді айтамыз. Егерде жай фреймдердің нақты орналасу орындары болатын болса, жылжымалы фреймдерді кез келген жерге орналастыра аламыз. Жылжымалы фрейм тегі арасына жазылады.
Д) тегінен кейін жазылады.
Е) тегінен кейін жазылады.
88. Бірінші қатарда орналасатын үш сөздің өз тегтерін қатарға бөлуші … тегтің ішіне саламыз.
А)
В)
С)
Д)
Е)
89. Кесте шекарасының қалыңдығын білдіретін мән:
А)border
В)rowspan
С) title
Д)colspan
Е)cellpadding
90. Əрбір бағанаға тақырып қою үшін қолданылатын тег:
А)
В)
С)
Д)
Е)
91. Бағаналардыбіріктіруүшінбіріктіргімізкелгенбағанатақырыбына тегте …дегенсөздіқосамыз.
А)border= "2"
В)rowspan = "2"
С) title= "2"
Д)colspan= "2"
Е)cellpadding = "2"
92. Қатарларды біріктіру үшін біріктіргіміз келген бағана тақырыбына тегте … деген сөзді қосамыз.
А)border= "2"
В)rowspan = "2"
С) title= "2"
Д)colspan= "2"
Е)cellpadding = "2"
93. Ұяшықтардыкеңейтуүшіннемесеұяшықтағысөздердіңжанындабосорынжасауүшінтегке …сөзіқосылады.
А)border= "10"
В)rowspan = "10"
С) title= "10"
Д)colspan= "10"
Е)cellpadding = "10"
94.Әртүрлі мəтін жазатын, құпиясөз енгізетін алаң ....
А)Форма
В)Веб-бет
С)Кесте
Д)База
Е) Электронды пошта
95. Формада ... элементі енгізу алаңына мəтін енгізеді.
А)name="firstname"
В)name= "lastname"
С)
Д) name="user"
Е) name= "password"
96. Формада ... элементі адам аты жазылуын білдіреді.
А) name="firstname"
В) name= "lastname"
С)
Д) name="user"
Е) name= "password"
97. Формада ... элементі адам тегі жазылуын білдіреді.
А) name="firstname"
В) name= "lastname"
С)
Д) name="user"
Е) name= "password"
98. Формада ... элементі пайдаланушы аты жазылуын білдірді.
А) name="firstname"
В) name= "lastname"
С)
Д) name="user"
Е) name= "password"
99. Формада ... элементі құпия сөз жазылуын білдіреді.
А) name="firstname"
В) name= "lastname"
С)
Д) name="user"
Е) name= "password"
100. Чек-боксты білдіретін элемент ....
А)
В)
С)
Д)
Е)
101. Радио-түймені білдіретін элемент ....
А)
В)
С)
Д)
Е)
102)HTML-де сыртқы файлдарды жалғауға жауап беруші тег:
А)
B) XHTML
C) id
D)
103) Фреймдегеніміз:
A) Браузертерезесіндегіфреймдердіңкөлемдеріменолардыңорналасутәртібінсипаттайды.
B) көрсеткштіжақындатқандағысілтеместилінбереді.
C) браузертерезелерінбірнешебөліктергебөлу.
D) Мəтіндібезендірудіанықтайтынқасиет.
3) Фреймжолдарыныңсанынкөрсететінатрибут:
A)
B)
C)
D)
104)тегіарасына... қоямыз.
А)кестені
B) форумла
C)Баған
D)Дұрысжауабыжоқ.
105) HTMLфайлдарыныңкеңейтілуіқандай?
A)F5
B) .htm,.html
C) Font
D)
106) HTML тілі –
A) тақырыпбасыменаяғын
B) ресурстүрі
C)гипермәтіндібелгілеутілі
D) URL- адрес
107) НТМL-денегізгімәтіндіқосалқымәтінненайырыпкөрсетуүшінқолданылатынтег:
А)
C) ALT
D) ALIGN
E)< marquee >
123) HTML-деэлементтіңидентификаторықандайпараметрарқылыберіледі?
А)id
B) or
C) we
D)me
E) ur
124)HTML-дафреймжасаудақолданылатындескриптор:
A) BACKGROUND
B) XHTML
C)
D) link
E) frameset
125) Тізімдерішіндігітізімэлементтеріқандайтегтіңарасындаорналасады?
A)...
B)
C) name= "lastname"
D)
E)...
126)Гипермәтіндеабзацбасталатынтег:
A)
B)
C)
D)
E)
127)…< /body>тегтерінеалынатынбөлік:
A)құжаттыңнегізгібөлігі
B)Программалықбөлім
C) мәтінмазмұны
D)басқарма
E) ұяшықтар
128) Сілтемеенгізугеарналғанконтейнер:
A) TCP/IP
B)a (anchor)
C) HEIGHT
D) WIDTH
E) ALIGN
129) Сілтеменіңадресінкөрсететінатрибут:
А)href (hypertext reference)
B) WEB
C) htm
D)
E)
130) HTML, XHTML жəнет.б. белгілеутілдеріндежазылғанвеб-беттердіңсыртқыкөрінісінсуреттейтінтіл:
А)CSS
B) AYY
C) and
D) OR
E) URL
131). Формадапайдаланушыатынжазудыбілдіретінэлемент:
A) E-mail: //www
B) https
C) Telnet/
D) Ftp@
E)name="user"
132) HTML, XHTML жəнет.б. белгілеутілдеріндежазылғанвеб-беттердіңсыртқыкөрінісінсуреттейтінтіл:
А)CSS
B)
C) "URL
D)
E)
133). HTML құжатында ... нені білдіреді?
A) Баған мен жол
B)Тақырыпша
C)Тақырып басы мен аяғын
D) Мәтін мазмұны
E)Программалық беттер.
134). Әрбір сілтемеде қай адрес көрсетіледі?
A)
B) User
C)URL
D) XHTML
E)and
135) Сыртқысілтеменіңжазылуы?
A)
B) frame
C) head
D) table
E) input
136) Формадақұпиясөзжазу:
А)
B) a href="page
C) ...
D) anchor
E)
Достарыңызбен бөлісу: