
Note: image not yet created
What do you do behind the scenes when you update your website?
Last updated: Sep 27, 2006
1 Uploading everything

Before I can even test for any bugs and fix them, I need to upload the files. The screenshot above shows just that. I call out my FTP program, visible right when I click "start" on Windows, log in, and get to where I need to go, starting with images first then the actual documents. Shown in the screenshot, I'm uploading some of the images. I sort by date as all the modified stuff appears at the top. This makes it much easier to find the files I need to upload. I actually have two image folders. The one called "upload these", shown in the screenshot, is one where screenshots, photos, and other PNG or JPG files are that GIF would do no good with. They are quickly uploaded. The other one is called "GIF vs PNG tests". This is where my drawings are. There is a GIF version of an image and a PNG version of that same image. I upload whichever has the smallest file size. You can see some 600+KB GIF files in the screenshot above. This is typical for some of my animated GIFs, only this one is a bit on the high end. Usually, they're around 150 KB for some of the latest ones.
2 Testing
2.1 How I see my website

By running at 1600x1200, it may seem to be a little tricky to test to ensure 800x600 minimum resolution compatibility. The trick is the halfway mark. The vertical does not matter, it's the width that does. Due to margins on the sides of the page, about 8 pixels, I need to limit the widths of things. Ever wonder why my tables are 768 pixels wide? For one thing, I like powers of 2. 768 is 256×3, 256 being the power of 2 (as from 28). The other is to keep within my 800x600 resolution compatibility and to account for margins on the sides of the page. 768 is very close to it. By using something like "95%" for the width, it looks really weird at my 1600x1200 resolution. Plus, this way, I can see how my visitors would see the table. Some tables may be wider, but are not easily shrunk any further. Images are also limited to 768 pixels (800 for thumbnail screenshots when they are the primary focus of the article (such as this one - the one in the screenshot is not a primary focus)) and if larger ones are needed, (such as my full-size 1600x1200 screenshots (and soon to be 1920x1440)).
2.2 Fixing bugs

I know I just added a new story, so why is the new story not on the stories index? Also, what's with the odd spacing between the link highlighted here and the link above? Seems like I found a bug and I need to fix it. To fix it, I open the file these contents are in. Since it's an include within the SHTML document in the address bar, I need to open the include. Apparently, I forgot to add the story to the stories index so I do that. As to the odd spacing, I had an extra "br" at the end. I can't add the < and the > as it actually is or I'd just get a line break in the middle of the paragraph and it'd look odd. By deleting it, the odd spacing is fixed.
Introduction
Editting the headlines of the blog
Editting the dream journal
Creating images
Adding the daily blog entries
Final touchups before uploading
Uploading and testing
Footnotes:
None