My Website

Assessment Portfolio
Name: Dasha Sh.
Form: 9
Review questions:
Look at each of the questions below relating to your program and complete your answers in
the text
1:
Explain the difference between how HTML and CSS are used in creating a web
page.
HTML is responsible for the content relating to the videos images and text and
putting it together to form a web page while CSS is responsible for the colors, fonts, styles
and design.
2:
What is the HTML <div> tag used for?
The div tag is used to divide your content into a separate container and make your
make look neater.
3:
Complete the code below to add CSS to make the background of the web page
orange.
<html>
<head>
background-color:orange;
</head>
<body>
<p>Welcome to the CSS guide</p>
</body>
</html>
4:
What is meant by responsive design?
Responsive design is a type of design which provides flexible layouts and images
with the goal building web pages that detect the users screen and change the layout
accordingly.
5:
How would you change this line of HTML code to make it responsive?
<img src=moon.jpg width=750px>
<img src=moon.jpg style=100%>
1
6:
Give three guidelines to follow for good website design.

1. Always know what is suitable for your audience and what fits them better in order
to provide easier use of the website to the visitor.
2. Be careful and attentive when typing out your code, the should not be any
mistakes.
3. Choose colors and fonts that are easy to read.
7:
Give two advantages of using a template in web design.
1. Provides an easier use of the basics for people who are just starting out.
2. Saves time, keeping you away from starting with a blank sheet.
8:
Where does the data you enter into a web form go and how might it be used?
The information is delivered to the people who are responsible for the creation of the
form and is used to collect data,
Assessment
Basic
Intermediate
Advanced
Expert
I have edited basic

HTML to change the
content of a web
page
I have written basic

HTML to create a
web page of my own
I have added DIV

tags in order to
separate areas of a
web page
I have added a footer

section to a web page
I can change basic

CSS to alter the
appearance of a web
page
I have used basic

CSS to control the
appearance of my
own web page
I have used CSS to

control the
appearance of DIV
sections of HTML
I have specified a
width for my web
page and images
I have changed the

width setting to
percentages in order
2
to make the page

responsive
I have created more

than one web page
I have created links to

my other web pages
and tested that they
work
I have added links to

external web pages
and tested them
I have used the

example web form to
submit data to a
simulated database
I have added a web

form to my own web
page
Evidence of my website:
Insert a screenshot using ALT + Print Scrn of your home page below:
Copy and Paste in the source code for your home page below:
<!DOCTYPE html>
<html>

<head>
<style> /*CSS Style definitions start here*/
#container /*Styles for Container*/
{
width:100%;
margin: auto; /*Centres the main container*/
max-width: 1100px;
border:3px #FF1493;
background-color: #7BCAE1;
}
#header /*Styles for Header*/

{
padding: 45px;
color: #4477b2;
font-family: Arial, Verdana, sans-serif;
font-size: 21px;
background-color: #d1fff4;
}
#banner
{
padding:0;
margin:0;
}
#navbar
{
float:left; /*Moves the container to the left*/
width:160px;
margin:0;
padding:15px;
}
#content /*Styles for Main Content area*/

{
margin-left:250px;
padding:40px;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
background-color: #ffd1dc;
}
/*Styles for links*/

a:link
{color: #2E0854;}
a:visited {color: #2E0854;}

a:hover {color: #2E0854;}
a:active {color: #2E0854;}
</style>
</head>
<body> 

<div id="container"> 
<div id="header"> 

<h1 id="banner">The Real Superwoman</h1>
</div>
<div id="navbar"> 

<p>
<nav>
<a href="Template.html"><img src="b.jpg"</a><br>

<a href="LillysCampaigns.html"><img src="b2.jpg"</a><br>
<a href="Biography.html"><img src="b3.jpg"</a><br>
</nav>
</p>
</div>
<div id="content"> 

<h2>Lilly Singh</h2>
<hr> 
<p>Lilly Singh is a well known youtuber, who has over 10 million subscribers, also known
as 'superwoman'. She is a motivational speaker, hardworking and positive as well. She was
born in the year 1988 on 26th of September and she is currently 26 years old. She was born
in a place called Scarborough which lies in Toronto, Canada. She was born in Canada and
remains a citizen of the country but she is ethnically of Indian origin. Through her countless
youtube videos she created a fanbase made of people of all ethnicities and nationalities.</p>
<img src="image1.jpg" style=100%;>
</div>
</div> 
</body>
</html>

My Website

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

My Website

Hochgeladen von

Copyright:

Verfügbare Formate

Assessment Portfolio

Name: Dasha Sh.

What is the HTML <div> tag used for?

What is meant by responsive design?

Give three guidelines to follow for good website design.

Give two advantages of using a template in web design.

I have edited basic

I have written basic

I have added DIV

I have added a footer

I can change basic

I have used basic

I have used CSS to

I have changed the

to make the page

I have created more

I have created links to

I have added links to

I have used the

I have added a web

#header /*Styles for Header*/

#content /*Styles for Main Content area*/

/*Styles for links*/

a:visited {color: #2E0854;}

<body>

<div id="header">

<div id="navbar">

<a href="Template.html"><img src="b.jpg"</a><br>

<div id="content">

</div>

Das könnte Ihnen auch gefallen

#header /Styles for Header/

#content /Styles for Main Content area/

/Styles for links/