Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

The Periodic Table of Elements

No description
by

Danielle DeBoer

on 16 January 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of The Periodic Table of Elements

The Periodic Table of Elements
WHY DID WE DESIGN THIS???
We wanted to design this because we would like to assist students with understanding the periodic table of elements and what its elements are. Most high school students have been in the predicament where they need to know certain facts about the elements, but they do not have the time to do all the research, and find the perfect website to gain/access this information
OUR PROCEDURE
We used the code that we learned on Codeacademy. We then began to code each div individually, and formatted it. Once the table is completed, we then linked each element to a web page that will provide information about each element. Stating the symbol, atomic number, weight and more information on the element. After the links are in place, we then began to work on the details.
GOAL
Our Goal:
To assist students with understanding the periodic table and what its elements are; and to learn facts about these different elements.
HTML CODE
Periodic Table of Elements
Periodic Table of Elements
CSS CODE
HTML CODE
The Element: Hydrogen
CSS CODE
HYDROGEN
DEBUGGING
As we wrote the code we debugged as we went. When the table was not in its correct format that probably meant that we had an issue on our hands and something had to be fixed. So before anymore code was fixed, the problem/issue was dealt with and fixed.
ISSUES FACED IN DEVELOPING
A major issue we had was with the legend, we had problems with formatting it.
WORK FLOW
At the beginning of this project we were asked to write a work flow. We stating what we were going to use to write our code and where we go from there. We definitely completed what we said we were going to complete plus got more got done/accomplished, then what the original plan was.
EXTRA WORK THAT STILL HAS TO GET DONE
In order for us to finish this project so it works to its fullest potential, we would have to create web pages for all the different elements. We would also have to put hovering in so that when you scroll over an element with your cursor
Full transcript