Embed Size (px)
Citation preview
Front End Pro Page Layout Guide
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 2 / 29 Confidential and Proprietary
Table of Contents
Overview .......................................................................................................................................... 4
Branding .......................................................................................................................................... 4
Navigation ........................................................................................................................................ 5
Vertical Static .............................................................................................................................. 5
Vertical Dynamic ......................................................................................................................... 5
Horizontal Static .......................................................................................................................... 6
Horizontal Dynamic ..................................................................................................................... 6
Home and Category ........................................................................................................................ 7
Vertical Navigation ...................................................................................................................... 7
Horizontal Navigation .................................................................................................................. 8
Story ................................................................................................................................................ 9
Vertical Navigation ...................................................................................................................... 9
Horizontal Navigation ................................................................................................................ 10
Column 4 Configurations ............................................................................................................... 11
Configurations 1 and 2 .............................................................................................................. 11
Configurations 3 and 4 .............................................................................................................. 12
Configurations 5 and 6 .............................................................................................................. 13
Configurations 7 and 8 .............................................................................................................. 14
Printable Story ............................................................................................................................... 15
Links .............................................................................................................................................. 16
Center Column – Vertical Navigation ........................................................................................ 16
Center Column – Horizontal Navigation .................................................................................... 17
Branding and Navigation – Vertical Navigation ......................................................................... 18
Branding and Navigation – Horizontal Navigation .................................................................... 19
Branding Only............................................................................................................................ 20
Direct Email ................................................................................................................................... 21
Category – HTML ...................................................................................................................... 21
Category – Text ......................................................................................................................... 22
Story – HTML ............................................................................................................................ 23
Story – Text ............................................................................................................................... 24
Quick Email – HTML ................................................................................................................. 25
Quick Email – Text .................................................................................................................... 26
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 3 / 29 Confidential and Proprietary
Video Widgets Pop Up Player ....................................................................................................... 27
Column Widths .............................................................................................................................. 28
Display Format Grid ....................................................................................................................... 28
Copyright 2000-2010 WorldNow
Overview
You’ll find all the options for site branding, website page layouts and the video player in this
guide. The following diagrams include the location for all page layout
elements assigned will display on the page. If elements are not assigned to a specific Display
Format, the space will collapse.
Branding
Your site will have branding across the top of all pages. Based on your navigation, there are two
layouts available.
� L-shaped branding only available with vertical navigation
Front End Pro Page Layout Guide
4 / 29 Confidential and Proprietary
You’ll find all the options for site branding, website page layouts and the video player in this
guide. The following diagrams include the location for all page layout Display Formats. Only
elements assigned will display on the page. If elements are not assigned to a specific Display
Format, the space will collapse.
Your site will have branding across the top of all pages. Based on your navigation, there are two
shaped branding only available with vertical navigation
Page Layout Guide
Confidential and Proprietary
You’ll find all the options for site branding, website page layouts and the video player in this
Display Formats. Only
elements assigned will display on the page. If elements are not assigned to a specific Display
Your site will have branding across the top of all pages. Based on your navigation, there are two
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 5 / 29 Confidential and Proprietary
Navigation
The first level of the site’s navigation can be either HTML or graphical (shown here as graphical).
Second and third levels are HTML.
Vertical Static
Vertical Dynamic
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 6 / 29 Confidential and Proprietary
Horizontal Static
Horizontal Dynamic
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 7 / 29 Confidential and Proprietary
Home and Category
Vertical Navigation
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 8 / 29 Confidential and Proprietary
Horizontal Navigation
Column 5 is optional and is decided through the design process. If you would like to add or
remove Column 5 from your site, contact Client Services.
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 9 / 29 Confidential and Proprietary
Story
Vertical Navigation
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 10 / 29 Confidential and Proprietary
Horizontal Navigation
Column 5 is optional and is decided on through the design process. If you would like to add or
remove Column 5 from your site, contact Client Services.
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 11 / 29 Confidential and Proprietary
Column 4 Configurations
Configurations 1 and 2
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 12 / 29 Confidential and Proprietary
Configurations 3 and 4
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 13 / 29 Confidential and Proprietary
Configurations 5 and 6
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 14 / 29 Confidential and Proprietary
Configurations 7 and 8
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 15 / 29 Confidential and Proprietary
Printable Story
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 16 / 29 Confidential and Proprietary
Links +
Center Column – Vertical Navigation
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 17 / 29 Confidential and Proprietary
Center Column – Horizontal Navigation
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 18 / 29 Confidential and Proprietary
Branding and Navigation – Vertical Navigation
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 19 / 29 Confidential and Proprietary
Branding and Navigation – Horizontal Navigation
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 20 / 29 Confidential and Proprietary
Branding Only
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 21 / 29 Confidential and Proprietary
Direct Email
Category – HTML
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 22 / 29 Confidential and Proprietary
Category – Text
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 23 / 29 Confidential and Proprietary
Story – HTML
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 24 / 29 Confidential and Proprietary
Story – Text
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 25 / 29 Confidential and Proprietary
Quick Email – HTML
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 26 / 29 Confidential and Proprietary
Quick Email – Text
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 27 / 29 Confidential and Proprietary
Video Widgets Pop Up Player
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 28 / 29 Confidential and Proprietary
Column Widths
The column widths shown below are for the standard columns based on the basic layouts.
Navigation Col 1 Col 2/3 Col 2 Col 3 Col 4 Col 5 Top Story
Story Body
Vertical 130 515 300 200 300 n/a 515 515
Horizontal w/ Col 5 n/a 505 290 200 300 130 505 505
Horizontal w/o Col 5 n/a 645 430 200 300 n/a 645 645
Display Format Grid
The following chart lists all Display Formats and the elements that can be assigned to them.
Legend
S = Stories
C = Categories
L = Links
[L] = Embedded Links
V = Video Clip
W = Widgets
F = Forms
P = Polls
Q = Quick Sign Up (Direct Email)
U = Utility Blocks
WX = Weather
A = Weather Alerts
Display Size Name Assignable Content
Hidden S C L Branding Feature L WX U Weather Bar WX Ticker S C L A Breaking News - Col 2/3 S C L V Top Story S C L V Top Story Headline S C L V Top Headline - Col 2 S C L V Full Horizontal - Col 2 S C L V Half Horizontal - Col 2 S C L V Headline - Col 2 S C L V Headline Box - Col 2A C Headline Box - Col 2B C Headline Box - Col 3 C Headline Box - Col 4 C Nested Category - Col 2 C Nested Category - Col 4 C Top Story Video V
Front End Pro Page Layout Guide
Copyright 2000-2010 WorldNow 29 / 29 Confidential and Proprietary
Featured Video - Col 2 V Featured Video - Col 3 V Video Gallery C Featured Business Box - Col 3 S C L V Secondary Horizontal - Col 3 S C L V Related Link S C L V Associated Link S C L V Subsection Navigation - Col 1 S C L V Feature - Col 1 P Feature - Top U W Feature - Col 2/3A U W [L] A Feature - In Story A V U W Feature - Col 2A U P F Q W WX A [L] Feature - Col 2B U P F Q W WX A [L] Feature - Col 2C U P F Q W WX A [L] Feature - Col 2/3B U W [L] A Feature - Bottom U W Feature - Col 3A U P F Q W WX A [L] Feature - Col 3B U P F Q W WX A [L] Feature - Col 4A V U W Feature - Col 4B U P F Q W WX A [L] Feature - Col 4C U P F Q W WX A [L] Weather - Col 4 WX Utility Block - Col 2 U Utility Block - Col 3A U Utility Block - Col 3B U Utility Block - 300x30 - Col 4 U Utility Block - 300x140 - Col 4 U Promo Box - Col 2 C Promo Box - Col 4A C Promo Box - Col 4B C Promo Box - Col 5A C Promo Box - Col 5B C
