Howdy y’all welcome to my project. This is a website I created for future high school students of BSGE. It includes various pieces of information on the school, including it’s studies, extracurriculars, interviews from the students themselves on how they feel about the school and their advice, student achievements, the teachers and contact information for the school, as well as an example schedule.
There is also Bob, your friendly BSGE tour guide who helps guide you throughout the website, narrating the pages while also giving fun information you may like to know about the school.
I created my website through the method of writing out my content and information, then adding it into the code. For the first page that I made, my homepage, I sketched it out, sticking it to it’s design when I wrote the HTML for my website. I wrote all of my HTML as well as the information inside of it in my Google Documents, as I found it easier, neater, and safer to do as if I originally wrote my HTML in Notepad++ and TextWrangler there was the risk of it being lost or unsaved. So what I did for my website was write out the content for each page, then create the code. Next I used validator and Notepad++ to debug it.
Enjoy my website!!
Some of my code:
<!DOCTYPE html> <html lang="en-US"> <head> <title>BSGE- Should You Say or Should You Go?</title> <meta charset="UTF-8"> <meta name="description" content="Highschool Website"> <meta name="keywords" content="BSGE, CSS, 8th grade, highschool, IB, diploma"> <meta name="author" content="21sabellal"> <link rel="stylesheet" type="text/css" href="hsstyle.css" /></head> <style> </h1></u> <body style="background-color:E9C7FA;"> </style> <body> </style> </head> <ul> <li><a class="active" href="websites/homepage.html">Homepage</a></li> <li><a href="websites/studies.html">Studies</a></li> <li><a href="websites/extracurriculars.html">Extracurriculars</a></li> <li><a href="websites/studentinterviews.html">Student Interviews</a></li> <li><a href="websites/students.html">Students</a></li> <li><a href="websites/teachers.html">Teachers</a></li> <li><a href="websites/schedule.html">Schedule</a></li> <li><a href="websites/bibliography.html">Bibliography</a></li> </ul> </ul> <center><h1 style="color:white;" "font-size:600%;" "text-align:center;"><u> <img src="https://pbs.twimg.com/profile_images/2756317662/b4fde509ef57d1d25caf7234c2369abe_400x400.png" alt="Lady Sting" style="width:150px;height:150px;"> BSGE! Should You Stay or Should You Go? <img src="https://pbs.twimg.com/profile_images/2756317662/b4fde509ef57d1d25caf7234c2369abe_400x400.png" alt="Lady Sting" style="width:150px;height:150px;"></center> </h1></u> <center><h2 style="color: black;""font-size:600%;"> <img src="http://www.clipartkid.com/images/204/man-clip-art-11-600x985-r2ZaPm-clipart.png" alt="bob" style="float:left;width:200px;height:200px;"> Hi! I’m Bob, your friendly BSGE tour guide here to guide you through this website, and help you decide whether you want to come to BSGE or not. Here, you’ll learn all about BSGE; it’s studies, it’s extracurricular’s and even hear from the students themselves!! </h2></center> <center><img src="http://33.media.tumblr.com/c3c1b153eecc6f3e138f1df49aff695e/tumblr_n66xhjOcyM1toblfso1_500.gif" alt="highscool" align=”middle” style="width:600px;height:500px;"></center> <p>all content and images on pages is from <a href="https://thebaccrag.com/">bacc rag</a></p> <a href="http://www.ibo.org/programmes/diploma-programme/">ibo.org, and</a></p> <a href="http://bsge.org/">bsge.org</a></p> </body> </html>
Enjoy my website!!Tags: BSGE Highschool Web Design