Posts Tagged ‘tips’

Dear students, this one is more of a resource than a tool, but to keep things simple, I’ve included it in the series.

Moby has created a collection of music you can use in your project videos provided you keep things non-profit. The site is called Moby Gratis and is waiting for you here. Let me remind you that for your new media production adventures you can borrow a camera or other toys from Kai Mettler at the IRC.

Alternatively, you could go totally grass roots by using an Internet camera (the one you have for video chat). A simple way to do it would be to sign up for an account at Viddler, record your video by saving it directly on their site, then copy and embed the video on your site.

We already covered embedding media in class, but if you need some help, I’ll be happy to hear from you!


Read Full Post »

seo rapHi folks,

Well, just when I thought we were done for today, I came across this hip hop site design tutorial over at Justin’s Tasty Blog Snack. Following the elements SEO Rapper outlines will be important in the development of your projects.

Some theoretical background before we go into the video:

Q: What is SEO?

A: Here’s a nice simple definition from the folks at SLS Consulting:

Search engine optimization (SEO) – Creating and improving a website so that it will rank high in the search engines and help potential customers or clients find the website.

. . . and the lyrics, that is, tutorial 😉

Design Coding

Your site design is the first thing people see
it should be reflective of you and the industry
easy to look at with a nice navigation
when you can’t find what you want it causes frustration

a clear Call to action to increase the temptation
use appealing graphics they create motivation
if you have animation
use with moderation
cause search engines can’t index the information

display the logos of all your associations
highlight your contact info that’s an obligation
create a clean design you can use some decoration
but to try to prevent any client hesitation

every page that they click should provide and explanation
should be easy to understand like having a conversation
when you design the style go ahead and use your imagination

but make sure you use correct color combinations
do some investigation, look at other organizations
but don’t duplicate or you might face a litigation
design done, congratulations but it’s time to start construction

follow these instructions when you move into production
your photoshop functions then slice that design
do your layout with divs make sure that it’s aligned
please don’t use tables even though they work fine
when it come to indexing they give searches a hard time

make it easy for the spiders to crawl what you provide
remove font type, font color and font size
no background colors, keep your coding real neat

tag your look and feel on a separate style sheet
better results with xml and css
now you making progress, a lil closer to success
describe your doctype so the browser can relate
make sure you do it great or it won’t validate

check in all browsers, I do it directly
gotta make sure that it renders correctly
some use IE, some others use Flock
some use AOL, I use Firefox

title everything including links and images
don’t use italics, use emphasis
don’t use bold, please use strong
if you use bold that’s old and wrong

when you use CSS, you page will load quicker
client satisfied like they eating on a snicker
they stuck on your page like you made it with a sticker
and then they convert now that’s the real kicker
make you a lil richer, your site a lil slicker

design and code right man I hope you get the picture
what I’m telling you is true man it should be a scripture
if it’s built right you’ll be the pick of the litter
everyone will want to follow you like twitter
competition will get bitter and you’ll shine like glitter

if you trying to grow your company will get bigger
design and code right man can you get with it

Photo by b_d_solis

Read Full Post »

online storage and sharing with box.netBox.net is an online storage service, which you can also use to share files with your site visitors. Here’s how it works:

  • Step 1 — register for a free account (1GB storage space). You can do this by going to the “Sign Up for Box.net” area and selecting the “Lite” option from the “Select Account Type” drop-down menu. Click on the thumbnail image (on this page) to maximize the visual guide in your browser.
  • Step 2 — upload your files, enable the sharing option from your Box.net dashboard and create a widget.
  • Step 3 — embed it in you wordpress.com site using the box.net widget.

If you followed all instructions correctly, you should have a box with shared files just like the one called “Orientation” in the sidebar of this site!

Read Full Post »

In this new series, I’ll introduce you to free/opensource software and web 2.0 services you can incorporate in your projects. You can search for “Tools of the Trade” posts in the “Resources” category.

ViddlerLet’s begin with Viddler. The video bellow is an excellent tutorial on the features of the service. To embed media from Viddler, click the “menu” button, select the “Embed” option from the menu above, choose “WordPress.com” and click “copy code.” Go to you WordPress editor, click “HTML” to the left of “Visual,” paste the code and hit the save button, which has been moved to the right in WordPress 2.5.

Best of luck!

Read Full Post »

Greetings folks,

Our next session will be dedicated to developing your new blogs! Let’s create some content that you can publish on your sites. Our first step will be choosing the focus of your blog. Variety is rumored to be the spice of life so any topic you pick is welcome as long as you don’t violate the terms of service the WordPress guys asked you to accept.

Please write a short paragraph that will be your personal statement on your “About” page. Expert advice on how to go about this is waiting for you on Darren Rowse’s ProBlogger site. Send me your introduction in the form of a comment to this post and you’re all set for next class.

A word of caution: make sure you don’t leave your email address spelled in standard format (for example, me@freedom.com) on your site. Countless spambots are roaming the Internet jungle looking for easy prey, i.e., your email address. To avoid spam, you can choose an alternative format: me {at} freedom {dot} com.

Here’s an example of how Paul and Derek from Inside Home Recording are using this technique.

Happy blogging!

Read Full Post »

Hi everyone!

Next Thursday we’ll begin our exploration of the WordPress content management system and the miracles it can do for you as an independent content provider. We will focus on exploring the different features, widgets, and functions you can use to develop an exciting online experience for your audience.

This is also the right time to learn more about content creation and the art of blogging. We will be drawing inspiration from the best in the field: non-profit and profit alike!

Ladies and gentlemen, allow me to introduce you to Mr. Darren Rowse a.k.a. ProBlogger! This humble and soft-spoken Australian has a degree in theology and has managed to generate six-figure income as a professional blogger in three successive years. His site is a wonderful resource for those of you thinking about becoming professional online content producers.

Knowing how to write high-quality content for online publication will be crucial for the success of our course projects as well. Here’s one of Darren’s articles on the topic: “Writing Good Content.”

The rest of his blogging tips for beginners are waiting for you here.

Happy blogging!

PS The free resources I am recommending in this series have been selected solely based on the high quality and integrity of the content they provide.

PPS And here’s some advice on how to stand out from the crowd as a new media designer from Darren.

Read Full Post »

Daniel has just left a suggestion in the comment section of “Weekly Homework Assignment #1.” You might be interested in the feedback his message will receive, but you don’t have time to check back every hour or so to monitor the conversation . . .

Simply scroll down to the comment box of the post and subscribe to the RSS feed labeled “Comments RSS.” All new comments will automatically appear on your personal iGoogle page or Google Reader if this is what you used to subscribe.

Alternatively, you can click the RSS “Comments” link at the top right corner of our site.

Read Full Post »