Start learning with our library of video tutorials taught by experts. Get started
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.
(Music playing.) Hi! I'm Jen Kramer and welcome to Preparing CMS Web Graphics and Layouts Using Open Source Tools. In this course we'll learn how to work with a designer to ensure sound graphic design that not only looks pretty but works specifically for a content management system like WordPress, Drupal or Joomla!. We'll explore GIMP and KompoZer, two powerful open source design tool that read on Mac and PC and can be used on a shoestring budget.
First we'll use GIMP to create individual graphics from a large comp, just as you do with Fireworks or Photoshop. Then we'll work with KompoZer to create an HTML page from scratch using CSS for layout and styling. The first step in creating a custom template or theme for your content management system is to build the static HTML page supported by CSS and custom graphics. This course will show you how to do that using all open source tools. So, let's get started with Preparing CMS Web Graphics and Layouts Using Open Source Tools.
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.