Scribd Logo
Carica

Benvenuto in Scribd!

  • Website Assessment Portfolio

    Caricato da

    Nastya Yegorova
    104 visualizzazioni6 pagine
    Assessment

    Copyright

    © © All Rights Reserved

    Formati disponibili

    DOCX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    Assessment

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    104 visualizzazioni6 pagine

    Website Assessment Portfolio

    Caricato da

    Nastya Yegorova
    Assessment

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 6

    Assessment Portfolio

    Name: Nastya Yegorova

    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.

    CSS- means Cascading Style Sheets. HTML- means HyperText Markup Language.
    CSS is the style of the website: pictures, images, fonts, colors, while HTML is the content of
    the website: text,etc.
    2:

    What is the HTML <div> tag used for?

    <div> tag is used for division. The <div> tag is designed to allow you to have
    divisions. It divides the page into logical containers.
    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-web design aimed at allowing desktop webpages to be viewed in


    response to the size of the screen or web browser.
    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%>

    6:

    Give three guidelines to follow for good website design.


    1

    1.
    Plan your website firstly
    2.
    Check your code, once you have written it. If you are
    going to have one mistake it may not work.
    3.
    Choose an age group (audience) and write information
    that is suitable for this group of people.
    4.
    Choose pictures that are appropriate
    5.
    Choose colors that are easy to read.
    7:

    Give two advantages of using a template in web design.


    1.
    different web pages.

    2.

    Saves time. You could use the same template for lots of
    It is easier for people who are starters. You dont have to

    do all of it from the start.


    8:

    Where does the data you enter into a web form go and how might it be used?

    The data I enter into a web form goes to people, who created that form. It might be 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
    to make the page
    responsive
    2

    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>

    <!--HTML and CSS template-->


    <head>
    <style> /*CSS Style definitions start here*/
    #container /*Styles for Container*/
    {
    width:100%;
    margin: auto; /*Centres the main container*/
    max-width: 800px;
    border:1px solid pink;
    background-color: #FFC0CB;
    }
    #header /*Styles for Header*/
    {
    padding: 15px;
    color: #ffffff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 16px;
    background-color: #C39BD3;
    }
    #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:190px;
    padding:20px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 16px;
    background-color: #FADFBD8;
    }
    /*Styles for links*/
    a:link
    {color: #9370DB;}
    a:visited {color: #9370DB;}
    a:hover
    {color: #9370DB;}
    a:active {color: #9370DB;}
    </style>
    </head>

    <body> <!--Main site content begins here-->


    <div id="container"> <!--Page container-->
    <div id="header"> <!--Main header-->
    <h1 id="banner">Selena Marie Gomez</h1>
    </div>
    <div id="navbar"> <!--Navigation bar-->
    <p>
    <nav>
    <a href="Homepage.html"><img src="button_biography.jpg"></a> <br>
    <a href="Childhood.html"><img src="button_childhood.jpg"></a><br>
    <a href="Achievements, Filmography and Discography.html"><img
    src="button_achievements1.jpg"></a><br>
    </nav>
    </p>
    </div>
    <div id="content"> <!--Main content-->
    <h2>Biography</h2>
    <hr> <!--Creates a horizontal rule-->
    <p>
    Selena Gomez- is an American actress and singer. As a child she
    appeared in the childrens television series Barney and Friends, she
    rose to fame, because of the leading role in the Disney channel series
    Wizards of Waverly Place. Selena Gomez was born on July 22, 1992. When
    Gomez was born, her mother was sixteen years old. Little Selena grew up
    watching her mother prepare for performances. Her talent was discovered
    by Disney Channel through a nationwide search. Her first stint on the
    channel was as a guest star on The Suite Life of Zack and Cody and
    Hannah Montana.</p>
    <img src="uioi.jpg" style=float:center;>
    <p>Blessed with potential, Selena was given her own show as one of the
    three kid wizards on Wizards of Waverly Place. She also appeared in
    Another Cinderella Story. Selena is also known for her philanthropic
    works such as being the ambassador for UNICEF. She had done numerous
    efforts to provide clean water for Ghana and encouraged children to be
    environmentally-friendly through Disney's Friends for Change. Selena
    Gomez has numerous albums, some songs are collaborations with other
    famous artists. Selena Gomez is known as an actress and singer.</p>
    <p>-</p>
    </div>
    </div> <!--Closing container div-->
    </body>
    </html>

    Potrebbero piacerti anche