Detailed Online Exam: Exploring Web Development Technologies

This document presents a comprehensive online exam focused on web development concepts and technologies. It covers topics such as browser functionality, URL structure, file transfer protocols, text editors, navigation bar design, website testing, personalization techniques, link titles, font selection, image optimization, HTML document structure, CSS implementation, HTML frames, content legibility, website design factors, cross-platform issues, writing guidelines for web pages, website testing tools, XML benefits and rules, and GDPR obligations. The exam emphasizes the importance of usability, speed, aesthetics, and content information in web design, along with the need for data security and ethical considerations.

ONLINE EXAM IT

Table of Contents
1...................................................................................................................................................3
2...................................................................................................................................................4
3...................................................................................................................................................4
4...................................................................................................................................................4
5...................................................................................................................................................5
6...................................................................................................................................................5
8...................................................................................................................................................7
9...................................................................................................................................................8
10.................................................................................................................................................8
11.................................................................................................................................................8
12.................................................................................................................................................8
13.................................................................................................................................................9
14.................................................................................................................................................9
15.................................................................................................................................................9
16.................................................................................................................................................9
17...............................................................................................................................................10
18...............................................................................................................................................10
19...............................................................................................................................................10
Inline method as to use the style attribute in the HTML element..............................................10
20...............................................................................................................................................11
21...............................................................................................................................................11
22...............................................................................................................................................11
23...............................................................................................................................................12
24...............................................................................................................................................12
25...............................................................................................................................................12
26...............................................................................................................................................13
27...............................................................................................................................................13
28...............................................................................................................................................13
29...............................................................................................................................................13
30...............................................................................................................................................13

31...............................................................................................................................................13
32...............................................................................................................................................14
33...............................................................................................................................................14
34...............................................................................................................................................14
35...............................................................................................................................................14
36...............................................................................................................................................14
37...............................................................................................................................................15
38...............................................................................................................................................15
39...............................................................................................................................................15
40...............................................................................................................................................15
1.
Browser that are being used which impacts the speed, from which website loads. It seems that
older version of the browser affects the speed, in such scenario it takes more time to visit the
3

website. Browser plays an important role through which the user can easily fetch the information
that are written on website. When any web browser is used it basically read out the coding
behind the website and it converts the following information into the default setting, so that user
can easily develop the understanding. For an example if the user is using Safari and chrome
browser which generally have the different font size by default, it ultimately means that fonts
will be change when user is using this browser to access website. One thing also important is to
keep browser up to date and to update it on regular basis for good outcomes.
2.
URL stands for “Uniform resource locator”, along with the hypertext and (HTTP) Hypertext
transfer protocol, URL consider as the main part of web that is used by the browsers to retrieve
any information that are available on web page. Its main function is to enumerate the Addresses
on WWW (“World Wide Web”). It returns the host name that are being used in URL, it involves
the domain name from which the browser will retrieve the resources.
3.
a) By using FTP (“File transfer protocol”) user need to create the FTP account than they can
proceed to select the file which they want to move to server.
b) By using “Windows remote desktop”, through which user can easily transfer the files from
desktop system to web server.
4.
Text editor refer as computer program which usually used to edit the plain or simple text, it
sometimes also called as notepad. These are generally provided by the operating system and also
used as to change the files which can be documentation files or coding language source files. The
main benefit of using text editor to design web page is it offers the good speed for editing, and
second benefit is that user can rapidly make changes whenever it needed. It is also beneficial for
saving time because it offers the limited options that do not confuse the user. It helps in learning
HTML also helps in learning the other common tasks. The reason behind choosing text editor
over Dreamweaver is that it usually takes more time for learning the interface, but in text editor
user can easily write and edit code. Dreamweaver also has the confusing interface which lacks in
code.

5.
6.
Navigation bar refer as the user interface which usually consist of the details like links that helps
in connecting with other part of the websites. It is most prominent part of the website that helps
the user to directly access the page which they want to visit without wasting time.
5

a) It is important to make the hypertext obvious, most common error is seen in that to let the
design come into the usability way means that user does not active the hyperlink from
body it cause the problem. To overcome this issue, it is required to make sure that
hypertext must differ from other components on the web page. For this designer can
proceed to use different colours, fonts or can also turn on the header navigation bar which
connected to buttons.
b) Second tip is to keep the sidebars separated, it need to be stand out on websites, user can
begin to use the white space or other things which makes sure the slightly difference
between the sidebars and other components on web page.
7.

8.
For testing user can begin to select the web page from which they want to check or test and then
click to accessibility. For specifying that whether test is complete or not user can proceed to
check mailto links in check box, and then click on ok. After this testing is complete and it
displays the result in code form for this user can further insert information into script units.
7

9.
First technique is to press the “data on personalisation” option that are available on left side, then
go to activity control where user can press the “Web and Application” activity option and then
disable it when its done.
Second approach is to use the target attribute as by it usually opens the links into the same parent
frame.
10.
Link titles define as the attribute which need to add the additional information for the linked
website. It helps in clarifying the link purpose which the user need to know before selecting it.
Main aspect of writing is that user will very well have known to the links as where they direct on
web pages.
11.
Verdana is quite popular font which can be easily read even it written in small size fonts.
Palantino font usually available with the Microsoft word which is used for the titles and
headings, but its feature can also makes the better proportions for the body text.
Courier font is used for emulating the type writer also use for the technical documentations.
Serif It generally used by the professionals, it found at ending of key vertical and horizontal part
of the letters.
12.

13.
a) Techniques for reducing the image size to resize the image dimensions to set it small or
to compress the image to decreasing the file size.
b) User need to selects the image and the right click on it with proper previews, then selects
on tools and adjust the size. With this user can begin to enter the proper width so that
image can come out in proper proportion.
14.
By adding height and width attributes in img tag will allow the user to know the amount of space
which they have leave for the image. Without this browser is not able to develop the space for
image.
15.
Well formed HTML document need to have certain characteristics that are it must be in a single
root components that consists of the other elements. As for the HTML code the root element
should be HTML components.
16.
a)For using the external CSS file it helps in storing all elements in a single file.
9

B) Changing and modification done can be reflect in every web page which referenced to the
stylesheet. It is also beneficial for managing the large size website.
17.
In this verdana font shows the bright letter and in second form sans-serif shows the letters in
heights.
18.
Class selector (.) use to select the value with a particular class attribute for this example class
selector is list style: square outside;
Class selector name= .myBullet
Flag= <style type=”text/css”>
19.
Inline method as to use the style attribute in the HTML element.
Internal method as to utilise the <style> component in the <head>part.

20.
21.
HTML frames are being used by the web developers to splits the browser into the multiple
windows where every section can use to load the individual HTML document. Group of the
section also termed as frameset.
22.
Legibility refer as the low level consideration that can be used in content usability. With this user
can begin to identify or distinguish the characters that are written in text. Thus legibility is
11

generally explained with the visual design. It can be achieve by using many line breaks in the
copy, user can also begin to introduce the shorter paragraphs.
23.
To design a website the main four factors are as follows:
Usability: it is the most important factor which the user need to consider as to make the
website usable for every user, it should consist of simple interface that can be understood
by every user.
Speed: Website speed plays an crucial role thus it is essential to use the technology that
helps the user to retrieve the data rapidly.
Aesthetic: If the website or webpage does not look good and unique then user do not want
to visit such sites. Thus it is important to use aesthetic element.
Content information: To provide the information at every page will help the user to
engage with particular website.
24.
Cross platform issues refer as changes in platform, when user used two different platform which
ultimately means that each platform has their different fonts which cause the issue. Cross
platform issues are as follows:
User interface uniformity: It can be seen that when user are not able to pick the work which
they have left on other platform while they are working on other platform to mitigate this user
can proceed to renders the fonts as well as managing the style sheers for accomplishing the
consistency.
Insert and interactions: Complicated button and touchscreen can cause the trouble.
25
Writing guidelines for the webpages are-
a) First to know the audience and user for which the web page is design and try to be
concise so it will keep engage the user with website content.
b) Use keywords and headings that will completely understood by the user.

26
For testing the wen page web LOAD can be used, it is the simple web application that is
beneficial for testing the host application. HTML 5 validator can also used it checks the HTML
for syntax errors. Nets parker application for testing the web page accuracy.
27
As per the view of Jakob Neilsen users spent most of their time on different or various
sites. It implies that user only stick to the site when they have already visited other site, thus it is
important to develop the site which have simple interface and simple navigations that keeps the
user to connect with it.
28.
Benefits of XML-
a) XML uses the human instead of computer machine language. It is understandable and
readable by the user. Its syntax follows the verbose.
b) It is more flexible than the HTML as it involves the completely validated tree format.
29.
For the well formed XML document two important rules are
All the XML components must have the closing tag.
XML elements are needed to be completely nested.
And the values for the attribute should be quoted.
30.
As for the incorrect markup it is shown that the tag P is written in the capital letter and it is
ending with the small p.
Second form is not following the nested structure as </i> should be placed before </b> tag.
In the third line of code it shows the semi colon which is wrong and the <span> is not closed.
In the fourth line there is no closing tag for <h>
31
It is normal that images are appearing on online sites but it is essential to ask for the permission
before involving it into the website. As all sites have reserved their copy right and patent rights
thus to avoid any legal actions.
13

32
For using the standards approach and completely documenting the solution will make the user to
easily maintained. It is important for the web developer to provide the accurate and trustful
report. Also to make sure the human values as to respect the people’s dignity and rights.
33
GDPR obligation to ensuring the data security such as encryptions and to utilise the privacy and
security by the design which helps in reducing the use of the personal data.
34
Broken link also refer as dead link, which do not work and cause the problem with this user can’t
be able to access the webpage. It usually occur when servers are down and certain web pages are
not available. Whenever the user click on such dead link it will displays the error message.
35
Common problems are as follows:
Messy code: If the code and content are written in messy structure then it will take more time to
load the page.
Broken links: When the web page is not available.
Website do not have SEO: When the website do not have the SEO then they are not better for
searches.
Low quality images and content: If the web developer do not consider the aesthetic factor as to
well use of CSS then such website do not looks attractive.
36
For designing a large website
First need to analyse the goals so that tools can be used accordingly.
Second is to outline the expenses that has to be invested when designing a website.
Third to convert the objectives for fast speed.
Fourth is to provide the simple navigations that helps the user to easily traverse the website.

37
As for planning the web site this report have used the HTML language which is flexible mark up
language. With this every web page can easily design, it is easy to understand so that user can
easily proceed to design the website by using its editor.
38
Validation error is display when the user does not respond to the important questions. When the
HTML tags and attributes are not at placed it cause the problem. As to write the opening and
closing tag such as <body> </body> for writing the link some user use <a> but it should be <a
href=”URL” target=”blank”>TITLE</a>
39
HTML special characters are specific characters that are used in HTML for designing the codes.
It involve the characters that usually not available on the keyboards. For adding the special
character one need to type the ampersand which is follow by the pound sign (&#).
40
It is important that website should adheres the W3C standards as to ensuring that the particular
website should efficiently work for every user irrespective of their use of technologies. W3C
standards for XML and CSS is required so that website will efficiently perform functions on any
web browser.
15

17

19

1.
21