Welcome to THE SOLDER-BLOB.com

This Website

How and why I built one.

Why I Built It

Well, I'm a hghschooler planning on being an electrical engineer, and I had been toying with the idea of building a site for quite some time. I mainly wanted to build one to document my various projects, as well as put them somewhere convienent so they're all in one place. Plus, I remember so many times I would see a site explain somethign and that would help me so much with a project, so I figured it would be fun to be on the other side of that. I can also use the server to host files so I can access them remotley, which is nice.

How I Built It

NOTEPAD! Yes, I built this entire site, starting with a blank notepad page. No templates, no cheating. My main reaason for doing this was that I doubled this project with a project in my web design class. I coded everything in HTML (hyper text markup language), which is quite simple. If you're interested in learning it just look here. HTML is nothing more than various start and end tags for different types of formatting. For example (without the spaces), < p > starts a paragraph, and < /p > ends one. Headers are denoted by < h1 > and < /h1 >, with the number designating the size, from 1-6. The end tags are all the same as the start tags, so it was very easy to pick up. I was coding pretty easily within a couple hours.

Some Problems I Had

Internet Explorer. If you've ever tried to make a webpage, you know exactly what I'm talking about. If you are confused, I'll explain. There are a lot of ways to surf the web, most people use either Firefox, or Internet explorer. Google Chrome is also gaining popularity. Apple usere use safari, and some wierd people like myself use others that noone knows about, such as Rockmelt. Anyway, they all look at the code, and then display the webpage. Most of these browsers use the standards set forth by the World Wide Web Consortium (W3). Microsoft, since they had a monopoly for so long, decided that they didn't need to have Internet Explorer follow these standards, that way web designers would follow their standards, and they could keep control. Jerks. Anyway, the designers got creative, and made pages look good in both IE, and everything else. Then firefox and chrome got popular, and internet explorer is now losing control.

But I digress. One of the main problems with IE is it's different value of a pixel. When positioning or sizing objects, the most common method is by using pixel values. The general format is left:200; This means the object is moved left 200 pixels. This looks different in IE.
To get around this, you can go height /**/:220; height:200 !important; one of those gets read by internet explorer, one gets read by everything else. Don't know why, but it works. There are also other problems, such as the amount of space a break takes up, and how it makes pictures all blurry sometimes. The blurry I can't do anything about, and I generally just play with the formatting until the spacing looks OK in both.

Internet explorer was really my only major problem (and continues to be one). One other thing I got creative about was the red highlighting on the index page. I did that using < span > tags. Anything put between the tags can be refrenced from the CSS style sheet (it just stores all the information about stuff, like the color, position, etcetera). Then set the hover (mouseover) value to display where you want it. The code for that looks like this

div#links a span {display: none;}

div#links a:hover span {display: block;
height:20px; width: 235px;
position: absolute;
top: -40px !important; left: 26px !important;
top /**/ : -25px; left /**/ : -14px;
color:black; background: #00FFFF;
font-weight:bold; text-align:center;
}

Hosting It

Actually getting it out on the interwebs is what took me the longest to get around to doing, but wasn't actually that hard. Simply find a server to host you (I used freehostia, nice and free and whatnot), and then purchase a domain (the name of the site). So, I went to freehostia, purchased the domain "thesolderblob.com" for $10, and uploaded my notepad files and images. Cake.

That's about it

There's really not much more to creating a website than that. Just hours and hours of putting up with stuff not being where it should be. If you want to view any of the source code for any of the pages, just press F12.


Back Home