Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Preparing CMS Web Graphics and Layouts Using Open-Source Tools, Jen Kramer shows how developers and graphic designers can collaborate to create a great site design that integrates with a content management system (CMS) like WordPress, Drupal, or Joomla!, all using open-source software. This workflow is based on two existing open-source design tools, KompoZer and GIMP. Jen shows how to modify web graphics and create slices with GIMP, and then place these in an HTML page integrated with CSS in KompoZer. Along the way, she discusses web design best practices and special challenges that might arise when designing for CMS software. Exercise files are included with this course.
GIMP stands for the GNU Image Manipulation Program. You can think of it as an open source version of Photoshop. It's free to download and free to use and it's supported on both Mac and PC. The GIMP website is located at gimp.org. On this website, you can find all kinds of great information including documentation and additional features that GIMP offers, a plug-in registry, which extends the functionality of GIMP, and much more.
But to get started, you'll need to download GIMP to your computer. Click on the Download link to do that. And here, under the great picture of Wilber, the GIMP mascot, you will see a link to download GIMP for Windows. This is for Windows 2000 and above. If you're working with a Macintosh, you'll need to click on a link to Show other downloads, and then scroll down the screen just a little ways to find GIMP for Mac OS X. Click the link to download it to your computer and follow the instructions to install it on your personal computer.
If you don't have the money to go out and purchase the full version of Photoshop, GIMP is a great alternative, since it's free and it does lots and lots of things that Photoshop does. So let's get started with GIMP.
There are currently no FAQs about Preparing CMS Web Graphics and Layouts Using Open Source Tools.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.