Scribd
Upload
116 views

Assessment Portfolio: HTML and Website Development

This document contains an assessment portfolio for an HTML and website development course completed by a student named Alla. The portfolio includes questions about HTML, CSS, responsive design, and good website design guidelines. It also contains the student's responses to the questions, screenshots of their website homepage, and the source code for the homepage. The student's skills are assessed at a basic, intermediate, or advanced level for areas like editing HTML, using CSS, creating responsive pages, and adding forms.

Uploaded by

Алла Костовецкая
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
116 views

Assessment Portfolio: HTML and Website Development

This document contains an assessment portfolio for an HTML and website development course completed by a student named Alla. The portfolio includes questions about HTML, CSS, responsive design, and good website design guidelines. It also contains the student's responses to the questions, screenshots of their website homepage, and the source code for the homepage. The student's skills are assessed at a basic, intermediate, or advanced level for areas like editing HTML, using CSS, creating responsive pages, and adding forms.

Uploaded by

Алла Костовецкая
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Assessment Portfolio

HTML and website development


Assessment Portfolio
Name: Alla

Form: Year 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 language of web that allows to go on internet and CSS defines the style and
layout of web
2:

What is the HTML <div> tag used for?


<dig> tag used for more specific CSS styling

3:

Complete the code below to add CSS to make the background of the web page
orange.
<html>
<head>
padding: 15px;
color: #ffffff;
Verdana, sans-serif;
font-size: 16px;
background-color:#ffaf1a;
</head>
<body>
<p>Welcome to the CSS guide</p>
</body>
</html>

4:

font-family: Arial,

What is meant by responsive design?


It meant that it makes use of flexible layouts,flexible images.

5:

How would you change this line of HTML code to make it responsive?
<img src=moon.jpg width=750px>
<img src=moon.jpg width=750px, height=5px

6:

Give three guidelines to follow for good website design.


Colour,information,images

7:

Give two advantages of using a template in web design.


Makes more accurate,beautiful,make web site look professional
1

Assessment Portfolio
HTML and website development
8:

Where does the data you enter into a web form go and how might it be used?
It might be used for students to do their projects

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
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 used the


example web form to
submit data to a
simulated database

I have added a web


form to my own web
page

I have added links to


external web pages
and tested them

Assessment Portfolio
HTML and website development
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:

Assessment Portfolio
HTML and website development

You might also like