O'Reilly logo

TYPO3 Templates by Jeremy Greenawalt

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

Designing the page layouts

Once we have a page structure and the rough design mockups from the designers, we can start working on the overall HTML structure for our pages. Normally, we will end up having 2-3 different page layouts for any given site, but not too many more. When we look at the design mockup, our goal is to visualize the large blocks in the design and categorize them. Once again, we are not mapping each element like traditional TemplaVoila design, but we are defining the large chunks of content that we need. By defining the large blocks, we can decide which page templates and FCEs we are going to need to make the design work. This also means that we can change the skin later on without altering the HTML structure.

If this is our ...

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

Start Free Trial

No credit card required