« Blogs as Portfolio Sites 2 : The Reversal | Main | Two Years of Podcasting - From Polyfro Studios to Boise State »

Blogs as Portfolio Sites 3 : Revenge of the N00b

by Nate Voss, (10 comments)


vossome_diabetes2.jpg

A commenter on the last story recommended I read Don’t Make Me Think in response to the previous chapter in my story. Instead of listing my response to his response in the buried comments section, I thought I’d give my official position on Don’t Make Me Think right here: it’s the same as my official position on Hey Whipple Squeeze This: Stay away from it if you want to retain free and rational thought. I’ve seen people read and subsequently abuse the information in each book as a substitute for creative and original thinking. In the case of Think, it’s “people are used to using websites a certain way, ergo all websites should look and function in this way.” I saw it at my last job and it obliterated my ability to seek new and creatively intuitive ways to design for the web. Like Whipple, in two years it will be outdated anyway. Stick to A List Apart.

When we last left …er, me … I was in the death throes of my last website.

The part of the story I hadn’t mentioned yet was that while this tragedy was unfolding, I was doing some web design work with Donovan and was forcibly learning CSS in the most basic of ways. I was also getting my sea legs back when it came to web programming and HTML. Remember, I knew just enough to be dangerous back in the day.

So I went home and began sketching the new Vossome.com. I had the foresight to name the first site “ver. 1.0” in the high hopes I would be doing exactly this in the distant, not immediate, future. I went straight into Wordpress, which was working fine for me, to see how to plug this baby into my own layout. Roadblock. Wordpress doesn’t work that way, or when it does, you need to pay for the privilege. Well I certainly wasn’t going to do that, so I walked right across the street to Blogger.com and set up my new shop.

At this point I definitely left the world of web-n00bz behind me, because the process of setting up the new site was, if not infinitely, then at least 100 times more complicated than the “register, choose template, blog” system of the last site. So here’s how it was done.

Sign up for your Blogger account and get your profile set up, all that standard first-day garbage you normally have to go through. Then, make sure you have a domain set up to keep you site on. I directed my new site to a testing area of my old, OLD site, and in the Dashboard, under Template, I selected a Classic Template (this is a must for creating your own site) and under Settings, in Publishing, I directed it to my testing area and told it to Publish via FTP. That sounds pretty easy when you say it like that, but it took me about a week of banging my head against a wall and frantic IM’s to Tom Nemitz and Donovan (my web support team, whether they know it or not) to figure it all out.

Then I designed my site using a combination of Photoshop and Dreamweaver (PS in the beginning, DW for the other 90%). Yes it’s essentially a great big table, but it’s a great big working table. When I was ready and had a fully-functioning webpage, I selected all of the source code (available in the Code View in DW) from Dreamweaver in pasted it directly into the HTML field on the Template section of my Blogger dashboard. This is the only way to get your site into Blogger. When you publish, Blogger will replace whatever index page you have on your site/test site with this HTML (took me a while to get that straight, too). Now that’s all well and good, but where’s my blog?

Blogger has “blogger tags” that work a lot like HTML tags in your code. This page tells you what they are and this page tells you what they do. Bookmark these pages because boy, I needed them about every two minutes. Unfortunately, I found the random and unrelated pages that describe how to use these tags to be almost completely unhelpful until I had spend a few days trying to hammer these into place. Remember, I know just enough to be dangerous, which is generally not enough to be useful. Eventually I plugged these things in where I wanted my content to go, and then I used my newly mastered basic CSS knowledge to style them.

This entire process, which included learning time and skill growth akin to Bruce Banner getting really, really pissed off, took me about three to three and a half weeks. The site went up onto the real webspace right before I left for Mexico for a week and my free trial of Dreamweaver (30 Days!) expired the next day.

Go check out the new an improved Vossome.com 2.0.

The header comes from ready-made code that can be found at A List Apart (love those guys) and randomly displays whatever I want it to. The content is blog posts on page one, as well as two additional webpages to fill out the site. These were created in DW and were not uploaded through blogger. I used CyberDuck, a free FTP software, to put those up, because DW was being fussy that day. The new site has downloadable PDF samples of my work and other fun stuff, though not all of it is online as of yet. This way I can always have a readily accessible portfolio for visitors as well as constantly update when new work comes in. When enough new work comes in, I can update my PDFs and roll right along.

There are a few downsides to this, however. Right at the end of this process, and I mean the day before I went live, I discovered the Blogger hates me for hosting on an FTP (meaning my own server). Sure they allow it, but they get all whiny about it. For one, the categories, in Blogger called “Labels” does not work. This is a documented problem that many, probably all users via FTP have faced and yet Blogger has remained silent on the issue, which is just dirty. DIRTY, Blogger! And then the deal-breaker: I cannot upload images via FTP through Blogger.

What’s that? You seriously can’t upload an image to FTP using Blogger? No. You cannot. And for that, Blogger can kiss my grits. For now I upload my images myself using the Cyberduck, but that completely defeats the purpose of a convenient content uploading experience. If I was going to update everything with my own FTP client and hard-core my image links myself, I wouldn’t really need to use a blog in the first place.

So obviously, this story is not finished. We have, however, caught up to the present day, and at current I have no more stories to tell. I have a few big projects in the way of me completing Vossome.com 2.5 or 3.0, but rest assured when I do have time, this is going to need to be sorted out.

Thank you for reading the Continuing Adventures of Nate Voss, Self-Employed Graphic Designer!

Sponsored by:

Font Burner
contact badg

Comments (10)

Ben said:

It doesn’t look so hot in Safari 3.04 (Mac). However it does look great in Firefox and the latest Webkit nightly build.

Nate Voss said:

Dag. I’m working in Safari 3.0.4. Well, that’s web design for you. As consistent as inconsistency gets.

Wait, I’m confused as to why you didn’t just download the WordPress software (wordpress.org, not .com) and install it on your own server. You obviously have hosting space and a domain name.

The site looks good in the end, so we’re all none the wiser. My only crit is that “main, samples, download” gets lost amid the sidebars. Maybe some colour would help.

Jim said:

I agree. Wordpress is really what you should have used. And if you want this site to go beyond the very limited basics, you’ll probably be installing it soon.

It’s so simple it’s not even funny.

Jesse Woodward said:

SUPER WIDE SCREEEEEEEEEEEEEEEEEEEEEN

Working on it right now?

Jesse Woodward said:

Width= 700 is your issue.

You need to specify a unit. Pixels mayhaps?

Nate Voss said:

Oh! you found the super wiiiiiiiiiiiiiiiiiide-screen bug. Alright. That was a bug I ran into just one time, and I could not get it to replicate. Fixing now. Thanks for spotting that.

Adelie said:

Well, I guess I will just have to respond way down in the comments. I’m assuming you’ve read “Don’t Make Me Think.” I haven’t read “Hey, Whipple, Sqeeze This” so I can’t compare them. I personally think “Don’t Make Me Think” is a good tool. It’s a reminder of how the “common man” expects a website to work. That doesn’t mean you HAVE to do it that way, I just think it’s good to know what the “rules” are so we can decide when to break them. I think some of us are so accustomed to looking at designy websites we forget that they can confuse the “common man”. I also disagree with the idea that the book will be outdated in 2 years. It was published in 2005 and the “rules” come from expectations that have fallen into place over the last 10+ years.

I agree that A List Apart is definitely the web designer’s best friend. :-)

Zach O said:

Nate I agreed with Prescott, Wordpress is a free, open source program that you can download and then upload to your own server of choice. There is a time to play to your strengths and design the sites but have someone else with the experience program it for you. My weakness is print design and if I have a client need some work I pass it to my friends that are more prolific in print. I bet and of your friends that are good programmers would be more than happy to help you.

PixelHustler said:

Am I the only one that actually read the article? It clearly says he started in Wordpress and then moved on to Blogger for whatever reason. Why is everyone suggesting he switch to Wordpress, as if he hadn’t considered that?


Post a comment


Make sure you understand our COMMENT POLICY before you comment. If you haven't left a comment here before, your comment may need to be approved before it will be published. Once it has been approved, it will appear on this entry. Thanks for waiting.