Wednesday, April 15, 2015

Play The Keys In HTML

Hey, all!  As some of you may know, for a long time now, (ever since this place has been a website) I've used iWeb for this site.  If you don't know what iWeb is, it's a graphical way to make websites.  You know, a drag and drop kind of thing?  It's really simple, and that's what has let me change my website so much.  However....iWeb has officially gone out of date, and any day now, (when the next Mac update comes) our Macbook will stop supporting iWeb altogether!  Now, iWeb only on Macs.  This means that I can't just get iWeb on my computer, and keep it working.  Soooo.  The fix?  Well, I can use full HTML coding!  Here is a snippet of what a future version of my website might look like in HTML (get ready):

</style>
<body>

<a href="Welcome"><img class="title" src="images/Play%20The%20Keys-logo.png"></a>

<ul>
<li><a href="Welcome">Welcome</a></li>
<li><a href="Media">Media</a></li>
<li><a href="Blog">Blog</a></li>
</ul>

<a href="mailto:elijah@playthekeys.com?Subject=Hullo" style="float: right;"><img class="mail" style="margin: 70px 0px 0px -110px;" alt="Email Me!" src="images/mail icon.png"></a>

<div style="padding-bottom: 150px">
<img class="bar" align="middle" src="images/Bar.png">
</div>

<div>
<img class="card" src="images/card.jpg">
</div>

<div>
<img class="image3" src="images/piano.jpg">
</div>

<img class="graybox" src="images/lightgreybox.png">

<p class="welcome">Hello, all!  Welcome to the new and improved Fazbea - *cough* sorry - Play The Keys!  I coded all of this in full HTML, without the help of iWeb!  If you find any bugs or anything, make sure to let me know!  Thanks!</p>



Aaaaand we're back.  Okay, that was a little much, huh?  I made all of that.  Myself.  Pretty insane! (If I do say so myself...)  Anyway, here's actually what the website will look like when you see it:

Nice, huh?  All new with Google's Material Design!
Hope you guys like the new design!  If you have any recommendations, let me know!

P.S. I DO NOT OWN GOOGLE OR MATERIAL DESIGN....Just wanted to get that out there.  ALL CREDIT FOR MATERIAL DESIGN FULLY GOES TO GOOGLE....Also wanted to get that out there.  :P





Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)