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.
Now that we have our web graphics all created for the website, it's time to go ahead and start building an HTML webpage, which will contain the slices that we just created in GIMP. [00:00:12 .50] KompoZer is a "what you see is what you get" HTML editor. It's somewhat similar to Dreamweaver, in that it has both a Design View as well as a Code View. You can use it to edit HTML and you can use the CSS Editor within it to create styles.
To download it, if you click on the Download button here in the middle of the webpage, this will take you to the download location for the Windows version of the software. If you are a Macintosh person or if you're a Windows person you can go to the Download link at the top of the page. The download page on KompoZer will allow you to download the most recent version of KompoZer for Windows, Mac, or Linux. Scroll down the page and you can find the US English version of the software.
Pick either Windows or Mac and go ahead and download it and install the software on your computer. Once you have got KompoZer installed, go ahead and open it up and we'll get started building our HTML webpage.
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.