Preparing CMS Web Graphics and Layouts Using Open Source Tools

Shows how to create a web site design that integrates with a content management system (CMS) like WordPress, Drupal, or Joomla!, using open-source software.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. Topics include: Using static HTML versus a CMS in web design Knowing the dos and dont's of CMS design Exploring GIMP and KompoZer Saving slices for the web with GIMP Inserting graphics in an HTML page Styling web pages with CSS Changing the default styling assigned by a CMS