
I'm not a code monkey. In case there's any confusion about what I do here at The Saratogian, it's NOT to develop the Web site or all its assorted technical features from scratch.
That being said, I still get to monkey around with HTML now and then and, truth be told, it's one of the more fun aspects of the job. Back in the early days of my employment here, when we switched to a new site provider, then back to our old site provider (back to the old, but visually-revamped platform), I had to be more hands on with HTML if I wanted to insert a hyperlink, a "mail to:" link for an e-mail address or even to bold, italicize and underline. It was a great opportunity to learn/re-learn (and memorize) a few very basic HTML tags. Also somewhat time-consuming.
Now that we've switched to the current site platform, a lot of those functions are accomplished right from the content management system, which offers a rich-text-editor — akin to what you'd find in Word or other document software, or even on applications like Blogger, MySpace and Facebook — that circumvents the manual insertion of code. With a simple click or two I can bold, italicize, copy in a link, etc. Sometimes, though, I find (or create) a need to get my hands on keyboard to bang out a bit of HTML and, for whatever reason, it's always satisfying. Such was the case last week, when I got to try out a new tag and apply some oldies but goodies for what, I think, was an elegant solution.
If any young journalists or journalists-in-training are reading this: I HIGHLY recommend you learn some code. It's so easy nowadays, because it's all available online.
Back when I worked for the state, before I even entertained the thought of going to grad school to get a degree in journalism, I took a two-day training course on HTML offered to state employees (early 2004, I believe). It was very basic stuff, and at the end of day two we had all designed a lovely little Web page with a
circa 1995, retro look. Still, it was enough to help me understand the basics of Web design better. It came in handy from time-to-time, particularly when I undertook a project during grad school, in which my partner and I looked at how various "J-schools" were adapting their curriculum to better prepare students working in the "new media" age.
Rather than write a report, we put our findings online, on a site we developed (though I can't claim to have done the brunt of that. My partner, who now works at the Utica Observer Dispatch, was the one that did the majority of the coding. Remember what I said about all the info necessary being available online? She learned basic Flash animation for an intro to the site).
All of that helped me in getting this job, and helped me understand what I needed to do/look for when I wanted to tweak some text, clean up some formatting, have a link open in a new browser or gerry-rig an AP feed on other pages of the site.
Anyhow, the new tag I tried (and have been using here and there since) is the page jump tag. It's the perfect solution for directing people to a schedule, ticket prices or pertinent information included at the end of an article online (the sort of stuff that we'd publish in print as an "If You Go" box or a small sidebar) that they might miss if they decide not to read the entire article. See recent examples in the
cover story from the debut issue of The Scene and a preview of the
upcoming Secret Gardens tour.

The elegant solution I referred to earlier was a sidebar that ran with that article from The Scene linked above. It's about a local cover band called Gravity, and one element of the package in print was a bio about each of the four band members. Rather than add the text at the bottom of the main article (as I did with the schedule), I opted to get creative and plug the bios into the caption. All it required was some basic HTML tags to bold and insert the appropriate breaks in the text. I was rather pleased with the results. It had never occurred to me to utilize the photo captions in such a way, but it worked perfectly.
In the last few months I've also been using captions to refer people to view more images in the appropriate online photo album, most extensively with sports stories. (See an example from today's coverage of the
Saratoga Phillies doubleheader. The caption provides a hyperlink to the "Saratoga Phillies - 2009" album.) Conversely, I also insert hyperlinks to the corresponding article in each picture's caption in the online albums (when I have the time. This is still a bit inconsistent on my part).
I know none of this is technically jaw-dropping, particularly for the hardcore programmers out there. There's plenty more I could learn, and I'd like to be more proactive about studying up; Sometimes I put the effort in only when I find it necessary, though. But it's nuts-and-bolts kind of stuff that comes in really handy in my position. It's no secret that media is evolving, increasingly accessed through electronic means. It seems to me the vast majority of people today only care that their stuff works; they're not concerned with HOW it works. So a little technical know-how, no matter how minimal, could be enough of a leg-up in an increasingly competitive field. It applies to more than just HTML.
Labels: media, saratogian.com, technology