Fall 2010: Update 4

I got a little sidetracked this week. Joseph gave me some great books about Dreamweaver and CSS. I'm really interested in the book about CSS because the things in it can be used with any html editor and not just specifically Dreamweaver. There are even tricks to build things like drop-down menus that would usually require JavaScript using CSS and only CSS. On the other hand, there were some really cool tricks with Dreamweaver in that book, like building and working with templates to make large websites easier to manage. I've let the Panhandle Pump website and brochure go for now so I can concentrate on these books. Hopefully that means I'll be better equipped to work on those things when I pick them back up.

Fall 2010: Update 3

If you check out the SCAD Industrial Design Brochure link here, you see a great web brochure with simple intuitive navigation. The pages turn just like the pages in a real magazine would. I've been trying to figure out how to recreate that action for use in my own online brochures. The simplest thing I've been able to come up with is designing a brochure in InDesign and exporting it as an SWF. That automatically gives that great page turning action. The problem with doing it this way is that not every computer can play SWFs.
Now, as I see it, there are two options from here: make two brochures (one that's an SWF and one that's not), or using some other way to get an animated transition. InDesign offers the ability to export the file as an interactive PDF; but the only way to see the page tranistions is to view it in full screen mode, which complicates the process of viewing an online brochure.
After a little research, I found out exactly how SCAD made their brochure. They used an online digital pubishing service at yudu.com. It offers free software that lets you upload PDFs to create the sort of document like the SCAD brochure. So, I'm going to check yudu.com out to see if it a better option for online brochures.

Fall 2010: Update 2

So, I was pretty sick the beginning of the week, and I didn't make it to any classes or free lab times then. I was able to work on moving the contents of the page without moving the background. It wasn't as hard as I had thought it would be: the css to do it was so simple even I could understand it. Tying the image size to the size of the window wasn't as easy. I found a few tutorials that involved JavaScripting to find the size of the window and calculate how to fit the image; but it eventually dawned on me that you can just set the image width and height to be one hundred percent of the window width and height, which solves the problem without a lot of complicated JavaScript. The only problem with keeping the background image tied to the window width and height is that the image gets moved out of proportion, and I don't think there is anyway to keep that from happening. On a different note, I was also able to come up with a way to keep part of the page, a separate column off to one side from moving with the rest of the content.

Fall 2010: Update 1

Joseph suggested turning the brochure for Panhandle Pump Company that I was working on last semester into a website and an online brochure. That way I have the information more or less collected and organized already, and all I really have to do is figure out how best to put that information into an electronic format. So far, I've been working on a website. It's more technical at the moment than good looking. I've been more concerned with making the css work than anything else so far. I was able to find a tutorial for positioning a footer at the very bottom of the page, and I was able to add to that to make a content box that filled the page and didn't shrink if the content was smaller than the page. I recently realized, though, that a static background with a moving content area might be a better choice. That's what I'll have to look at next.
I do have what there is of the site up on the Internet on my I drive if anyone wants to have a look.

Fall 2010 Semester Plans

This semester I want to focus on the technical side of web design. I want to learn more about using HTML, CSS, and JavaScript to develop websites and solve the problems and challenges that come with the Internet. At the same time, I want to continue working on what makes good web design, and I'll also be looking at how to turn regular printed brochures in to effective online brochures.