This is a good project. It is about the learning plantation named BSGE. It includes clubs such as the Mouse Squad, led by Shantanu Saha. Here is the link: http://tech.bsge.org/students/21lees/unit2project/home.html.

I have created this project using devices such as “HTML” and the “CSS.” I have an idea of what these words mean, but ask the Shantanu Saha for tech support. I made the colors using the “CSS” and the words and boxes using the “HTML.” They told me that the “HTML” was 5 and the “CSS” was 3. In fact, I have used these devices to upload to the “tech.bsge.org.” I have completed this task per plan, as assigned by the Saha.

Project Plan

Tuesday-Friday:

Research and write my content. Make schedule code, and make teacher and administration. Find pictures. Make bibliography.

Saturday-Sunday: Make project page (½ done)

Mon-Thursday

Enter content in the website. Bug Fixes on Thursday . Upload it to server.

HTML code for my homepage:

<!DOCTYPE html>
<html lang=”en-US“>
<head>
<title>Steven’s Project Page</title>
<meta charset=”UTF-8“>
<meta name=”descriptioncontent=”Home Page“>
<meta name=”keywordscontent=”HTML, CSS, 8th grade, tech, programming, lesson, 8-1, BSGE, school“>
<meta name=”authorcontent=”21lees“>
<link rel=”stylesheettype=”text/csshref=”bsge.css” />
<link href=”https://fonts.googleapis.com/css?family=Orbitronrel=”stylesheet“>
<link href=”https://fonts.googleapis.com/css?family=Yanone+Kaffeesatzrel=”stylesheet“>
<style>
</style>
</head>
<body>
<div id=”ib“>
<img src=”http://www.ibo.org/globalassets/digital-tookit/logos-and-programme-models/ib-world-school-logo-2-colour.pngalt=”ib logo“/>
</div>
<header>
<h1>About BSGE</h1>
</header>
<div id=”container“>
<nav>
<ul>
<li><a href=”home.htmlclass=”active“>About BSGE</a></li>
<li><a href=”ib.html“>IB Diploma Programme</a></li>
<li><a href=”sample.html“>Grading Policy</a></li>
<li><a href=”sched.html“>Sample Schedule</a></li>
<li><a href=”clubs.html” >Clubs</a></li>
<li><a href=”teachers.html“>Teachers</a></li>
<li id=”right“><a href=”bibli.html” >Bibliography</a></li>
<!–Make actual links (disregard all comments pls) –>
</ul>
</nav>
<article>
<h2 class=”heading“>My Review of BSGE</h2>
<p> It is a small school, founded in 2002, composed of mainly three to four classes per grade. The hallways are ridiculously small, and people keep blocking them, restricting airways, therefore causing possible suffocation. There are extremely steep stairs, and the material the stairs are painted with can make a respectable slip, fall, then end up with several stitches. Also, the fact that the stairwells are extremely crowded do not help. I am telling this from experience, and had slipped and barely survived on the stairs. Adding on, the cafeteria in this system is small, and may trigger your child’s claustrophobia, and make him develop several crippling mental issues. Additionally, there is a noise problem in the cafeteria, because if your child is disturbed by noise, it is best to separate him from all his friends and put him into the library. Overall, your child can die here.</p>
<p>However, the education in this school is nice. I have learned a lot from science, since my old school wasn’t very great at teaching science. Also, the tests here are probably harder than the ones in other schools, and the environment here is somewhat peaceful and education-focused. This schools is based of a program called “IB” or “International Baccalaureate”. There are a lot of things to do after school, such as working in the library or being in some other clubs.</p>
<p>The grading system is based on a 1-7 scale. 1 being the lowest, and 7 being the highest. More information found <a href=”sample.html“>here</a></p>
<p>The school is a small beige building at a corner of a block. Picture is to the right.</p>
<h2 class=”heading“>Achievements</h2>
<p>#36 on US News Best High Schools Rankings in 2013, #1 on US News Best High School Rankings in New York State in 2012, #21 in U.S, #40 on Newsweek’s Best High Schools List in 2011, and #35 on US News Best High Schools List in 2011 (BSGE)</p>
</article>
<aside>
<div>
<img src=”images/bsge.jpgalt=”bsge“>
<h2 class=”heading“>BSGE</h2>
</div>
</aside>
</div>
<footer>
<p>
<a href=”http://jigsaw.w3.org/css-validator/check/referer“>
<img style=”border:0;width:88px;height:31px
src=”http://jigsaw.w3.org/css-validator/images/vcss-blue
alt=”Valid CSS!” />
</a>
</p>
</footer>
</body>
</html>

CSS code for my homepage:

h1 {
        font-family:'Orbitron';
        font-size:48px;
        text-align: center;
        color: white;
    }
body {
    background-color: #134f5c; 
}
.heading {
    font-family:'Orbitron';
    font-size: 30px;
}
nav {
    width: 100%;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #19a789;
    background-color: #45818e;
}

nav ul li {
    
    float: left;
}

nav ul li a {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px;;
}

nav ul li a:hover:not(.active) {
    background-color: #76a5af;
    font-weight: bold;
}

nav ul li a.active {
    background-color: #76a5af;
    font-weight: bold;
}
#container {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: white;

}
article {
    overflow:hidden;
    width: 70%;
    float: left;
    border: 1px solid #19a789;
    background-color: #45818e;
    margin: 10px;
    padding: 3px;
    padding-left: 3px;
    margin-top: 20px;
    margin-right:0px;
    margin-left: 0px;
    height: 900px;
    
}
aside {
    overflow:hidden;
    width: 27%;
    float: left;
    border: 1px solid #19a789;
    background-color: #76a5af;
    height: 996px;  margin: 10px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 20px;
    margin-left:0px;
    margin-right: 0px;
    height: 896px;
}
footer p {
    font-size: 10px;
    font-family:'Yanone Kaffeesatz';
}
aside img {
    padding-top: 30px;
    height: 300px;
    border: none;
    display: block;
    margin: 0 auto;
}
aside {
    text-align: center;
}
footer {
    clear: left;
    overflow:hidden;
    border: 1px solid #19a789;
    background-color: #45818e;
    margin: 10px;
    padding: 3px;
    padding-left: 3px;
    margin-top: 20px;
    margin-right:0px;
    margin-left: 0px;
    
}
table {
    border-collapse: collapse;
    border: 1px solid #76a5af;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #76a5af}

th {
    background-color: #45818e;
    color: white;
}
#sched {
    width: 100%;

}
#teachers {
    width: 100%;
    height: 2000px;
}
td {
    font-size: 20px;
}
th {
    font-size: 20px;
    font-weight: bold;
}
tr:hover {
    background-color: #5E939F; 
}
p{
    font-size:24px;
}
aside h2.heading {
    color: gray;
}
article p a:active{
    color:#76a5af ;
    text-decoration: none;
}
article p a:hover {
    color: #76a5af;
    text-decoration: none;
}
article p a:link {
    color: gray;
    text-decoration: none;
}
article p a:visited {
    color: #76a5af;
}
#ib {
    float:left;
    margin: -5px;
}
#ib img{
    height:80px;
}
#right {
    float: right;
    background-color: #65949e;
    
}
ul,ol li {
    font-size: 24px
}
Tags:

CC BY-SA 4.0 Unit 2 Project about BSGE by Steven is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

0 Comments

Leave a Reply

CONTACT US

We welcome new members. You can send us an email and we'll get back to you, asap.

Sending

Youth Voices is organized by teachers at local sites of the National Writing Project and in partnership with Educator Innovator.

CC BY-SA 4.0All work on Youth Voices is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
Missions on Youth Voices

Log in with your credentials

or    

Forgot your details?

Create Account

%d bloggers like this: