O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating Templates with Artisteer

Book Description

Why pay for a professional website when you can do it yourself with this hands-on guide to Artisteer? With no need for HTML, web-programming, or drawing skills, this book is all you require to create fantastic CMS templates.

  • Prepare and install professional looking templates for popular CMS systems, such as WordPress, Joomla!, Drupal, DotNetNuke, and other platforms
  • Design website templates with ease
  • Step-by-step guide through the features of Artisteer to design website templates

In Detail

Designing good looking, professional quality web templates or building your own website are rather complicated tasks, demanding a lot of technical and graphical expertise. Artisteer has changed this situation, enabling you to do it by yourself, without the need to learn skills such as HTML, web-programming languages, or drawing.

"Creating stunning Templates with Artisteer" is a practical, step-by-step guide that will show you how you can prepare an elegant, professional looking website, on your own, using features of Artisteer. It also describes the process of designing templates for various popular CMS platforms like WordPress or Joomla!, by giving you practical hints, showing how to install those templates and how to import the content into CMS.

"Creating stunning Templates with Artisteer" leads you through the process of designing a website, including all standard layout elements, from header to the footer, including menus and special boxes. You will learn how to prepare the templates, store them and export them in the form of ready-to-use HTML pages or packages that can be installed in various CMS platforms such as WordPress, Joomla!, Drupal, or DotNetNuke. The last part of the book shows you some tips and tricks that allow you to extend standard themes generated by Artisteer for enriching the website with image gallery, combining two menus, and more.

You will learn how to create a professional quality website or CMS template on your own, with the use of Artisteer with minimal technical difficulties.

Table of Contents

  1. Creating Templates with Artisteer
    1. Table of Contents
    2. Creating Templates with Artisteer
    3. Credits
    4. About the Author
    5. Acknowledgement
    6. About the Reviewer
    7. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    8. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    9. 1. Meet the Artisteer
      1. What is Artisteer
      2. Artisteer versus other software tools
      3. Who can use Artisteer
        1. Hobbyists
        2. Designers
        3. Web developers and programmers
        4. Web development companies
      4. Your first template in 10 minutes
        1. Creating a new project
        2. The program interface
        3. The Suggestion tool
        4. Previewing the project
        5. Initial customizations
        6. Saving the project
        7. Exporting the template
        8. Removing the Footnote
      5. Summary
    10. 2. The Template Step-by-Step
      1. Templates
      2. The common parts of a website
        1. Elements
          1. Header
          2. Horizontal menu
          3. Vertical menu
          4. Content area
          5. Special blocks
          6. Footer
        2. Attributes
          1. Page width
          2. Typography
          3. Colors
          4. Layout
            1. One-column layout
            2. Two-column layout
            3. Three-column layout
      3. Creating a template
        1. Layout
        2. Columns and their content
        3. Colors
        4. Background
        5. Pages
          1. Adding, removing, and renaming the pages
          2. Page properties
        6. Header
          1. Title and slogan
          2. Pictures
          3. Shapes
          4. Ordering shapes and pictures
          5. Flash
        7. Menu
          1. Horizontal menu
            1. Menu Area
            2. Item
            3. Coloring
            4. Levels
              1. No submenu (no subitems)
              2. One column – multilevel
              3. One column – extended
              4. Multi-column – megamenu
              5. Multi-column – megamenu extended
          2. Vertical menu
            1. Vertical menu behavior
          3. Determining the pages displayed in menus
        8. Content
          1. Writing articles
          2. Inserting images
          3. Inserting a slideshow
            1. Slideshow in the content area
            2. Slideshow in header
          4. Typography
          5. Color theme
        9. Footer
      4. Summary
    11. 3. CMS Templates
      1. What is CMS
      2. Static page template versus CMS template
      3. Specific CMS template elements
        1. Post header icons
        2. Post footer icons
      4. Advanced techniques
        1. Displaying positions in a Joomla! template
        2. Additional template position in the header
        3. Additional template positions in the footer
      5. Joomla! templates
        1. Template Areas
        2. Exporting a Joomla! template
        3. Installing a Joomla! template
        4. Setting up the template
          1. Title and Slogan
          2. Horizontal menu
          3. Vertical menu
          4. Footer modification
        5. Importing content
      6. WordPress templates
        1. Widget areas
        2. Exporting a WordPress template
        3. Setting up the template
          1. Title and slogan
          2. Customizing the footer
          3. Menus
        4. Importing content
        5. Drupal
        6. DotNetNuke
      7. Content editing – Artisteer or CMS
      8. Summary
    12. 4. Tips and Tricks
      1. Image links in a slideshow
      2. Removing the vertical menu from some pages
      3. Styling a particular module
        1. Styling from scratch
        2. Combinations with other Artisteer-generated classes
      4. Adding additional CSS to the project
      5. Another way of modifying CSS files
      6. Making a copy of a web page
      7. Adding Lightbox
      8. Summary
    13. Index