Revamping the Website - An Introduction to HTML
Today I spent approximately two hours with CodeAcademy.com teaching myself the basics of HTML coding. Sean (our lead game developer) has recently requested that I (Jacob Stagray- CEO) begin revamping the Evolution Through the Ages website. He believes that by me learning basic coding, I will help alleviate some of the time constraints the website causes him; this will allow him to focus even more of his energy into continued development of our game product (available on our website).
Today's lessons pertained to how to create a link, as well as linking to an image, using the following HTML tags:
<a href="url goes here"> name of tab goes here </a>
<a href="url goes here"><img src="image file goes here" height="100" width="100" alt="Instagram logo"></a>
Additionally, I began reorganizing the landing page of the website into different sections, to allow for users to more readily scan the vast amount of information. These sections were implemented into the code using the following html coding:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
* {
padding: 0; margin: 0;
}
html {
height: 100.1%;
}
#content1 {
float: left;
width: 50%;
background-color: #DDD; (#000000)
}
#content2 {
float: left;
width: 50%;
background-color: #000000;
}
</style>
<body>
<div id="content1"> <p> <center> <h1> text goes here </h1></center> </p>
<br>
<center> <h3> text goes here </h3> </center> <br>
<center><h4> text goes here </h4></center>
<br>
<center><h2> text goes here</h2></center> </div>
<div id="content2">image goes here </div>
</body>
After a day and a half of coding (three-four hours) this is my current setup. I still have a long way to go before it is ready to be pushed to our server on the website; yet, it is not a bad start for a few hours progress.
When it is finished it will hopefully resemble our mark-ups (depicted below):
3.24.18
Heres what they are looking like thus far:
Main Page:
About Us Page:
For the about us page, we are still planning on moving the contact information and bios to sections directly to the right of each of the corresponding photos before we push the pages up to the site domain.
Shouldn't be too much longer before you see these website pages on the official Evolution Through the Ages Website...
Comments
Post a Comment
Please leave us your feedback by commenting here, so we can adequately assess how we are doing; as well as what you, the audience, enjoys seeing us produce.
This helps us continue to improve and develop. Your support is greatly appreciated!