2017-04-05 Break Assignment

posted Apr 5, 2017, 6:57 AM by Samuel Konstantinovich   [ updated Apr 5, 2017, 8:02 AM ]
Break assignment Counts as a quiz.

Due Thurs after break 
Make an "about me" webpage
-Include basic "public friendly" information about you and things you like. No sensitive information. *discussion point*
-Use CSS to style the page and show off your creativity and technical skills.

Technical Requirements:
-There should be 3-4 paragraphs about you, and at least 2 different lists of things. Writing the content should be super easy, just write about stuff you like and things -Format the information using the HTML tags you have learned in a sensible way.
-Include images
-Do NOT include sounds
-Please make it a single page, not several linked together!
you find interesting. 
-Most of the style should be in the style tag, or in an external css file, NOT in individual tags.
-Demonstrate you understand how to research and apply style to your website

Asthetic requirements:
-Pick a color theme that makes sense, not random colors. https://coolors.co/ can help you.
-Size your images to make sense in a browser window.

Optionally: You can ask to be judged and I will pick out the best web pages!



Goal: CSS is your friend
css file:
body {
background-color: black;
color: blanchedalmond;
}
h1{
    color:aquamarine;
}
p {
    font-size: 18px;
color:aqua;
    font-family: cursive;
}
table {
    color: yellow;
    font-family:monospace;
    font-size: 32px;
}

HTML FILE:

<!DOCTYPE html>
<html>
    <head>
        <title>Wow!</title>
        <!--
        <link rel="stylesheet" href="stylesheet.css">
            -->
        <!--
        <style>
            body {
                background-color: tan;
            }
            p{
                font-family: sans-serif;
                color: black;
                
            }
            
            h1{
                font-family: sans-serif;
                color: darkgoldenrod;
            }
            
            table,th,td{
                font-size: 140%;
                font-family: monospace;
                border: 2px solid black;
                border-collapse: collapse;
                background-color: antiquewhite;
                color: saddlebrown;
            }
            th{
                color: chocolate;
            }
        </style> 
        -->
        
    </head>
    <body>
        <h1>B - Not a visa....</h1>
        <center>This is not in a paragraph.</center>
        
        <p>Bacon ipsum dolor amet tail shankle hamburger, pork loin kielbasa leberkas sirloin flank doner pork corned beef ham hock cow filet mignon pancetta. Salami picanha alcatra pork. Short loin chuck turkey kevin pancetta.</p>
        
        Also not a paragraph... default stuff here.
        <table>
        <tr>
            <th>A</td>
            <th>Big</td>
            <th>Fish</td>
        </tr>
        <tr>
            <td>aadfdXdsf</td>
            <td><img width="100" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"></td>
            <td>Xdfasdfsdf</td>
        </tr>
        <tr>
            <td>X</td>
            <td>Xasdfsf</td>
            <td>X</td>
        </tr>
        </table>
        <h1>WHOA! HTML</h1>
        <h3>smaller header</h3>
        
        <p>Frankfurter pastrami ball tip, landjaeger bresaola ground round burgdoggen. Shankle pig shoulder ground round strip steak hamburger spare ribs brisket tri-tip boudin ribeye bresaola kielbasa frankfurter ham.</p>
    </body>
</html>
Comments