Exam code: X816 75
Find Me An Owner dog rescue centre is creating a new website.
Each dog has its own web page. The home page contains links to all of these pages. One of the pages is shown below.
The following HTML code is added to each dog’s web page.
<p> Back to the home page <a href= "home.html"> click here
</a>
</p>Show how this code would be displayed when viewed in a browser.
Was this exam question helpful?
MoveIt estate agency is developing a new website.
The following code is used to create the home page for the estate agent’s website. The home page includes a heading, a video, a welcome message and the company logo shown below.
…
<style>
h1 {text-align:right;font-size:24pt}
.pageText {text-align:left;font-size:12pt}
</style>
…
<h1 class="pageText"> MoveIt Estate Agents </h1>
<video width="400" height="300" controls>
<source src="intro.mp4">
</video>
<p class="pageText"> Welcome to MoveIt Estate Agents </p>
<img src="logo.jpg" width="200" height="100">
…Draw how the home page will look when viewed in a browser. Some of the content has already been added.
Was this exam question helpful?
Explain the difference between absolute and relative addressing.
Was this exam question helpful?
A travel website about Italy has a home page containing a list of cities. The home page is shown below.
All web pages and media are stored in folders as shown below.
A hyperlink to the Pisa.html page is to be added to the home page as shown below.
Visit these Italian cities
|
Complete the code below that would implement this list
|
[3]
(ii)Complete the HTML code below to add the sound file to the Rome.html web page.
[3]
<.............................Controls>
<source src="..............................................."
type="audio/mpeg">
<_/.........................................................>Was this exam question helpful?
Gone Away travel is a holiday booking website. Below is the home page for the website.
The following HTML and CSS is for a web page containing information about a trip to Naples.
style.css
body{
background-color:lightblue;
}
img{
height:200px;
width:250px;
}
h1{
font-family:Helvetica;
font-size:14px;
}
div{
background-color:white;
}
#city{
text-align:center;
font-size:20px;
}
p{
text-align:center;
font-size:12px;
}naples.html
<!doctype HTML>
<html>
<head>
<title>Gone Away Travel - Naples</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Gone Away Travel</h1>
<h1 id="city">Naples</h1>
<p>Come visit the lovely Naples, the third largest city in
Italy. Home to the best pizza in the world. View our
pictures below to help make up your mind.</p>
<div>
<img src="Media/naples1.png">
<p class="description">Stunning view of the Naples bay</p>
</div>
<div>
<img src="Media/naples2.png">
<p class="description">One of the many food markets in
Naples</p>
</div>
</body>
</html>(i) The description of each photograph is to be right aligned, use Arial font and be the same size as the other paragraphs on the page.
Write a single CSS rule that would only style the descriptions
[3]
..............................................{ ................................................................ ................................................................ } |
(ii) The hyperlink below can be found on the Naples information page.
<a href="www.NaplesCity.co.uk">Official Naples city
guide</a>State the type of addressing used in the hyperlink.
[1]
A video tour of Naples will be added to the web page. All media files for the website are stored in a folder called ‘Media’ as shown below.
Using this structure, complete the following code so that the video naplesTour.mp4 is displayed on the naples.html page with the following dimensions.
|
Was this exam question helpful?
Blockland theme park is developing a new website for visitors.
The following code is used to create the home page.
<!doctype html>
<html>
<head>
<title>Blockland Home Page</title>
<style>
body{background-color:lightblue;font-family:arial;}
img{height:150px; width:150px;}
h1{font-family:helvetica; font-size:24pt; text-align:center;}
.openSection{text-align:left;}
div{background-color:white; font-size:12pt;}
</style>
</head>
<body>
<img src="blocklandLogo.jpg" alt="Blockland Logo">
<h1>Welcome to Blockland!</h1>
<div>
<h1 class="openSection">Ultimate Day Out</h1>
<p>With an amazing themed room to suit every Block Lover including
rapid race cars, terrifying tarantulas and spectacular space there
is something for the whole family.</p>
<a href="parkRides.html">Click here to view the rides in the
park</a>
</div>
…
<a href="parkShop.html">Click here to browse the shop</a>
</body>
</html>The following code is to be added to the website.
…
<p>New Rides</p>
<ul>
<li><a href="blockCars.html">The Block Cars</a></li>
<li>The Mystical Forest</li>
<li>The Lizard</li>
</ul>
…Draw how this code would look when viewed in a browser.
Was this exam question helpful?
The Armin Fair website allows customers to buy tickets for shows taking place during the fair.
The web page for the Bracken Stage is shown below.
The web page contains internal hyperlinks.
Describe what is meant by an internal hyperlink.
Was this exam question helpful?
The Vulpes fox charity would like a website to increase public knowledge of foxes.
All the sounds used on the website are stored in a folder called ‘media’ in the following locations.
Using this structure, complete the following code to play the sound ‘redFoxCry.mp3’ when the play button is pressed on the redFox web page.
[3]
|
(ii) Upon testing, the fox sounds were found to take too long to download. Describe how the file size can be reduced without altering the length of the sound.
[1]
Was this exam question helpful?
A school website contains a link to the Scottish Qualifications Authority website. State the type of link used.
Was this exam question helpful?
Dog Day Care Centre requires a website to advertise their business. The following design is developed.
All the images used on the website are stored in a folder called ‘Graphics’ in the following location.
Using this structure, complete the following code so that the graphic dog.jpg is displayed on the services.html page.
<img src="......................................................................................"/>
Was this exam question helpful?
Katrina’s Cars is a car auction website. The HTML and CSS code for the home page is shown below.
(i) Draw how this web page will look when viewed in a browser. Some of the content has already been added.
[4]
(ii) The following CSS is added to the website so that the text of any additional car for auction is coloured red.
.newCar{color:red;}
Katrina’s Cars asks for the following car to be added to the web page.
Morcodes GLS
Complete the missing line of code below to add the car.
[2]
|
The following HTML is to be added to the website.
<a href="carWeek.html">Car of the Week</a>State the purpose of adding this HTML to the website.
Was this exam question helpful?