Vebdizajn

Веб Дизайн – Теория
1. Кои од следниве типови представуваат WEB навигација достапна

за корисниците / Which of the following are types of Web navigation
available to users?:
a) Информација за тоа каде планираат да одат/ Information on
where they plan to go
b) Информација за тоа каде се / Information on where they are
c) Информација за тоа каде биле / Information on where they have
been
d) Информација за тоа каде можат да одат / Information on where
they can go.
2. Дефинирање на поле за внес на password се врши / :
a) <password type=”text”/>
b) <input type=”text” />
c) <password type=”password”/>
d) <input type=”password”/>
3. Како поставуваме простор меѓу келиите во grid layout / How do you
put space between the cells in a grid layout?
a) grid-space;
b) space;
c) grid-padding;
d) gap;
4. Како се дефинира кој character set ќе се користи во HTML5 / How is
the document character set defined in HTML5?
a) <head http-equiv=”Content-Type” content=”text/html; charset=utf-8”/>
b) <meta charset=”UTF-8”/>
c) <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”/>
d) <head charset=”UTF-8”/>
5. Кои од наведените е точно за сликата, ако знаеме дека lresources
содржи листа / Which of the following is correct for the picture, if we
know what lresources contain list? :
#lresources li{
list-style-image: url(“img/paper.gif”);
}
a) Ќе работи за li елементите низ целата страна / it will work for li
elements on the whole page
b) Ќе работи за неподредена листа / it will work for unordered list
c) Нема да работи за неподредена листа / it will not work for
unordered list
d) Нема да работи доколку листата е подредена(ol) / It will not work
on ordered list
6. Како се креира grid кои има 3 редици: првата редица е висока
100px, втората – 80px, а третата ќе има автоматска висина / How do
you create a grid with 3 rows: the first row is 100px in height, the second
is 80px and the third one will have a automatically determined height?
a) grid-template-rows: 1: 100px, 2:80px, 3:auto;
b) grid-rows: 100px 80px auto;
c) template-rows: 100px 80px auto;
d) grid-template-rows: 100px 80px auto;
7. Со CSS селектор, селектирајте го секој втор линк почнувајќи од
третиот / With CSS select every second link starting from the 3rd one
<div class=”table”>
<a href=”#”>Link 1</a>
</div>
a) a: nth-of-type(2n+3)
b) a: nth-child(2n+3)
c) .table a:nth-child(2n+3)
d) a:(2n+3)
e) table a:nth-of-type(2+3)
8. Што се претставува во src атрибутот на <iframe> елементот? /
a) another HTML page link
b) frame properties
c) source for local HTML
d) HTML course code
9. Елементите <img> и <video> ги споделуваат следниве атрибути /
The elements <img> and <video> shred those attributes?
a) src
b) width
c) controls
d) poster
10. Пресметајте ја специфичноста на следниот CSS селектор /

Calculate the specificity of the following CSS selector:
li.style #finki p.p2
a) 2-1-2
b) 1-2-2
c) 2-2-1
d) 1-1-2
11. Кои атрибути треба да и се постават на втората ќелија (cell 2) за да
го добие изгледот прикажан на сликата подолу:
a) <td rowspan=”1” colspan=”2” align=”center-bottom”></td>

b) <td rowspan=”2” colspan=”2” align=”center” valign=”bottom”></td>
c) <td row=”2” col=”2” align=”middle” valign=”south”></td>
d) <td align=”center” valign=”bottom”></td>
12. Со помош на кој селектор ќе добиеме ваков изглед на листата? :
a) li:nth-child(4n-5)
b) li:nth-child(4n+2)
c) li:nth-child(-4n+5)
d) li:nth-child(4n+5)
13. Кои од следните HTML кодови се правилно напишани? / Which of
the following HTML codes are correct?
a) <table>
<tr><td>1</td><td>2</td></tr>
</table>
b) <table>
<tr><td>1</td><td>2</td>><td>3</td></tr>
</table>
c) <table>
<tr><td>1</td><td>2</td>><td>3</td></tr>
<tr><td collspan=”2”>4</td><td>5</td></tr>
</table>
d) <table>
<tr><td>1</td><td>2</td>
<tr><td>3</td><td>4</td>
</table>
14. Како може да се центрираат flex елементите според main axis?:
a) align-self
b) justify-content
c) align-items
15. Со примена на следното својство на сите параграфи, се добива?:
p {
text-indent: 50px;
}
a) вовлекување на првиот ред 50px / indent the first line of the text for
50px
b) вовлекување на последниот ред 50px / indent the last line of the
text for 50px
c) вовлекување на помалку од 50px / indent for less than 50px
d) вовлекување на целиот текст 50px / indent the whole paragraph
text for 50px
16. Кој текст ќе се прикаже доколку сликата не се вчита од некоја
причина?
a) display text
b) img text
c) src text
d) alt text
17. Како точно ќе ја дефинираме следната табела, ако знаеме дека
растојанието помеѓу внатрешната и надворешната линија е 10
пиксели / How to correctly define the table shown, if we know that the
distance between the inner and outer lines is 10px:
a) <table border=”1” cellspacing=”10”><tr>cell 1</tr></table>

b) <table border=”1” cellpadding=”10”><tr><td>cell 1</td></tr></table>
c) <table border=”1” cellpadding=”10”><td>cell 1</td></table>
d) <table border=”1” cellspacing=”10”><tr><td>cell 1</td></tr></table>
18. Кои други вредности ги прима својството front-style, освен normal и
italic? / Which other values are supported for the property font-style,
besides normal and italic values?
a) oblique
b) inherit
c) sans-serif
d) special
19. Дали следново својство е правилно напишано / Is the following
property written correctly?
<audio src=”media/jazz.ogg” mode=”autoplay”></audio>
a) True
b) False
20. Со CSS селектор, селектирајте ги сите div тагови освен оние од
класата small:
<section class=”table”>
<div class=”small” />
<div/>
<article>
<div/>
</article>
<aside>
<div/>
</aside>
<article>
<span/>
</article>
<div/>
</section>
a) .table div:only(.small)
b) div:not(.small)
c) .table div:not(.small)
d) div:only(.small)
21. Кое од наведените својства е невалидно за flexbox / Which is not a
valid CSS property for flexbox?
a) justify-content
b) justify-items
c) align-items
d) align-content
22. Својството / The property
a) Текстот помеѓу двете точки(:) и точка- запирка (;) / The text
between the colon, :, and the semicolon, ;
b) Ниедно од наведеното / None of the specified
c) Означува точно кој елемент или елементи во HTML кодот да се
таргетираат за да се применат стилови врз нив (како боја,
големина, позиција) / designates exactly which element or elements
within the HTML code to target and apply styles (such as color, size,
and position)
d) Ги детерминира стиловите што ќе бидат применети на
селектираниот елемент / determines the styles that will be applied
to the selected element
23. Што претставува следниот линк? / What type of link is the following
link?
<a href=”http://www.finki.ukim.mk”>FINKI</a>
a) Линк што се отвара во нов прозорец / Link that opens in a new
web browser
b) Линк што отвара имејл клиент / Link that opens email client
application
c) Линк од една страна кон друга страна во истиот веб сајт /
d) Линк од една кон друга веб страна / Link from one web page to
another
24. CSS Вредноста / The CSS value
a) Ниедно од наведените / None of the specified
b) Ги детерминира стиловите што ќе бидат примени на
селектираниот елемент / determines the style that will be applied to
the selected element
c) Означуваат точно кој елемент или елементи во HTML кодот да
се таргетираат за да се применат стилови врз нив (како боја,
големина, позиција) / designates exactly which element or elements
within the HTML code to target and apply styles (such as color, size,
and position)
d) Текстот помеѓу двете точки(:) и точка- запирка (;) / The text
p.p2 li .k2
a) 2-0-1
b) 0-2-2
c) 0-1-2
d) 1-0-2
26. Која вредност е невалидна за својството „flex-wrap” / Which is not a
valid value to use for “flex-wrap”:
a) wrap-reverse
b) reverse-wrap
c) nowrap
d) wrap
27. Што е точно за вметнување на позадинска слика?
a) <background img=”background.gif”>
b) <body style=”background-image:url(background.gif)”>
c) <body bg=”background.gif”>
28. Со CSS селектор селектирајте го елементот со ID exam / With CSS
select the element with the ID exam:
<div id=”exam” />
<div />
a) .exam
b) #exam
c) div exam
29. Пресметајте ја спеицифичноста на следниот CSS селектор

.aside #finki div.design span
a) 0-2-3
b) 2-1-2
c) 1-2-2
d) 1-1-3
30. Кое од следниве е точно за прикажаната слика:
a) #div-1a (float:left;)
b) #div-1c (clear:left;)
c) #div-1c (clear:both;)
d) #div-1b (clear:both;)
31. Која од следните табели е дефинирана правилно / Which table is
specified correctly?
a) <table><tr></tr></table>
b) <table><tr><td></td></tr></table>
c) <table><td></td></table>
d) <table><td><tr></tr></td></table>
32. Пресметајте ја специфичноста на следниот CSS селектор
body.ie7 #finki .col2 h2
a) 2-1-2
b) 1-1-2
c) 1-2-2
d) 2-2-1
33. Што од наведеното е точно? / Select what is correct
a) CSS мора да се напише надвор од HTML документот / CSS
must be written separately from the HTML document
b) Таговите служат за дефиниција на содржината околу која се
поставени / Tags are used to define the contests they are used in
c) HTML се состои од елементи, наречени тагови / HTML is
consisted of elements called tags
d) HTML е програмски јазик / HTML is programming language
body div#pagewrap ul#summer-drinks li.favorite
a) 2-4-1
b) 1-2-4
c) 2-1-4
d) 4-1-2
35. Со CSS селектор, селектирајте ги сите линкови / With CSS select all
links:
<div></div>
<p>Some text</p>
<span>
</span>
<img src=”sample.jpg” class=”small” />
</div>
a) span .a
b) .table a ?????
c) hrf a
d) #a[href=”#”]
e) a
36. Со помош на кој селектор ќе добиеме ваков изглед на листата?
b) li:nth-child(7n-2)
c) li:nth-child(7n-3)
d) li:nth-child(7n-4)
37. Со CSS селектор, селектирајте го последниот линк/ With CSS select
the last link:
<div></div>
<p>Some text</p>
<span>
</span>
</div>
a) a.last-of-type // a:last-of-type fakjat
b) last-of-type a
c) last-child
d) .table span a: last-child
38. Кој е HTML елементот за вметнување нов ред во даден текст?
<brak>
<br>…</br>
<br/>
<lb>
39. Кои од следниве тврдења се точни/ Which of the following claims are
correct
a) На Inline елементите не може да се специфираат ширина и
висина / Width and height can not be specified for inline elements
b) Inline-block елементите имаат ширина и висина / Inline-block
elements have width and height
c) Висината на block елементот доколку не е специфицирана
зависи од неговата содржина / The height of the block element,
if not specified, depends on its content
d) Ширината на inline елементите е 100% / The width of inline level
elements is 100%
40. Со помош на кој селектор ќе добиеме ваков изглед на листата?
c) li:nth-child(n-7)
d) li:nth-child()
41. Која е бојата на маргините / What is the margin colour
a) бела / white
b) бојата на границите на елементот / the colour of the element
borders
c) нема боја (проѕирен) / no colour (transparent)
d) бојата на сорджината од истиот елемент / the colour of the
element content
#list div.type a.section
a) 1-2-2
b) 2-1-2
c) 1-1-3
d) 0-2-3
43. Што е маргина / What is margin?
a) Простор меѓу сорджината на елементот и неговата граница /
The space between the content and the border of the element
b) Простор меѓу 2 html елементи / The space between 2 html
elements
c) Граница на html елементот / The border of the element
d) Место каде што се внесува сорджината на елементот / The
place where the content of the element is specified
44. Со CSS селектор, селектирајте го третиот линк / With CSS select
the third link
</div>
a) a.nth-child(3)
b) a:nth-child(3)
c) a:nth-of-type(3)
d) nth-of-type.a(3)
45. Одберете го псевдо-селекторот за празни елементи / Choose the
pseudo-selector for empty elements
a) #empty
b) empty
c) .empty
d) :empty
46. Со CSS селектор, селектирајте го првиот линк/ With CSS select the
first link:
<div>
</div>
<p>Some text</p>
<span>
</span>
</div>
a) div:nth-child(1) a
b) .table a:first-of-type
c) a:first-of-type
d) a.first-of-type
e) a:only-child
47. Со CSS селектор, селектирајте ги сликите од класата small:
<span>
<img />
</span>
<div>
<img class=”small” />
<div/>
<span>
<p class=”small”>
some text
</p>
</span>
<span>
</span>
<div/>
a) .small ???
b) img
c) img small
d) img.small
48. Со CSS селектор, селектирајте ги div таговите што се наоѓаат во
article таг (директни деца или потомци)
<div/>
<article>
<div/>
</article>
<aside>
<div/>
</aside>
<article>
<span/>
</article>
<div/>
</section>
a) article div
b) article .div
c) article <div
d) .table article div
e) article >div
49. Кој од понудените HTML кодови за дадениот параграф на зборот
vazzen ќе му додели идентификација
<p>Ova e vazzen tekst!</p>
a) <p id=”vaz”> Ova e vazzen tekst!</p>
b) <p>Ova e <span id=”vaz”>vazzen</span>tekst!</p>
c) <p>Ova e <div id=”vaz”>vazzen</div>tekst!</p>
d) <p>Ova e<id = “vaz”>vazzen</id>tekst!</p>
50. Следниов ред претставува / The following line presents:
a) Навигациска лента / Navigation bar

b) Breadcrumbs Navigation
c) Sitemap
d) Client Feedback
51. Дали следново својство е правилно напишано / Is the following
property written correctly?
font-family: “Helvetica Neue” , Helvetica, Arial, “sans-serif”;
a) False
b) True
52. Кои од наведените елементи се правилно напишани? / Select the
elements that are correctly written?
a) <img src= “image.png”>Ova e slika!</img>
b) <img src=”image.jpg”/>
c) <br/>
d) <p>Ova e paragraph!<br>Nov red!</p>
53. Пресметајте ја специфичноста на следниот CSS селектор и внесе
те ја во соодветниот формат / Calculate the specificity of the following
CSS selector and enter it in correct format: x-y-z
p.p2 li .k2
0-2-2
#exam li.section div#ul
a) 1-2-2
b) 2-2-1
c) 2-1-2
d) 2-0-3
div#container > ul
a) 2-1-0
b) 2-0-2
c) 1-0-2
d) 1-1-1
56. Кој од следниве елементи обезбедува хиерархија на страницата? /
Which of the following elements provide hierarchy to a page?
a) <section>
b) <p>
c) <div>
d) <article>
57. Во HTML, дозволено е да се вметнат SVG елементи директно на
страницата.
a) False
b) True
58. Со CSS селектор, селектирајте ги сите линкови / With CSS select all
links:
<div></div>
<p>Some text</p>
<span>
</span>
</div>
a) sample a
b) a
c) small a
d) #div a
e) span .a
f) .table .a
g) #a[href=”#”]
h) href a
59. Со CSS селектор, селектирајте го span тагот во параграфот со ID
strange:
<div>
<p>
<span/>
</p>
<aside>
<img />
</aside>
<p id=”strange”>
<span/>
</p>
<p>
<span/>
</p>
</div>
a) #strange span
b) #strange > span
c) p#strange > span
d) .strange span
e) p[id=””strange””] span // p[id=”strange”] span
60. <span> елементот преставува inline-block елемент. / <span> is an
inline-block element.
a) False
b) True
b) li:nth-child(3n+3)
c) li:nth-child(3n+4)
62. Што се претставува со flex-direction? / flex direction allows you to do
what?
a) дефинира насоката според која елементите ќе се распределат
на основа на редица или колона / define the direction of how
elements are positioned based on either row or column
b) дефинира како да се позиционираат елементите вертикално /
define how to position elements vertically
c) дефинира како елементите ќе се прераспределат при промена
на ширината на прелистувачот / define how elements will wrap
when the browser width is changed
d) дефинира како да се позиционираат елементите
хоризонтално / defines how position elements horizontally
#body li.selected p
a) 1-1-2
b) 1-1-3
c) 0-1-3
d) 1-1-1
64. Како се предодредено позиционирани елементите
a) static
b) float
c) relative
d) absolute
a) li:nth-child(7n+1)
c) li:nth-child(8n+1)
d) li:nth-child(7n+2)
66. Кое од следниве не е вредност за font-style својството?
a) italic
b) none of the above
c) normal
d) oblique
a) li:nth-child(-2n+1)
b) li:nth-child(-2n+5)
c) li:nth-child(-2n+7)
d) li:nth-child(-2n+3)
68. Sitemaps претставува графичка или текстуална репрезентација за
информациската архитектура / Sitemaps is a graphical or textual
representation of information architecture?
a) True
b) False
69. Со кое својство се овозможува flex елементите да пораснат?
a) flex-grow
b) flex-size
c) Нема начин ова да се направи во Flexbox / There is no way to
do this with Flexbox
70. Со CSS селектор селектирајте ги сите параграфи:
<div></div>
<p>Some text</p>
<span>
</span>
</div>
a) table p // .table p
b) p
c) Some text p
71. Со CSS селектор, селектирајте ги линковите кои покажуваат кон
сајтот на ФИНКИ / With CSS select all links that point to FINKI website
a) div.table a[href=”http://www.finki.ukim.mk”]
b) a[href=”http://www.finki.ukim.mk”]
c) a[href*=”finki”]
d) a[www.finki.ukim.mk]
e) a[src=”finki.ukim.mk] ???
72. Со CSS селектор, селектирајте го првиот article таг / With CSS select
the first article tag:
<div/>
<article>
<div/>
</article>
<aside>
<div/>
</aside>
<article>
<span/>
</article>
<div/>
</section>
a) article.first-child
b) first-of-type:article
c) article:type(1)
d) article:first-of-type
ul#summer-drinks li.favorite
a) 1-1-1
b) 1-2-1
c) 1-1-2
d) 2-1-1
74. Што од наведеното е точно за табелата прикажана на сликата /
What of the following is true for the given table?
a) <td rowspan=”2”>cell 4
b) <td rowspan=”2”>cell 3
c) <td rowspan=”2”>cell 5
d) <td colspan=”3” rowspan=”2” align=”center”>cell 2
e) <td colspan=”2”>cell 6
75. Кои од следните тагови се користат за приказ на слика и нејзиниот
опис така што се поврзани? / Which of the following tags is used to
contain images and their caption so that the two are associated?
a) <figure>
b) <figcaption>
c) <src>
d) <img>
76. Што е карактеристично за блок елементите / What is true about block
level elements?
a) Продолжуваат во истиот ред и имаат ширина во зависност од
содржината / Continue in the same line and have width
depending on the content
b) Почнуваат во нов ред и немаат предефинирана ширина / Srat
in a new line and don’t have predefined width
c) Почнуваат во нов ред и имаат ширина од 100% / Start in a new
line and have width of 100%
d) Продолжуваат во истиот ред и имаат ширина 100% / Continue
in the same line and have width of 100%
77. Кој doctype се користи во HTML5 / which doctype is used in HTML5?
a) <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 5.0//EN”
“http://www.w3.org/TR/html5/strict.dtd”>
b) <!DOCTYPE HTML5>
c) <!DOCTYPE html>
78. Со кое Flexbox својство може да се смени редоследот на
елементите / Which FlexBox property changes the order of the flex
items?
a) flex-change
b) order
c) flex-order
79. Дали атрибутот poster е достапен за <video> елементите?
a) False
b) True
80. Со CSS селектор, селектирајте ги span таговите / With CSS select
the span tags:
<div class="table">
<span id="fancy"></span>
<strong></strong>
<span></span>
</div>
a) table span fancy
b) table fancy span
c) table .span
d) span fancy
e) span
f) div .span
81. Таг за наслов (заглавје) во табела во HTML е: / Table header tag in
HTML is:
a) <table>
b) <td>
c) <th>
d) <tr>
82. Кога се дефинира својство float за текст, мора да се наведе
ширината / When text floats, the width must be set?
a) False
b) True
body ul.list li.demo div
a) 1-2-3
b) 0-3-3
c) 1-1-4
d) 0-2-4
div .class li:first-child
0-2-2
ul#summer-drinks li.favorite
1-1-2
86. Кој HTML елемент се користи за дефинирање на главен наслов? /
Choose the correct HTML element for the largest heading:
a) <heading>
b) <h1>
c) <h6>
d) <head>
87. Со CSS селектор, селектирајте го третиот div таг / With CSS select
the third div tag
<div/>
<article>
<div/>
</article>
<aside>
<div/>
</aside>
<article>
<span/>
</article>
<div/>
</section>
a) article div:type(3)
b) .div .article
c) div:nth-of-type(3)
d) article > div
88. Колку нивоа на наслови има во HTML (h1,h2, …) ? / How many
levels of headings exist in HTML (h1,h2…)?
a) 7
b) 5
c) 4
d) 6
section div a.finki
a) 0-1-3
b) 3-1-0
c) 1-3-0
d) 0-0-0
90. Кој е HTML елементот за креирање текст поле во форма? / What is
the correct HTML for making a text input field?
a) <textinput type=”text”>
b) <textfield>
c) <input type=”text”>
d) <input type=”textfield”>
91. HTML тагот за подредена листа е / The HTML tag for ordered list is:
a) <li>
b) <ol>
c) <ul>
d) <dt>
92. Со CSS селектор, селектирајте ги div таговите што се директни
деца на article таг
<div/>
<article>
<div/>
</article>
<aside>
<div/>
</aside>
<article>
<span/>
</article>
<div/>
</section>
a) article < div
b) .article.div
c) article.div
d) article > div
93. Селекторот / The selector
a) Текстот помеѓу двете точки(:) и точка- запирка (;) / The text
b) Ги детерминира стиловите што ќе бидат применети на
селектираниот елемент / determines the styles that will be
applied to the selected element
c) Означува точно кој елемент или елементи во HTML кодот да
се таргетираат за да се применат стилови врз нив (како боја,
големина, позиција) / designates exactly which element or
elements within the HTML code to target and apply styles (such as
color, size, and position)
94. Со CSS селектор, селектирајте го елементот со ID design / With
CSS select the element with the ID design
a) p .design
b) #.design
c) #design
d) .design
95. За креирање на email линк, пред адресата до којашто сакаме да
испратиме се додава следниот атрибут / For creating an email link,
before the email address, we should use the following attribute
a) mailto:
b) mailsend:
c) sendto:
d) sendmail:
96. Кој од следните CSS селектори правилно поставува црвена боја за
текстот во дадениот параграф? / Which of the given CSS selectors
make a red colored text of the following paragraph?
<p class=“important”>For a one-year period from November 2010,
the MIMOCA will host a cycle of four Hiroshi Suginoto exhibitions.
</p>
a) .important {color = “red”; }
b) .important {color: red; }
c) p { color: red; }
d) p { color = “red” ; }
#exam h2 .title
a) 1-1-1
b) 0-1-0
c) 1-1-0
d) 1-0-1
98. Со кој HTML код ќе се креира линк Home до страницата index.html
од истиот веб сајт, која е сместена две нивоа погоре од папката во
која се наоѓа тековната веб страница? / Which HTML code generates
Home link to the index.html page from the same web site, and the page
is located in the folder that is two levels up from the current folder in
which the calling web page is located?
a) <a href=”../index.html”>Home<a>
b) <a href=”././index.html”>Home</a>
c) <a href=”../../index.html”>Home</a>
d) <a href=”./../index.html”>Home</a>
99. Како во grid се претставува елемент да се простира од првата (1)
до четвртата (4) колона:
a) grid-column: 1 / 5;
b) grid-column: 1 / span 4;
c) column 1 / 4;
d) grid-column-span: 1/ 4;
100. Пресметајте ја специфичноста на следниот CSS селектор и
внесе те ја во соодветниот формат / Calculate the specificity of the
following CSS selector and enter it in correct format: x-y-z
body.ie7 #finki .col2 h2
1-2-2
.finki div h2.ukim.mk
0-3-2
102. Кое CSS својство се користи за да се смени боја на текст на
елемент?
a) color-text
b) color
c) text-color
d) fgcolor
#nav .selected > a:hover
1-2-1
104. Можеме да ја подесиме бојата на текстот со користење на
следното својство:
color:#555
a) True
b) False
105. Нови структурно базирани елементи во HTML5 се:
a) <marquee>
b) <section>
c) <article>
d) <nav>
106. Што овозможува својството box-sizing / What does the box-sizing
property do?
a) Специфицира дали елементот треба да се третира како блок
елемент / Specifies if the element should be treated as block
element
b) Ниедно од наведеното / None of the specified
c) Ја сетира големината на границата на елементот / Sets the
size of the element border
d) Овозможува да се специфицира што ќе претставува ширината
и висината на елементот / Specifies what should be calculated
for width and height of the element
107. Кои од наведените елементи се правилно напишани?
<p align =left>Ova e paragraf!</p>
<p>Ova e paragraf!</p>
<p>Ova e paragraf!</p align =”left”>
<p align =”left”>Ova e paragraf!</p>
108. Кое CSS својство ни дозволува да скриеме елемент од
страницата, но сеуште да ја задржи неговата позиција?
a) opacity
b) none
c) display
d) visibility
109. Кој е HTML елементот за креирање text area во форма? / What is
the correct HTML for making a text area?
a) <textarea>
b) <input type=”textbox”>
c) textarea type=”text”>
d) <input type=”textarea”>
110. Со CSS селектор(и), селектирајте ги сите елементи од класата
web / With CSS select all elements from the class web:
<a href=”#” class=”web”>Link 1</a>
</div>
a) .web
b) .table #web
c) .a.web
d) #web
e) .table *web
ul#nav li.active a
1-1-3
112. Со CSS селектор, селектирајте ги сите елементи што се наоѓаат
во article таг (директни деца или потомци)
<div/>
<article>
<div/>
</article>
<aside>
<div/>
</aside>
<article>
<span/>
</article>
<div/>
</section>
a) .article
b) article *
c) .table article *
d) #article
113. Поле за прикачување на фајл во HTML форма се дефинира: /
File upload field in HTML form is defined:
a) <input type=”submit” name=”file” />
b) <file name=”fileupload”>
c) <input type=”fileupload” name=”fileupload” />
d) <input type=”file”>
114. Како се креира grid со 6 колони со иста ширина
a) grid-template-columns: 6 6 6 6 6 6;
b) grid-template-columns: 16.67%;
c) grid-template-columns: 100px 100px 100px 100px 100px 100px;
d) grid-template-columns: 1em 1.2em 1.4em 1.6em 1.8em 2em;
115. За отварање на линк во нов прозорец се користи:
a) <a href=”http://www.imdb.com” target=”_sendmail”>Link</a>
b) <a href=”http://www.imdb.com” target=”_new”>Link</a>
c) <xmp><a href=”http://www.imdb.com” target=”blank”>Link</a>
d) <a href=”http://www.imdb.com” target=”_blank”>Link</a>
#nav .selected > a:hover
a) 1-1-1
b) 1-2-1
c) 1-1-2
d) 2-1-1
117. Неподредена листа неможеме да вгнездеме во подредена листа.
/ It is impossible to nest an unordered list in ordered list.
a) False
b) True
118. Што е точно за додавање на позадинска боја?
a) <background>yellow</background>
b) <body style=”background-color:yellow;”>
c) <body bg=”yellow”>
.finki div h2.ukim.mk
a) 3-1-2
b) 1-2-3
c) 0-0-0
d) 0-3-2
120. Како може да се центрираат flex елементите, додавајќи празен
простор меѓу нив? / How do you center flex items and give them space
between each item at the same time?
a) justify-content: space-between;
b) align-items: center;
c) justify-content: space-around;
121. Со CSS селектор, селектирајте го првиот линк/ With CSS select
the first link:
<div></div>
<p>Some text</p>
<span>
</span>
</div>
a) div span>a:first-child
b) a:nth-child(1)
c) first-of-type:a
d) a:first-child
e) a.first-child
122. Со кое flexbox својство може да се порамнат елементите
вертикално:
a) justify-content
b) flex-direction
c) align-content
d) align-items
123. За да употребуваме flexbox мора да имаме дефинирано flexbox
container. Како се поставува тоа во CSS? / To use flexbox we define a
container as a flexbox. What is the CSS to do this?
a) display:flex;
b) position:absolute;
c) float:left;
d) display:block;
124. Кој од овие тврдења се точни за class атрибутот на HTML
елементите / Which of the following statements are true about the class
attribute of the HTML elements
a) Уникатно дефинира еден единствен елемент / Uniquely defines
one element
b) Секој HTML елемент може да има еден или повеќе class
атрибути / Every HTML element can have one or more class
attribute
c) Секој HTML елемент може да има само еден class атрибут /
Every HTML element can have only one class attribute
d) Два или повеќе елементи на иста страна може да имаат ист
class атрибут / Two or more elements on the same page can
have the same class attribute
125. Кога елементот е позициониран fixed, тој сепак ќе се поместува
при скролање на страницата
a) True
b) False
126. Со CSS селектор, селектирајте ги сите елементи од класата
small
<span>
<img />
</span>
<div>
<div/>
<span>
some text
</p>
</span>
<span>
</span>
<div/>
a) #small
b) .small
c) *small
d) ^small
ul#nav li.active a
a) 1-1-3
b) 1-1-1
c) 1-3-1
d) 3-1-1
128. HTML е: / HTML is:
a) Програмски јазик за прикажување на содржината на бев
страницата / Programming language for displaying content on a
web page
b) Маркирачки јазик за прикажување на содржината на веб
страницата / Markup language for displaying content on a web
page
c) Програмски јазик за правење веб страници / Programming
language for creating web sites
d) Програмски јазик за дизајн на веб страници / Programming
language for designing web sites
129. Со CSS селектор, селектирајте ги сите aside и article тагови
<div/>
<article>
<div/>
</article>
<aside>
<div/>
</aside>
<article>
<span/>
</article>
<div/>
</section>
a) aside.article
b) aside, article
c) aside article
d) .table aside,article{}
e) article, aside
130. Што е padding / What is padding?
a) Место каде што се внесува содржината на елементот / The
place where the content of the element is specified
b) Простор меѓу 2 html елементи / The space between 2 html
elements
c) Граница на html елементот / The border of the element
d) Простор меѓу содржината на елементот и неговата граница /
The space between the content and the border of the element
131. Со примена на следното својство на сите параграфи, се добива /
With applying the property from the picture on all paragraphs, we will
have?
p{
text-indent: 50px;
}
a) вовлекување на првиот ред 50px / indent the first line of the text
for 50px
b) вовлекување на целиот тескт 50px / indent the whole paragraph
text for 50px
c) вовлекување на последниот ред 50px / indent the last line of the
text for 50px
d) вовлекување на помалку од 50px / indent for less than 50px
132. Што треба да се специфицира за линкот да се отвора во нов
таб/прозорец од пребарувачот? / How can you open a link in a new
tab/browser window?
a) <a href=”url” target=”_new”>
b) <a href=”url” _new>
c) <a href=”url” _blank>
d) <a href=”url” target=”_blank”>
133. Кој е точниот HTML код преку кој се специфицира позадинската
боја на веб страната? / What is the correct HTML for adding a
background color?
a) <body bg=”#AB0176”>
b) <body back-ground=”$AB0176”>
c) <background>#AB0176</background>
d) <body style=”background-color:#AB0176;”>
134. Кои од наведените елементи се правилно напишани?
a) <img src=”image.jpg”/>
b) <p>Ova e paragraf!<br>Nov red!</p>
c) <img src=”image.jpg”/>Ova e slika!</img>
d) <br/>
135. Кои од следните линкови се правилно напишани?
a) <a href=”mailto:john@example.com”>mail Jon</a>
b) <a src=”http://www.google.com”>Google</a>
c) <a link=”http://www.yahoo.com”>Yahoo</a>
d) <a href=”@arcade”>Arcade</a>
136. Дадена е сликата “grafik.png” што се наоѓа во папката images која
е дете-папка во папката во која е снимен соодветниот график: ???
a) <img src=”./images/grafik.png”>
b) <img src=”/images/grafik.png”/>
c) <img src=”../images/grafik.png”/>
d) <img src=”/images/grafik.png”/>Grafik</img>
137. Кои две својства се поставуваат преку „flex-flow”?
a) justify-content и/and align-items
b) flex-direction и/and flex-wrap
c) align-items и/and align-content
d) justify-content и/and flex-direction
138. Со CSS селектор селектирајте ги сите параграфи од класата
small:
<span>
<img />
</span>
<div>
<div/>
<span>
some text
</p>
</span>
<span>
</span>
<div/>
a) p#small
b) small p
c) p small
d) p.small
139. Групирање на елементи од форма се врши преку употреба на
елементот: / Grouping of related form controls together is used with
using the element:
<group>
<fieldgroup>
<fieldset>
<field-legend>
140. Во HTML5, кој елемент се користи за групирање на heading
елементите?
a) <hgroup>
b) <header>
c) <nav>
d) <headings>
a) li:nth-child(4n)
c) li:nth-child(5n-1)
142. Со која фамилија на фонтови е напишан текстот прикажан на
сликата?
a) monospace;
b) sans-serif;
c) display;
d) serif;
143. Со CSS селектор, селектирајте го strong тагот
<div class="table">
<span id="fancy"></span>
<strong></strong>
<span></span>
</div>
a) *strong
b) fancy strong
c) div.table .strong
d) strong
e) table span lancy strong ??? fancy
f) .table strong
g) span fancy strong
144. Со CSS селектор(и), селектирајте го елементот од класата small
<div class="table">
<span class="small"></span>
<strong></strong>
<span></span>
</div>
a) @small
b) !small
c) #table .small
d) #small
e) .small
145. Со CSS селектор, селектирајте го последниот параграф во
рамките на div елементот / With CSS select the last paragraph inside
the div:
<div>
<p>
<span/>
</p>
<aside>
<img />
</aside>
<p id=”strange”>
<span/>
</p>
<p>
<span/>
</p>
</div>
a) p.last
b) last-child-of:p
c) last-of-type
d) p:last-child
e) div p:last-of-type
body div#pagewrap ul#summer-drinks li.favorite
2-1-4
147. Со кој HTML код ќе се креира линк Home до страницата
index.html од истиот веб сајт, но која е сместена во папката portfolio
што е дете-папка на папката во која се наоѓа тековната веб страна /
Which HTML code generates Home link to the index.html page from the
same web site, but the page is located in the portfolio folder that is child
folder of the current folder in which the calling web page is located?
a) <a href=”./portfolio/index.html”>Home<a>
b) <a href=”./../portfolio/index.html”>Home</a>
c) <a href=”/portfolio/index.html”>Home</a>
d) <a href=”../portfolio/index.html”>Home</a>
148. Промената која ја има кај сликите е направена со:
a) p {letter-spacing: -.5em;}
b) p {font-size: .5em;}
c) p {font-size: -.5em;}
d) p {letter-spacing: .5em;}
149. HTML елементи кои се контејнери и служат само за
манипулирање со стилови се:
a) <head>
b) <span>
c) <p>
d) <div>
WEB ПРАШАЊА
1.Што значи HTML? (1 поен)
А) Hyperlinks and Text Markup Language Б) Hyper Text Markup Language******
В) Home Tool Markup Language Г) Hyper Threading

Mode Language
2.Koj e HTML тагот за најголем наслов? (1 поен)
A) <h1>******* Б) <h6>
В) <head> Г) <heading>
3.Koj e HTML тагот за празен ред? (1 поен)
A) <line> Б) <br>******
В) Нема посебен таг, само се притиска ENTER; Г) <break>
4.Кој е HTML кодот за дефинирање сортирана листа со двa елементи? (1 поен)
A) <sl><li> ставка 1</li><li> ставка 2</li></sl>
Б) <ul NrElements = “2”><li> ставка 1</li><li> ставка 2</li></ul>
В) <ol><le> ставка 1</le><le> ставка 2</le></ol>
Г) <ol><li> ставка 1</li><li> ставка 2</li></ol>
5.Кој е коректниот HTML таг за текстот да се напише со задебелени букви: (1

поен)
A) <bb> Б) <b>***
В) <bld> Г) <bold>
6.Како се прави линк кон e-mail? (1 поен)
A) <a href="mailto:xxx@yyy"> ******* Б) <a href="xxx@yyy"
В) <mail>xxx@yyy</mail> Г) <mail href="xxx@yyy">
7.Каква екстензија имаат HTML документите кои се состојат само од HTML тагови?
Избор 1
.HTM***
Избор 2
.HTML***
Избор 3
.JAVA
Избор 4
.ASP
8.Кои се двата видливи во прелистувачот делови од кои се состои секоја HTML страница?
Избор 1
тело и глава
Избор 2
наслов и глава
Избор 3
наслов и содржина
Избор 4
глава и тело
Избор 5
наслов и тело******
Избор 6
хедер и футер
9.HTML таговите се интерпретирани од страна на :
Избор 1
Веб Прелистувачот******
Избор 2
Java Virtual Machine
Избор 3
Оперативниот систем
10.Се што се наоѓа помеѓу знаците < и > не се прикажува во прелистувачот.
Избор 1
да
Избор 2
не
Избор 3
зависи што се наоѓа помеѓу нив******
11.Кои од следните тврдења не се точни?
Избор 1
Сите прелистувачи ги препознаваат истите тагови.***
Избор 2
Постојат тагови кои се карактеристични за одредени прелистувачи.
Избор 3
Различни прелистувачи препознаваат сосема различни тагови.***
Избор 4
Повеќето прелистувачи препознаваат одреден број стандардни тагови.
12.Дали имињата на атрибутите се осетливи на мали или големи букви?
Избор 1
зависи
Избор 2
да
Избор 3
не******
13.Како се разграничуваат повеќебројните атрибути?
Избор 1
со знакот =
Избор 2
со одделување со празно место******
Избор 3
со знакот :=
Избор 4
со ставање во единечни наводници
Избор 5
со ставање во двојни наводници
14.Што ќе се прикаже во прелистувачот ако во HTML страницата го ставиме следниот текст: < ?
Поени: 2
Избор 1
lt
Избор 2
>
Избор 3
<******
Избор 4
gt
Избор 5
>
Избор 6
<
15.Во која боја ќе биде позадината на HTML страницата ако го ставиме следниот таг <body
bgcolor='#0000FF'>?
Избор 1
зелена
Избор 2
црвена
Избор 3
бела
Избор 4
сива
Избор 5
плава******
Избор 6
црна
16.Каде се пишува името на тагот?
Избор 1
после знакот >
Избор 2
помеѓу името на тагот и знакот >
Избор 3
помеѓу знакот < и името на тагот
Избор 4
зависи од прелистувачот
Избор 5
помеѓу знаците < и >******
17.Во HTML коментарот се затвора помеѓу:
Избор 1
<!- и ->******
Избор 2
<% и %>
Избор 3
<?-- и -->
Избор 4

Избор 5
<!= и =>
18.Во кои од следните случаи прелистувачот нема да го препознае тагот и ќе го прикаже како
обичен текст?
Избор 1
<body bgcolor=”#606060'>
Избор 2
<body bgcolor='#606060>**
Избор 3
<body bgcolor=gray>
Избор 4
<body bgcolor='#606060'>
Избор 5
<body bgcolor='gray>**
Избор 6
<body bgcolor=”#606060”>
Избор 7
<body bgcolor='#606060”>**
bgcolor='#FF0000'>?
Избор 1
бела
Избор 2
црна
Избор 3
Сива
Избор 4
плава
Избор 5
црвена******
Избор 6
Зелена
20.Задавање на боја на позадината не се изведува со атрибутот:
Избор 1
BgColor
Избор 2
BGCOL***
Избор 3
BGCOLOR
Избор 4
BegColor***
21.Во HTML јава скриптите се затвораат помеѓу:
Избор 1
<% и %>
Избор 2
<?-- и -->
Избор 3

Избор 4
<!- и ->******
Избор 5
<!= и =>
22.HTML таговите се интерпретирани од страна на :
Прелистувачот
23.Кои се основни елементи на HTML?
Таговите
24.Кои делови од HTML се игнорирани од прелистувачот?
Коментарите
25.Кои од следните тврдења се точни?
Повеќето прелистувачи препознаваат одреден број стандардни тагови.
Постојат тагови кои се карактеристични за одредени прелистувачи.
26.Кои се двата основни делови од кои се состои секоја HTML страница?
тело и глава
глава и тело
27.Се што се наоѓа помеѓу знаците < и > се прикажува во прелистувачот
Не
28.Тагот <PRE> служи за:

прикажување на текстот како што бил напишан
29.Тагот <NOBR> служи за:
прикажување на текстот во една линија
30.Тагот <WBR> служи за:
прекин на текстот во <NOBR> таг
31.WEB страниците се поставуваат на специјални компјутери наречени
WEB сервери
32.WEB сервер е компјутер кој што
има постојано 24 часовно поврзување со Интернет
има специјална програмска поддршка да ги чува WEB страниците
ги пренесува потребните податоци до корисниците
33.Како се пристапува кон WEB страниците на даден WEB сервер?
со специјална програма прелистувач WEB browser
34.Како се одвива комуникацијата помеѓу WEB серверот и WEB browser-от?
како врска помеѓу сервер и клиент
Кој е клиент во врската помеѓу WEB серверот и WEB browser-от?
WEB browser
35.WEB Browser е
програма која што на дадената WEB страница прикажува текст, графика, звук и анимации
36.Како функционира WEB browser?

програмата се обраќа до соодветниот WEB сервер и ги презема сите податоци
37.Какви WEB browser-и постојат?
Netscape Navigator
Microsoft Internet Explorer
Opera
38.За задавање на висина на сликата се користи атрибутот:
HEIGHT
39.За задавање на ширина на сликата се користи атрибутот:
WIDTH
40.Атрибути на тагот <FRAME> се:
SRC
41.Грешката во кодот: <frameset rows=50%,10%,10%> <frame> <frame> </frameset> е
недостига еден <frame> таг
Висината на фрејмовите нема да биде соодветна
42.Грешката во кодот: <frameset colls=50%,10%,40%> <frame> <frame> <frame> </frameset> е:
наместо colls треба да стои cols
43.Кои од следните атрибути се користат во <HEAD> тагот:
овој таг нема атрибути
44.Кои од следните атрибути се користат во <META> тагот:
NAME
ContENT
45.Кои од следните атрибути се користат во <BODY> тагот:
aLINK
BGCOLOR
46.Кои од следните атрибути се користат во <FONT> тагот:
FACE
47.Кои од следните атрибути се користат во <META> тагот:
NAME
48Кои од следните атрибути се користат во <BODY> тагот:
LINK
Bgproperties
49.Кои од следните атрибути се користат во <FONT> тагот:
COLOR
Size
50.На ниво на табела може да се дефинира:
позиција на табелата
ширина на редот
боја на ќелијата
51.На ниво на редица може да се дефинира:
порамнетост на содржината во ќелиите
52.На ниво на ќелија може да се дефинира:
порамнетост на содржината во ќелиите
53.Атрибутот BORDER служи за дефинирање на:
рамка на табелата
54.Атрибутот CELLSPACING служи за дефинирање на:
празно место помеѓу ќелиите
55.Атрибутот CELLPADDING служи за дефинирање на:
празно место околу содржината на ќелиите
56.Атрибути на тагот <TABLE> се:
ALIGN
BORDER
57.Атрибути на тагот <TR> се:
ALIGN
58.Атрибути на тагот <TD> се:
ROWSPAN
ALIGN
59.Kако им се придружуваат вредности на атрибутите?
со знакот =

со одделување со празно место
61.Како се определува крајот на вредноста која му се придружува на некој атрибут, а која содржи
празни места?
bgcolor=’#0000FF’>?
Плава
bgcolor=’#AAAAAA’>?
Сива
bgcolor=’#00FF00′>?
Зелена
bgcolor=’#FF0000′>?
Црвена
bgcolor=’#000000′>?
Црна
bgcolor=’#FFFFFF’>?
Бела
68.За кодот: <img src=”strana.htm” high=5 width=2 border=1> да биде точен треба:
high да се замени со height
69.За кодот: <image src=”strana.htm” height=5 width=2 border=1> да биде точен треба:
image да се замени со img
70.За кодот: <img source=”strana.htm” height=5 weidth=2 border=1> да биде точен треба:
weidth да се замени со width
source да се замени со src
71.За кодот: <img src=”strana.htm” height=5 weidth=2 border=1> да биде точен треба:
72.За кодот: <image source=”strana.htm” high=5 weidth=2 borders=1> да биде точен треба:
high да се замени со height
source да се замени со src
borders да се замени со border
image да се замени со img
73.Основен таг за специфирање на линкови е:
<А> … </А>
74.Кои се валидни параметри на тагот <А> … </А>:
HREF
NAME
75.Какви типови на листи постојат?
Подредени
Неподредени
Подредени
за дефиниции
Неподредени
за дефиниции
Неподредените листи се оградуваат со:
<UL>
78.Елементите на неподредените листи се означуваат со:
<LI>
79.Елементите на подредените листи се означуваат со:
<LI>
80.Поимите во листите за дефиниции се означуваат со:
<DT>
81.Дефинициите во листите за дефиниции се означуваат со:
<DD>
82.Интернет адресата на WEB серверот во рамки на URL се запишува
по две коси црти „//“

83.Протоколот во рамки на URL се запишува
пред знакот две точки „:“
84.Сајтот се одделува од Интернет адресата во рамки на URL со
една коса црта „/“
85.Документот во Интернет адресата во рамки на URL се одредува
после сите знаци за коса црта „/“
пред знакот тараба „#“
86.Тагот <HTML> се користи за означување на:
почетокот на документот
87.Тагот <BODY> се користи за означување на:
телото на документот
88.Тагот <HEAD> се користи за означување на:
заглавието на документот
89.Тагот <TITLE> се користи за означување на
насловот на документот
90.Со помош на тагот <META> може:
да се изврши пренасочување кон друга страница
да се дефинира користениот карактер сет
Со помош на тагот <BODY> може:

да се зададе боја на позадината
91.Со помош на тагот <HTML> може:
да се означи почеток на документот
92.Задавање на боја на позадината се изведува со атрибутот:
BGCOLOR
BgColor
93.Задавање на боја на позадината не се изведува со атрибутот:
BGCOL
BegColor
94.Во кои од следните случаи прелистувачот ќе го препознае тагот и нема да го прикаже како
обичен текст?
<body bgcolor=’#606060′>
<body bgcolor=”#606060′>
<body bgcolor=”#606060”>
<body bgcolor=’gray>
95.Што ќе се прикаже во прелистувачот ако во HTML страницата го ставиме следниот текст: < ?
<
96.Што ќе се прикаже во прелистувачот ако во HTML страницата го ставиме следниот текст: >
>
97.Кој е основниот таг со кој се дефинира табела?
<TABLE>
<TabLe>
98.За опишување на минимална табела доволни се таговите:
<TABLE>, <TR>, <TD>
99.За опишување на минимална табела доволни се таговите:
<TABLE>, <TH>, <TR>
<TABLE>, <TR>, <TD>
100.Тагот <TD> може/важи:
да биде контејнер за текст
да биде контејнер за слика
да биде контејнер за друга табела
101.Тагот <TR> може/важи
да биде контејнер за тагот <TD>
текстот е задебелен
103.Што се рамки на WEB страницата?
независни правоаголни површини во рамки на WEB страницата
104.Дали во рамките на WEB страницата може да се прикаже хипертекст?
Да
105.Дали приказот на рамките е постојано видлив ако се лизга погледот во WEB страницата?
Да
106.Зошто се користат рамките кај WEB страницата?
да се прикаже информација што останува постојано видлива без разлика дали корисникот
посакува да види друг дел од прозорецот
107.Освен за постојан приказ на некои содржини, рамките се користат за приказ на
Менија
108.Како се реализира мени со помош на рамки?
со икони и хипертекст линкови
109.Колку рамки вообичаено се поставуваат за приказ на WEB страници?
110.Рамката со својство на мени најчесто во WEB страницата се поставува во
левиот дел
111.Рамката со својство на прикажување на заштитниот знак – логото на компанијата најчесто во

WEB страницата се поставува во
горниот дел
112.Рамката со својство за приказ на сите избрани содржини најчесто во WEB страницата се

поставува во
десниот дел
долниот дел
113.За вметнување на слики се користи тагот:

<IMG>
114.Кои од следните тагови се правилно зададени
<IMG SRC=”proba.jpg”>
115.Кои од следните тагови се неправилно зададени:
<IMG SOURCE=”proba.jpg”>
<IMG PICTURE=”proba.jpg”>
<IMG = ”proba.jpg”>
<IMG ”proba.jpg”>
116.Тагот <BR> :
го префрлува текстот во нов ред
117.Тагот <P> :
остава празен ред пред текстот
118.Тагот <H1> :
остава празен ред пред текстот
треба да се затвори со </…>
119.Изберете ги постоечките тагови:
<ABBR>
<CODE>
<SAMP>
<INS>
120.Изберете ги непостоечките тагови:
<KB>
<SAMPLE>
121.Изберете ги постоечките тагови:
<B>
<I>
<SUB>
122.Изберете ги непостоечките тагови:
<T>
<SMAL>
<STRIKED>
123.Кои од паровите ТАГ – ФУНКЦИЈА се исправни:
<B> – задебелен текст
<S> – прецртан текст
124.Ако кликнеме на линк кој содржи Target=”_blank”
Линкот ќе се отвори во нов прозорец
125.Ако кликнеме на линк кој содржи Target=”_top”
Линкот ќе се отвори во најгорниот прозорец
126.Ако кликнеме на линк кој содржи Target=”_self”
Линкот ќе се отвори во активниот прозорец

127.Ако кликнеме на линк кој содржи Target=”_parent”
Линкот ќе се отвори во прозорецот преку кој е отворен тековниот
128.Ако кликнеме на линк кој содржи Target=”Proba”
Линкот ќе се отвори во прозорецот со име Proba
129.Ако кликнеме на линк кој содржи Target=”_this”
Линкот ќе се отвори во прозорецот со име _this
130.Тагот <BODY text=black link=blue alink=green vlink=red>, означува дека:
обичниот текст ќе биде црн
посетените линкови ќе бидат црвени
131.Тагот <BODY text=yellow link=red alink=white vlink=brown>, означува дека:
активниот линк ќе биде бел
132.Тагот <BODY text=white link=blue alink=red vlink=red>, означува дека:
133.Тагот <BODY text=red link=black alink=white vlink=red>, означува дека:
линковите ќе бидат црни
активниот линк ќе биде бел
134.Тагот <BODY backgroung=”slika1.gif” bgproperties=fixed>, означува дека:
позадината ќе биде неподвижна при скролување
135.Тагот <BODY backgroung=”slika1.gif” bgproperties=fixe>, означува дека:
позадината ќе се скролува заедно со текстот

136.Тагот <BODY backgroung=”slika1.gif” >, означува дека:
позадината ќе се скролува заедно со текстот
137.Како можеме сликата да ја направиме линк?
со вметнување на тагот <IMG> во <A>..</A> таг
Тагот <FONT SIZE=-2> има ист ефект со тагот:
<FONT SIZE=1>
138.Тагот <FONT SIZE=-1> има ист ефект со тагот:
<FONT SIZE=2>
139.Тагот <FONT SIZE=+0> има ист ефект со тагот:
<FONT SIZE=3>
140.Тагот <FONT SIZE=+2> има ист ефект со тагот:
<FONT SIZE=4>
141.Тагот <FONT SIZE=-3> има ист ефект со тагот:
<FONT SIZE=1>
Прашање 1. Големината на една страна не треба да надмине
Точен одговор е:
 40KB
 80KB
 100KB
Прашање 2. При одредување на големината на страната се вклучуваат:

 HTML кодот
 JavaScript кодовите
 сликите
 софтверот со кој е правена страната
 големината на прелистувачот со кој се гледа

страната
Прашање 3. Информациите кои се напишани во тагот < meta > се користат од

 пребарувачите
 авторите
 web дизајнерите
Прашање 4. Ако типина брзина на еден модем е 33-42KBs за колку време ќе се вчита
страна од 80KB?
 2 секунди
 20 секунди
Прашање 5. При пресметување на големината на страната

 се земаат во обзир stylesheets
 се земаат во обзир JavaScript кодовите
 не се земаат во обзир stylesheets
Прашање 6. Тагот < title > го опишува следниов аспект на страната:

 заглавјето
 содржината
 авторот
Прашање 7. Просечното време за задржување на вниманието на корисникот при

вчитување на страна е
 10 секунди
Прашање 8. Употребата на рамки

 не ја подобрува позицијата на страната на

пребарувачите
 ја подобрува позицијата на страната на
 не влијае на позицијата на страната на
Прашање 9. Тагот < meta > го опишува следниов аспект на страната:

 содржината
 авторот
 заглавјето
Прашање 10. Функциите на Web мастерот се
 адмиинстрација на сајтот
 обнова на содржината на сајтот
 сетирање и инсталирање на веб серверот
 контакт со корисници по телефон
Прашање 11. Systems analysis concerns:
 summarising the business requirements for a system
 conducting research of user\'s needs for a new system
 testing the performace of a system
 estimating te duration of a project
Прашање 12. To conduct storefront e-commerce, merchants need to organize
 To conduct storefront e-commerce, merchants need to

organize
 online payment
 organize multiple companies products
Прашање 13. A reserve price is set by a consumer on a comparison pricing Web site to find
the lowest price for a product
 False
 True
Прашање 14. Although fast and convenient, it is not yet possible to conduct e-commerce 24-
by-7—all day, everyday—on a worldwide basis
 False
 True
Прашање 15. Supporting the shopping cart is a product catalog, which is hosted
 on the server in the form of a database
 on the client server in the form of a database
 the system does not need product catalog
Прашање 16. Authentication verifies that
 the person is, in fact, who they say they are.
 the money is available to make the transaction
 the bank is capable of offering merchant accounts
Прашање 17. Digital cash allows people who do not have credit cards to shop online.
 True
 False
Прашање 18. For accessibility purposes, videos that are used on the web should be
 Captioned so that the text transcription of all audio

content can be viewed from within the video player
 Accompanied by a link to a text transcription of any
audio used in the video file
 Mailed to users on a CD
 All of the above
Прашање 19. What is a screen reader?
 Software that uses synthesized speech or refreshable

Brraille output to read a web page
 An individual that translates spoken word to sign
language at instructor led University classes
 Software that translates spoken word to a text display
for the computer user
 Software that magnifies the screen for partially sighted
individuals
Прашање 20. Accessible web design requires the purchase of expensive software
 False
 True
Прашање 21. Laptop computers are easier for users with disabilities to operate
 False
 True
Прашање 22. Што означува поимот layer:
 секој објект најчесто го сместуваме во свој layer за

полесно да ја организираме работата и да правиме
промени само на конкретниот објект
 е една од многуте слики кои составуваат еден
филм
 е frame кој што ги назначува промените
Прашање 23. Што означува поимот frame:
 е една од многуте слики кои составуваат еден

филм
 е frame кој што ги назначува промените
 секој објект најчесто го сместуваме во свој layer за

полесно да ја организираме работата и да правиме
промени само на конкретниот објект
Прашање 24. Што значи поимот векторска графика:
 графиката може да се зголемува и намалува до

било која големина без губење на квалитетот и
јасноста
 графиката може да се намалува до било која
големина без губење на квалитетот и јасноста
 графиката може да се зголемува до било која
големина без губење на квалитетот и јасноста
 графиката може да се зголемува и намалува до
било која големина со мало губење на квалитетот и
јасноста
Прашање 25. Со Silverlight се развиваат _______ апликации.
 RIA
 Java
 Flash
 C++
 .NET
Прашање 26. Како краен продукт од Flash се добива ______ датотека.
 .swf
 .lzx
 .xml
 .java
Прашање 27. DHTML е колекција од лседниве технологии:
 HTML
 JavaScript
 CSS
 DOM
 XML
 .NET
Прашање 28. Во кои два тага се поставуваат .swf датотеките:
 < object >
 < embed >
 < body >
 < title >
 < script >
 < font >
Прашање 29. Silverlight е продукт на:
 Microsoft
 Adobe
 QuickTime
 OpenLaszlo
Прашање 30. Кои од следниве се скриптирачки јазици:
 JavaScript
 VBScript
 Unix
 Linux
Прашање 31. Silverlight е дизајниран да работи со:
 XAML
 JavaScript
 VBScript
 C#
 HTML
 DHTML
Прашање 32. Тагот < FRAMESET ROWS=\"50%, 50%\" >
 Врши поделба на екранот на две редици кои

завземаат 50% од екранот
 Е неправилно напишан таг
 Е невозможен
Прашање 33. Доколку како големина се дефинира 50% кај единствената рамка колона
тогаш екранот ќе се
 Подели на две еднакви по големина колони
 Подели на една колона со големина 50 пиксели
 Не е позната големината на останатиот дел од

екранот
Прашање 34. Сликите поставени во документот
 Може да се со различна големина
 Се со фиксна големина
 Се со големина 50 х 50 пиксели (лого)
Прашање 35. поделбата на екранот на рамки
 нема предефиниран редослед
 мора да се започне со рамка од лево
 мора да се започне со рамка од горе
Прашање 36. Кои се предностите на CMS алатките
 Лесни се за употреба
 Флексибилни
 Со нив лесно се додаваат содржини и слики
 немаат едноставен и уникатен администраторски

дел за управување со содржината на веб страната
 Дизајнирани се да бидат употребувани од
професионални веб мајстори
Прашање 37. Содржината на веб страните со помош на CMS алатките можат да ја

уредуваат
 овластени корисници
 сите корисници
 неовластени корисници
Прашање 38. Кои се негативностите на статичкото уредување на веб страните и нивно
објавување
 Дизајнирани се да бидат уредувани од

професионални веб мајстори
 Флексибилни
 лесно се додаваат содржини и слики и од страна на

не технички обучен мајстор
 Имаат едноставен и уникатен администраторски
дел за управување со содржината на веб страната
Прашање 39. Имплементации на серверска страна со преведувач кој произведува XForms

форми се:
 IBM Workplace Forms
 AJAXForms
 formsPlayer
 FormFaces
 Convex
 Ниту еден од наведените одговори
Прашање 40. Статичните веб форми се напишани во:
 HTML
 XHTML
 C
 Visual Basic
 Perl
 JavaScript
 VBScript
Прашање 41. XForms се:
 Динамични форми
 XML базирани форми
 Статични форми
Прашање 42. 100% процесирање на XForms на клиентската страна и ажурирање на

податоци преку чисто Ajax процесирање со XForms стандардот овозможува
 FormFaces
 AJAXForms
 Chiba
 Orbeon Forms
Прашање 43. Влезни елементи на веб формите не можат да бидат:
 Text box
 Check box
 Radio button
 Text Area
 Combutcon
 Butconbon
Прашање 44. Usability тестирањето може да се изврши со:
 Финална графичка презентација

 Рачно нацртани дизајни
 Ниту едно од наведените
Прашање 45. Каков кадар треба да користат големите корпорациски сајтови за

тестирањето?
 Стручни вработени во агенции
 Мала група на доброволци
 Не е битно каков е сајтот
Прашање 46. Кои три мерки се потребни да се види колку е користлив и практичен
сајтот?
 Ефективност, ефикасност и сатисфакција на

корисникот
 Цена, боја и големина
 Мотивација, стабилност и среќа
Прашање 47. Како треба да се однесува организаторот на тестот?
 Да слуша внимателно
 Да биде нервозен
 Да критикува
Прашање 48. Која е главната цел на usability тестот?
 Да видиме каков сајт имаме од корисничка гледна

точка
 Да се видат особините на сајтот
 Да видиме дали сме најдобри

Прашање 49. Добра организација на веб сајт овозможува
 Корисниците лесно да ја најдат бараната содржина
 Корисниците да не можат да ја најдат содржината

што ја бараат
 Корисниците да бараат на други сајтови
Прашање 50. Кога се користи организација на содржина по боја, оптималниот број на

бои е
 5 различни бои
 3 различни бои
Прашање 51. Кога содржината на сајтот е организирана според потребите на публиката,

таа може да биде
 По група на публика
 Хронолошка организациска шема
 Азбучна организациска шема
Прашање 52. Кога се користи организација на содржина по боја, луѓето можат да

користат максимум
 10 различни бои
Прашање 53. DHTML ги обединува следните технологии:

 Static Markup Language
 client-side scripting language
 CSS
 AJAX
 PHP
Прашање 54. Жаргонот DHTML е воведен од:
 Netscape
 Sun
 Sony
 Adobe
Прашање 55. Што е точно?
 DHTML е кратенка од Dynamic Hyper Text Markup

Language
 DHTML не е W3C стандард
 DHTML е W3C стандард
 DHTML е кратенка од Dynamic Hyper Transport

Marketing Layer
Прашање 56. DHTML креираните веб страни се:
 Статички
 Динамички
 Не се дефинирани
1. Што е CSS?
Каскадните стилови се еден вид на јазик за стил (Stylesheet language) со кој се опишува
презентација на страна која е специфицирана со јазик за маркирање.
2. Кои елементи се издвојуваат?
Визуелните ефекти на страните (големина,боја,растојание) се одделуваат од структурните
елементи (наслови,пасуси,страни).
3. Предности на CSS
 Поголема контрола на типографијата
 контрола врз распоредот на страните
 Помалку работа
 Потенцијално помали документи
 Потенцијално подостапни документи
 Презентацискиот HTML се укинува
 Добро е поддржан
4. Недостатоци?
Единствено само некоја неконзинстентна поддршка од некои пребарувачи, но и тој
проблем ќе се реши.
5. Видови каскадни стилови?
 Предефиниран стил кој е вграден во читачот
 Кориснички надграден стил во читачот
 Вграден(embedded)стил ( со style tag-цела страна)
 Вгнезден(Inline)стил (со style tag- за некој елемент)
 Поврзан(linked)стил
 Увезен(imported)стил
6. Стиловите се надградуваат според:
 Преддефиниран стил на читачот (browser default)

 Екстерни стилови ( linked, imported )
 Интерен стил во head тагот
 Интерен стил во останатите XHTML елементи
7. Стиловите се применуваат:
- со вгнездување (inline) во XHTML елемент
- со вградување (embedded) во head тагот
- со надворешно поврзување
8. Два вида на имиња за категоризација:
 Family name(arial,times new roman)
 Generic Families(sans-serif,cursive,monospaced)
9. Четири варијанти на селектори со атрибут:
 Најширокиот атрибут селектор пристапува до елементи со соодветен атрибут без

разлика на неговатa вредност. Синтаксата е:
element[attribute]
 Точна вредност на атрибутот, селектира елементи на база на атрибут со точно
дефинирана вредност на атрибутот.
element[attribute="exactvalue"]
 Парцијална вредност на атрибут - element[attribute~="value"]

 Вредности на атрибут разделени со цртичка (Hyphen) - element[attribute|="value"]
10.Три најважни концепти на CSS

пливањето ( floating ), позиционирањето и моделот на кутија.
11.Има четири невидливи кутии кои прегледувачот ги креира кога го
форматира секој ред од текст:
 Em box
Во CSS, ова е квадрат еднаков на висината на фонтот на тагот. Неговата врска со
симболите зависи од дизајнот на фонтот.
 Content area
За текст, висината на содржината се одредува според големината на фонтот. За сликите
се одредува според висината и ширината на сликата во пиксели.
 Inline box
Висината на inline box се пресметува според сумата на висината на содржината на
елементот плус leading над ипод содржината. Leading е разликата меѓу големината на
фонтот и вредностите за висина на линија. Може да е негативна, што значи дека линиите
се преклопуваат.За слики, висината на inline box е висината на сликата во пиксели, плус
висината на евентуални граници и маргини на img тагот.
 Line box
Line box се црта околу врвот на највисоката inline box и дното на најниската inline box. Тоа
е тоталната висина на линијата со целата нејзина содржина.
Тестирање по Веб дизајн ФИНКИ
Затвори го прозорецот
Корисник:
Датум на Тестирање: 03/09/2015 Почеток: 10:37:27
Прашање 1.
Кој атрибут специфицира каде да се прати формата (form):

Точен одговор е: Вие одговоривте:
R
action
T
action
T
output
T
output
T
method
T
method
T
redirect
T
redirect
Освоивте 0,00 поени од можни 2 поени.
Прашање 2.
Што е Usability Testing?

R
Начин за евалуација на корисничкиот интерфејс од страна на реални

корисници.
T
Начин за евалуација на корисничкиот интерфејс од страна на реални

корисници.
T
Тестирање дали веб сајтот е прилагоден кон корисниците со оштетен вид.
T
Тестирање дали веб сајтот е прилагоден кон корисниците со оштетен вид.

T
Тестирање дали HTML-от на сајтот е валиден според W3C.

T
Тестирање дали HTML-от на сајтот е валиден според W3C.

Прашање 3.
Доколку имате и јаки и слаби познавачи на сајтот, каде треба да е

главното мени
T
Горе
T
Горе
T
Долу
T
Долу
R
Лево
T
Лево
T
Сеедно
T
Сеедно
Прашање 4.
Означете ја причината поради која alt атрибутот е потребен при внесување

на секоја слика
T
Alt текстот им овозможува на корисниците да го видат името на сликата

T
Alt текстот им овозможува на корисниците да го видат името на сликата

R
Постојат помошни технологии кои ја читаат содржината на Alt текстот на
корисникот. На тој начин, корисник кој не може да ја види сликата ќе биде
во можност да ја идентификува нејзината цел.
T
Постојат помошни технологии кои ја читаат содржината на Alt текстот на

T
Употребата на Alt текстот им означува на корисниците на помошна

технологија дека постои слика на некоја веб страница. Согласно со тоа, на
корисник кој има пробми со видот му е означено дека мора да го побара
значењето на сликата во остатокот од текстот
T
Употребата на Alt текстот им означува на корисниците на помошна

технологија дека постои слика на некоја веб страница. Согласно со тоа, на
корисник кој има пробми со видот му е означено дека мора да го побара
значењето на сликата во остатокот од текстот
T
Alt текстот му овозможува на корисникот кој користи помошна технологија

да следи линк кој ќе го однесе до опис на сликата
T
Alt текстот му овозможува на корисникот кој користи помошна технологија

да следи линк кој ќе го однесе до опис на сликата
Прашање 5.
На која фамилија на фонтови припаѓа Courier New

T
sans-serif
R
sans-serif
T
serif
T
serif
R
monospace
T
monospace
Освоивте -0,50 поени од можни 1 поени.
Прашање 6.
На која фамилија на фонтови припаѓа Arial
R
sans-serif
R
sans-serif
T
serif
T
serif
T
monospace
T
monospace
Прашање 7.
Еден од корисниците на Вашиот веб сајт има оштетен вид и не може да

препознава фонтови помали од 16px. Што ќе направите?
T
Ќе го зголемите фонтот на сајтот да биде предефиниран на 16px

T
Ќе го зголемите фонтот на сајтот да биде предефиниран на 16px

T
Нема можност да му помогнете

T
Нема можност да му помогнете

R
Ќе му сугереирате да го смени неговиот user.css за да го постави фонтот

на 16px
R
Ќе му сугереирате да го смени неговиот user.css за да го постави фонтот

на 16px
T
Ќе го посоветувате да користи помодерен прегледувач

T
Ќе го посоветувате да користи помодерен прегледувач

Прашање 8.
Кој од следниве стилови има најголем приоритет
T
стил на прегледувачот (browser)

T
стил на прегледувачот (browser)

T
кориснични стил (user stylesheet)

T
кориснични стил (user stylesheet)

T
вграден (embedded)
T
вграден (embedded)
R
вгнезден (inline)
T
вгнезден (inline)
T
увезен (imported)
T
увезен (imported)
Прашање 9.
Кој од следниве селектори ќе биде употребен (кој има најголема

специфичност) за следниов div таг:
< div id="moeID" >< / div >
T
div.klasa
T
div.klasa
R
div#moeID
R
div#moeID
T
#moeID
T
#moeID
T
div
T
div
Прашање 10.
Дали се прикажуваат празните келии во html табела?

R
да
R
да
T
не
T
не
Прашање 11.
Кој атрибут се користи за дефинирање на патеката(локацијата) на слика во

html?
T
href
T
href
T
source
T
source
R
src
T
src
T
link
R
link
Прашање 12.
На кој начин не може да се специфицира големината на колоните и редиците

во еден frameset:
T
со пиксели
T
со пиксели
T
со проценти
R
со проценти
T
со *
T
со *
R
со &
T
со &
Прашање 13.
Кој таг се користи за означување на келија во html табела:

T
< tc>
T
< tc>
T
< cell>
T
< cell>
R
< td>
R
< td>
T
< tr>
T
< tr>
Прашање 14.
Рамка < frame> во html страница служи за:

T
приказ на слики
T
приказ на слики
R
приказ на содржина од друга страница

T
приказ на содржина од друга страница

T
дизајнирање на рамки на текст

R
дизајнирање на рамки на текст

T
нема таков таг во html

T
нема таков таг во html

Прашање 15.
Како се поставува црвена позадина на целата страна?

T
p {color: red}
T
p {color: red}
T
p {background-color: red}
T
p {background-color: red}
T
body {color: red}

T
body {color: red}

R
body {background-color: red}

R
body {background-color: red}

Прашање 16.
Кое е точно CSS правило?

R
<p style="background: url(http://www.degraeve.com/images/beach.jpg);">
<p style="background: url(http://www.degraeve.com/images/beach.jpg);">
<p style="background: url("http://www.degraeve.com/images/beach.jpg");">
<p style="background: url("http://www.degraeve.com/images/beach.jpg");">
<p style="background: http://www.degraeve.com/images/beach.jpg;">
<p style="background: http://www.degraeve.com /images/beach.jpg;">
<p style="background: "http://www.degraeve.com/images/beach.jpg";">
<p style="background: "http://www.degraeve.com/images/beach.jpg";">

Прашање 17.
Кое е точно линкување на CSS?

R
<link rel="stylesheet" type="text/css" href="stil.css" />
<link rel="stylesheet" type="text/css" href="stil.css" />
<link rel="stylesheet" type="text/css" src="stil.css" />
<link rel="stylesheet" type="text/css" src="stil.css" />
<link rel="css" type="text/css" href="stil.css" />
<link rel="css" type="text/css" href="stil.css" />
<link rel="css" type="text/css" src="stil.css" />
<link rel="css" type="text/css" src="stil.css" />

Прашање 18.
Кое е точно CSS правило?

R
<p style="font-size: 25pt; font-weight: bold; font-style: italic">
<p style="font-size: 25pt; font-weight: bold; font-style: italic">
<p style="font-width: 25pt; font-weight: bold; font-style: italic">
<p style="font-width: 25pt; font-weight: bold; font-style: italic">

T
<p style="font-size: 25pt; font-style: bold; font-style: italic">
<p style="font-size: 25pt; font-style: bold; font-style: italic">
<p style="font-width: 25pt; font-style: bold; font-style: italic">
<p style="font-width: 25pt; font-style: bold; font-style: italic">

Прашање 19.
Тагот
<style>
најправилно е да се стави:
R
во тагот
<head>
во тагот
<head>
пред тагот
<head>
пред тагот
<head>
во тагот
<body>
во тагот
<body>
T
по тагот
<body>
по тагот
<body>

Слика 1.
Прашање 20.
Кој html извадок ја креира листата прикажана на дадената слика:

R
<ul><li>Coffee</li><li>Green</li><li>Milk</li></ul>
R
<ul><li>Coffee</li><li>Green</li><li>Milk</li></ul>
T
<dl><dt>Coffee</dt><dd>BGreen</dd><dt>Milk</dt></dl>
T
<dl><dt>Coffee</dt><dd>BGreen</dd><dt>Milk</dt></dl>
T
<ol><li>Coffee</li><li>Green</li><li>Milk</li></ol>
T
<ol><li>Coffee</li><li>Green</li><li>Milk</li></ol>
Прашање 21.
Која од следните табели е дефинирана правилно:

R
<table><tr><td></td></tr></table>
T
<table><tr><td></td></tr></table>
T
<table><td><tr></tr></td></table>
R
<table><td><tr></tr></td></table>
T
<table><tr></tr></table>
T
<table><tr></tr></table>
T
<table><td></td></table>
T
<table><td></td></table>
Прашање 22.
За да бидеме сигурни дека празната ќелија ќе се прикаже во пребарувачот,

во неа треба да испишеме:
T
<nbsp />
R
<nbsp />
T
<nbsp>
T
<nbsp>
R
& nbsp;
T
& nbsp;
T
& nbsp
T
& nbsp
Прашање 23.
Табелите се примарно наменети за:

R
Приказ на табеларни податоци.

T
Приказ на табеларни податоци.

T
Дефинирање на изглед (layout) на страната.
T
Дефинирање на изглед (layout) на страната.

T
Компатибилност со MS Excel и останати програми за работа со sreadsheets.

T
Компатибилност со MS Excel и останати програми за работа со sreadsheets.

T
Компатибилност со стари прелистувачи кои немаат поддршка за CSS.

T
Компатибилност со стари прелистувачи кои немаат поддршка за CSS.

Слика 1.
Прашање 24.
Што е точно за табелата прикажана на сликатa:

T
<td colspan="3" rowspan="2" align="center">cell 2</td>
<td colspan="3" rowspan="2" align="center">cell 2</td>
<td rowspan="2">cell 5</td>
T
<td colspan="2">cell 6</td>
<td colspan="2">cell 6</td>

Прашање 25.
Со која од следните својства се поставува содржината на келијата во

нејзиниот горен десен агол:
R
<td align=”right” valign=”top”></td>

T
<td align=”right” valign=”top”></td>

T
<td align=”top” valign=”right”></td>

R
<td align=”top” valign=”right”></td>

T
<td align=”top-right”></td>
T
<td align=”top-right”></td>
T
<td right=”right” top=”top”></td>

T
<td right=”right” top=”top”></td>

Освоивте вкупно 10 проценти на тестот. Предлог оце на: 5
Основи на Веб Дизајн - БАЗА
Кои се двата видливи во прелистувачот делови од кои се состои секоја HTML
страница?
• Наслов и тело
НЕТОЧНО:
• Сите прелистувачи ги препознаваат истите тагови.
• Различни прелистувачи препознаваат сосема различни тагови.

Како се разграничуваат повеќебројните атрибути?
• Со празно место
Каде се пишува името на тагот?
• Помеѓу знаците < и >.
Во HTML коментарот се затвора помеѓу: 
Кои од следните тврдења се точни?
• Повеќето прелистувачи препознаваат одреден број стандардни тагови.
• Постојат тагови кои се карактеристични за одредени прелистувачи.
Тагот <PRE> служи за:
• прикажување на текстот како што бил напишан
Тагот <NOBR> служи за:
• прикажување на текстот во една линија
Тагот <WBR> служи за:
• прекин на текстот во <NOBR> таг
WEB сервер е компјутер кој што
• има постојано 24 часовно поврзување со Интернет
• има специјална програмска поддршка да ги чува WEB страниците

• ги пренесува потребните податоци до корисниците
WEB Browser е
• програма која што на дадената WEB страница прикажува текст, графика,

звук и анимации
• Кои од следните атрибути се користат во <META> тагот:
• NAME
• ContENT
• 45.Кои од следните атрибути се користат во <BODY> тагот:
• aLINK
• BGCOLOR
• 46.Кои од следните атрибути се користат во <FONT> тагот:
• FACE
• 47.Кои од следните атрибути се користат во <META> тагот:
• NAME
• 48Кои од следните атрибути се користат во <BODY> тагот:
• LINK
• Bgproperties
• 49.Кои од следните атрибути се користат во <FONT> тагот:
• COLOR
• Size
• На ниво на табела може да се дефинира:
• позиција на табелата
• ширина на редот
• боја на ќелијата
•
• 51.На ниво на редица може да се дефинира:
• порамнетост на содржината во ќелиите
• 52.На ниво на ќелија може да се дефинира:
• порамнетост на содржината во ќелиите
Атрибутот CELLSPACING служи за дефинирање на:
празно место помеѓу ќелиите
55.Атрибутот CELLPADDING служи за дефинирање на:
празно место околу содржината на ќелиите
56.Атрибути на тагот <TABLE> се:
ALIGN
BORDER
57.Атрибути на тагот <TR> се:
ALIGN
58.Атрибути на тагот <TD> се:
ROWSPAN
ALIGN
59.Kако им се придружуваат вредности на атрибутите?
со знакот =
со одделување со празно место

61.Како се определува крајот на вредноста која му се придружува на некој
атрибут, а која содржи празни места?
Интернет адресата на WEB серверот во рамки на URL се запишува
по две коси црти „//“
83.Протоколот во рамки на URL се запишува
пред знакот две точки „:“
84.Сајтот се одделува од Интернет адресата во рамки на URL со
една коса црта „/“
85.Документот во Интернет адресата во рамки на URL се одредува
после сите знаци за коса црта „/“
пред знакот тараба „#“
86.Тагот <HTML> се користи за означување на:
почетокот на документот
87.Тагот <BODY> се користи за означување на:
телото на документот
88.Тагот <HEAD> се користи за означување на:
заглавието на документот
89.Тагот <TITLE> се користи за означување на
насловот на документот
90.Со помош на тагот <META> може:

да се изврши пренасочување кон друга страница
да се дефинира користениот карактер сет
Со помош на тагот <BODY> може:
да се зададе боја на позадината
За опишување на минимална табела доволни се таговите:
<TABLE>, <TH>, <TR>
<TABLE>, <TR>, <TD>
101.Тагот <TR> може/важи
да биде контејнер за тагот <TD>
текстот е задебелен
103.Што се рамки на WEB страницата?
независни правоаголни површини во рамки на WEB страницата
104.Дали во рамките на WEB страницата може да се прикаже хипертекст?
Да
105.Дали приказот на рамките е постојано видлив ако се лизга погледот во WEB

страницата?
Да
106.Зошто се користат рамките кај WEB страницата?
да се прикаже информација што останува постојано видлива без разлика дали

корисникот посакува да види друг дел од прозорецот
107.Освен за постојан приказ на некои содржини, рамките се користат за приказ

на
Менија
108.Како се реализира мени со помош на рамки?
со икони и хипертекст линкови
109.Колку рамки вообичаено се поставуваат за приказ на WEB страници?
110.Рамката со својство на мени најчесто во WEB страницата се поставува во
левиот дел
111.Рамката со својство на прикажување на заштитниот знак – логото на

компанијата најчесто во WEB страницата се поставува во
горниот дел
112.Рамката со својство за приказ на сите избрани содржини најчесто во WEB

страницата се поставува во
десниот дел
долниот дел
Начини за поврзување на интернет:
• DSL , Cable modem
Модели за мрежна комуникација се:
-client-server
- peer to peer
HTTP - специфира кои пораки клиентите може да ги испратат кон серверите и

какви одговори можат да добијат за возврат.
Article елементот – е елемент кој се користи да се идентификува секција на
независни, самоопишувачки содржини којшто може индивидуално да се
реупотребуваат или дситрибуираат.
Aside елементот – е елемент кој држи содржина како сидебарс,инсертс или

кратки објаснувањањ кои тангентно се поврзани до содржината која ги
опкружува.
Во head може да се вметнатт link I meta.
Поддржан формат за видео е mp4, ogv
CSS вредноста е текстот помеѓу двете точки и точка запирка.
Box-sizing овозможува да се специфира што ќе претставува ширина и висина на

елементот.
Групирање на елементи од форма се врши преку <fieldset>.
Поддржани формати на аудио се mp3, ogg.
The property ги детерминира стиловите што ќе бидат применети на

селектираниот елемент.
Маргина – просторот меѓу 2 хтмл елементи.
Section element се користи да се идентификува тематско групирање на

содржина.
Што е Usability Testing?
Начин за евалуација на корисничкиот интерфејс од страна на реални корисници.
Доколку имате и јаки и слаби познавачи на сајтот, каде треба да е главното мени
• Горе
Означете ја причината поради која alt атрибутот е потребен при внесување на

секоја слика.
• Постојат помошни технологии кои ја читаат содржината на Alt текстот на

Кој атрибут се користи за тргање на скролбарот во една рамка?
• scrolling=”no”
Колку начини на вклучување на CSS постојат?
• 3
Колку е максималниот број на групирани селектори?
• Бесконечно
• Со која од следните команди ќе поставиме граница на табела:

<table border=”1”></table>
visited – линк кој бил посетен
hover – линк на кој во актуелниот момент покажува глушецот
active – селектиран линк
Правилниот редослед на CSS таговите е :link, :visited, :hover, :active.
Универзален селектор
* {color: blue; } - се постигнува сите елементи да имаат сина боја
4 Модел на кутија
Трите најважни концепти на каскадните стилови се пливањето ( floating ),
позиционирањето и моделот на кутија.
Овие три концепти го контролираат начинот на кој елементите се аранжираат и
прикажуваат
Padding – от (поставата), рамката и маргините обично се преддефинирани на 0 но некои

читачи за некои елементи имаат други вредности за padding – от и маргиниите.
За избегнување на вакви проблеми некои вредности можат да бидат поставени на 0 со

примена на универзалниот селектор *
*{
margin: 0;
padding: 0; }
Нормален Тек
Во нормалниот тек кај CSS layout моделот, текстуалните елементи се поставуваат од
горе надолу, од лево на десно (кај јазиците кај кои што се чита така).
7 Својства на граница
Со својствата на границата се специфицираат стилот и бојата на границите на
елементите
ЗАБЕЛЕШКА: Својството "border-color" не делува ако е употребено само, потребна е и

употреба на особеноста "border-style"
8 Својства на маргини
Со ова својство се дефинира просторот околу HTML елементите
9 Својство padding
Со својството padding се дефинира просторот помеѓу границата и содржината на XHTML
елемент
10 Својство dimension
Ова својство овозможува контрола врз висината и ширината на XHTML елемент и
контрола врз растојанието помеѓу редовите
11 Својства classification
Ова својства специфицира како и каде ќе биде прикажан некој елемент
Има 6 видови на каскадни стилови
- преддефиниран стил кој е вграден во читачот
- кориснички надграден стил во читачот
- вграден (embedded) стил - се имплементира преку style тагот и се однесува на целиот

документ
- вгнезден (inline) стил - се имплементира преку style атрибутот и се однесува на

индивидуален елемент
- поврзан (linked) - стил кој е поврзан со документот преку link елементот во head тагот
- увезен (imported) стил – сличен е на поврзаниот стил со таа надградба да овозможува

увезување на стилови во поврзани стилови
Стиловите се надградуваат ( cascade ) според следниве приоритети
1. Преддефиниран стил на читачот (browser default)
2. Екстерни стилови ( linked, imported )
3. Интерен стил во head тагот
4. Интерен стил во останатите XHTML елементи
Ако има повеќе линкувани каскадни стилови и доколку некои од нивните елементи се
преклопуваат, за тие елементи важат спецификациите на последниот стил.
Каскадните стилови се наследуваат.
Ако се дефинира стил за тагот body тогаш тој ќе важи и за сите елементи (деца) во
рамките на тој таг.
Секое правило има три делови:

- селектор кој кажува на кој дел од документот ќе се однесува правилото (пример
пасусите)
- својство (property) кое објаснува на што ќе се однесуваат ефектите (например color)
- вредност која се однесува на својството (пример purple)
Применана каскадните стилови:

Селекторите можат да се групираат (нема ограничување колку селектори може да се

групираат)
Единици за должина во CSS:

• треба (споено) 24px, не 24 px.
• Единствена вредност на која не и треба кратенка за мерна единица е 0 (нула).
• Мерките може да содржат децимални вредности, како 14.5cm.
• Некои својства (пр. маргини) на објекти, прифаќаат негативни вредности: margin:
-500px
Специфицирање боја:
• Може да се употребува специфицирање по име или со нумеричка вредност.
1. Својство background - Ова својство овозможува контрола на бојата на позадината и
поставување на слики како позадини
2. Својства на фонт - се променуваат видовите на фонтови, нивната големина,
задебеленоста, накосеноста.
Family-name - одговара на име на фонтот (Arial, Times New Roman, Courier )
Generic family - одговара на групи на фонтови со сличен изглед (serif, sans-serif,
monospace, fantasy, cursive)
-serif - со украси, Times New Roman, Garmond, Georgia
-sans-serif - без украси Arial,Vedrana,Trebuchet MS
-monospaced - еднакви ширини Courier New, OCR A Extended
Во зависност од содржина:
- Блокови(div,form,h#,li,ol,pe,pre,table,ul)
- Inline (a,em,img,input,label,span,strong)
HEAD елементи:
- Base – дефинира default адреса за сите линкови на документот
- Link – овозможува поврзување со екстерен ресурс
- Meta – мета податоци за документот
- Script - внесување на клиентскки скрипти
- Style – дефинирање на стил за документот
2. META елементи:
- Content – ја дефинира содржината на мета податокот
- http-equiv – овозможува HTTP хедер за информацијата во content делот
- name – и дава име на информацијата во content
- scheme – специфицира шема врз која треба да се интерпретира content делот
- charset – го индицира сетот на карактери кој е употребен
Листи:
- Подредени <ol> Може да бидат со букви,бројки,римски бројки и може да
се означи од кај да се почне
- Неподредени <ul> <li> елемент од листа (може да се стават диск, круг и
квадрат – type =”disk” type=”circle” type”square”
- Дефиниции <dl> <dt> дефинициона фраза , <dd> опис на фразата

Block елементите почнуваат во нов ред и може да содржат други
елементи во себе. Тие автоматски се шират колку што можат во
рамките на елементот кој се ставени(родител елемент) почнувајќи
од горниот лев агол.
- Inline елементите дефинираат текст или податок во документот.
Тие не се поставуваат автоматски во нов ред, туку продолжуваат во
редот на податоци со кои се се сместени. Немаат ширина и висина.
3. DIV tag
Намена : дефинира секција во рамките на документот
- Тој е block елемент
- Се користи и за групирање на блок елементи за нивно форматирање
- Користење на многу div тагови води до divitis
4. Span tag
- Inline tag
- Кога некој податок се наоѓа во спан таг тогаш може да се додаваат стилови на
тагот
или да се манипулира со него
- Нема ширина и висина
Непосетен линк е подвлечен и син
- Посетен линк е подвлечен и виолетов(пурпурен)
- Активен линк е подвлечен и црвен
Начинот на линкување зависи од тоа каде се наоѓа ресурсот кој го линкуваме.
Постојат 3 типа патеки:
- Апсолутни – Http://www.google.com/ig/
- Релативни (во однос на документот - ../login/login.html,во однос на сајтот
/sitemap/map.html)
_blank го отвара линкот во нов прозорец
_self го отвара линкот во истиот прозорец
Href Покажува кон кое URL ќе покажува линкот.

Aко target(атрибутот на линкот ја врши контролата каде ќе
се отвори линкот) е :
- _top се отвара линк во цел прозор на читачот
- _blank се отвара нов прозор
- _self линкот се отвара во истиот прозор
(преддефинирано)
- _parent отвара линк во родителската рамка
2. Inline frame – iframe
Претставува правоаголна рамка која може да се постави како HTML
елемент било каде на веб страницата (има висина,ширина,име и src)
Котва (anchor) – се места во html документот каде што може директно да се
навигира.
- Секој елемент кој има свое id претставува котва во документот
Има четири невидливи кутии кои прегледувачот ги креира кога го
форматира секој ред од текст:
Em box
Во CSS, ова е квадрат еднаков на висината на фонтот на тагот. Неговата врска

со
симболите зависи од дизајнот на фонтот.
Content area
За текст, висината на содржината се одредува според големината на фонтот. За

сликите
се одредува според висината и ширината на сликата во пиксели.
Inline box
Висината на inline box се пресметува според сумата на висината на содржината

на
елементот плус leading над ипод содржината. Leading е разликата меѓу

големината на
фонтот и вредностите за висина на линија. Може да е негативна, што значи дека

линиите
се преклопуваат.За слики, висината на inline box е висината на сликата во

пиксели, плус
висината на евентуални граници и маргини на img тагот.
Line box
Line box се црта околу врвот на највисоката inline box и дното на најниската
inline box. Тоа
е тоталната висина на линијата со целата нејзина содржина.
Видови каскадни стилови?
Предефиниран стил кој е вграден во читачот
Кориснички надграден стил во читачот
Вграден(embedded)стил ( со style tag-цела страна)
Вгнезден(Inline)стил (со style tag- за некој елемент)
Поврзан(linked)стил
Увезен(imported)стил
6. Стиловите се надградуваат според:
Преддефиниран стил на читачот (browser default)
Екстерни стилови ( linked, imported )
Интерен стил во head тагот
Интерен стил во останатите XHTML елементи
7. Стиловите се применуваат:
8. Два вида на имиња за категоризација:
Family name(arial,times new roman)
Generic Families(sans-serif,cursive,monospaced)

Vebdizajn

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Vebdizajn

Uploaded by

Copyright:

Available Formats

Веб Дизайн – Теория

1. Кои од следниве типови представуваат WEB навигација достапна

10. Пресметајте ја специфичноста на следниот CSS селектор /

a) <td rowspan=”1” colspan=”2” align=”center-bottom”></td>

a) <table border=”1” cellspacing=”10”><tr>cell 1</tr></table>

29. Пресметајте ја спеицифичноста на следниот CSS селектор

a) Навигациска лента / Navigation bar

А) Hyperlinks and Text Markup Language Б) Hyper Text Markup Language******

В) Home Tool Markup Language Г) Hyper Threading

2.Koj e HTML тагот за најголем наслов? (1 поен)

3.Koj e HTML тагот за празен ред? (1 поен)

В) Нема посебен таг, само се притиска ENTER; Г) <break>

4.Кој е HTML кодот за дефинирање сортирана листа со двa елементи? (1 поен)

A) <sl><li> ставка 1</li><li> ставка 2</li></sl>

Б) <ul NrElements = “2”><li> ставка 1</li><li> ставка 2</li></ul>

В) <ol><le> ставка 1</le><le> ставка 2</le></ol>

Г) <ol><li> ставка 1</li><li> ставка 2</li></ol>

5.Кој е коректниот HTML таг за текстот да се напише со задебелени букви: (1

6.Како се прави линк кон e-mail? (1 поен)

A) <a href="mailto:xxx@yyy"> ******* Б) <a href="xxx@yyy"

В) <mail>xxx@yyy</mail> Г) <mail href="xxx@yyy">

9.HTML таговите се интерпретирани од страна на :

Java Virtual Machine

зависи што се наоѓа помеѓу нив******

11.Кои од следните тврдења не се точни?

Сите прелистувачи ги препознаваат истите тагови.***

Постојат тагови кои се карактеристични за одредени прелистувачи.

Различни прелистувачи препознаваат сосема различни тагови.***

Повеќето прелистувачи препознаваат одреден број стандардни тагови.

12.Дали имињата на атрибутите се осетливи на мали или големи букви?

13.Како се разграничуваат повеќебројните атрибути?

со одделување со празно место******

со ставање во единечни наводници

со ставање во двојни наводници

16.Каде се пишува името на тагот?

после знакот >

помеѓу името на тагот и знакот >

помеѓу знакот < и името на тагот

помеѓу знаците < и >******

17.Во HTML коментарот се затвора помеѓу:

20.Задавање на боја на позадината не се изведува со атрибутот:

21.Во HTML јава скриптите се затвораат помеѓу:

22.HTML таговите се интерпретирани од страна на :

23.Кои се основни елементи на HTML?

24.Кои делови од HTML се игнорирани од прелистувачот?

25.Кои од следните тврдења се точни?

Повеќето прелистувачи препознаваат одреден број стандардни тагови.

Постојат тагови кои се карактеристични за одредени прелистувачи.

26.Кои се двата основни делови од кои се состои секоја HTML страница?

27.Се што се наоѓа помеѓу знаците < и > се прикажува во прелистувачот

28.Тагот <PRE> служи за:

29.Тагот <NOBR> служи за:

прикажување на текстот во една линија

30.Тагот <WBR> служи за:

прекин на текстот во <NOBR> таг

31.WEB страниците се поставуваат на специјални компјутери наречени

32.WEB сервер е компјутер кој што

има постојано 24 часовно поврзување со Интернет

има специјална програмска поддршка да ги чува WEB страниците

ги пренесува потребните податоци до корисниците

33.Како се пристапува кон WEB страниците на даден WEB сервер?

со специјална програма прелистувач WEB browser

34.Како се одвива комуникацијата помеѓу WEB серверот и WEB browser-от?