Knight Digital Media Center
Multimedia and Technology Training At the UC Berkeley Graduate School of Journalism
Multimedia and Technology Training At the UC Berkeley Graduate School of Journalism
Updated Nov. 4, 2009 in Web Development
Search Engine Optimization (SEO) is the process of making the content you publish appear near the top of the Search Engine Result Page (SERP). Your SEO skills make it easier for your audience to find and connect to your content.
There is a great deal of information about SEO online. A Google search on the term Search Engine Optimization returned about 30 million results. In addition there are 30 pages—more than 350—paid search results. Clearly there is a lot to say about SEO and many companies, services, sites and consultants that market their SEO services.
Sorting through all this information—coupled with all of the data available through Google Analytics—can make SEO seem like a huge task. In reality, the basics of good SEO can become part of your workflow in a short amount of time with virtually no technical requirements—and no consultant required.
This tutorial presents the foundation tools and techniques for incorporating good Search Engine Optimization techniques into your publication workflow.
Updated Oct. 20, 2009 in Web Development
Once you've created a web site, you'll need to upload it to a public web server, where the rest of the world can enjoy it. If you're not working with a content management system, you'll need to use one of the internet's oldest protocols, FTP (which stands for File Transfer Protocol). This tutorial includes a video screencast illustrating the FTP process step-by-step.
Updated May 21, 2009 in Web Development
Widgets are bits of code that when embedded into a website, blog or personal page on a social network, can display different kinds of content from other websites, such as a feed of news stories.
Updated Aug. 12, 2009 in Web Development
HTML is for setting the logical markup of documents on the web, but has nothing to do with how those documents appear - that's a job for Cascading Style Sheets, or CSS. This tutorial provides an introduction to the fundamentals of document decoration with CSS.
Updated May 21, 2009 in Web Development
New to WordPress? This tutorial will guide you through the basic steps of publishing with the WordPress 2.5 publishing platform. Learn how to post and mange your content, as well as upload media.
Updated May 21, 2009 in Web Development
Multimedia web sites often take the form of mini sites that don't utilize your publication's design templates. Coming up with fresh, professional-looking web designs for multimedia projects can be tedious and time-consuming. Fortunately, there are literally thousands of downloadable free web designs out there, ready to be customized and modified. In this tutorial, we point to some of the best resources for free web design templates, and also provide detailed instructions for modifying our own freely downloadable web design.
Updated May 21, 2009 in Web Development, Flash
A tutorial on how to create and use templates for creating news projects using Adobe Flash. A general understanding of the basics of Flash is required for this instruction on implementing the templates.
Updated May 21, 2009 in Audio, Photography, Web Development, Flash
Soundslides has become one of the industry standards in creating audio slideshows due to its simple interface, low cost and its devotion to journalistic storytelling.
Updated May 22, 2009 in Web Development
Hypertext Markup Language (HTML) is simple document markup languaged used for creating Web pages and other information viewable in a Web browser. This tutorial is a crash course in basic HTML - enough to get you up to speed and help you feel comfortable with general HTML syntax and structure.
Updated May 21, 2009 in Photography, Web Development
Adobe Photoshop is the industry standard for working with digital images of any kind. This tutorial will take you through the entry-level steps of using the program to open, crop, resize, adjust and save a photographic image. While applicable to earlier versions, this tutorial uses Adobe Photoshop version CS3.
Updated May 21, 2009 in Web Development
Dreamweaver is a Web page design program that lets you type text and add media elements directly into a page, much as you would with a word processing program like Microsoft Word. Dreamweaver converts your text and graphical page design into the HTML code read by a Web browser.
Updated May 21, 2009 in Web Development, Flash
This is where your skills come together - Web page creation skills, interview skills, audio and video editing skills, and storytelling skills all converge at this point. Inserting media into Web pages is a bit more difficult than creating plain old HTML with graphics, but if you've mastered the other tutorials in this site, you'll do fine.
Comments? Contact us | ©2007-2009 The Regents of the University of California.
