Skip to main content

New 2010 Design Site Specification



How to update the HomePage

#
Name
Type of Object
Notes
1
Path to Level 1
Section Details
Output the path to level 1 to allow logo to
link to home page
2
Search Box
Related Content
Includes code added to Style Assets > Search Box. Content added using the Code Only template.
3a
Link to Courses
Section Details
Output a link to Courses  (2nd
Level)
3b
Link to Research
Section Details
Output a link to Research  (2nd
Level)
3c
Link to Business
Section Details
Output a link to Business  (2nd
Level)
3d
Link to Alumni
Section Details
Output a link to Alumni  (2nd
Level)
3e
Link to Facilities
Section Details
Output a link to Facilities  (2nd
Level)
3f
Link to About Us
Section Details
Output a link to About Us  (2nd
Level)
4a
Dropdown Courses
Link Menu
Output level 3 links to Sections below Courses.
4b
Dropdown Research
Link Menu
Output level 3 links to Sections below Research.
4c
Dropdown Business
Link Menu
Output level 3 links to Sections below Business.
4d
Dropdown Alumni
Link Menu
Output level 3 links to Sections below Alumni.
4e
Dropdown Facilities
Link Menu
Output level 3 links to Sections below Facilities.
4f
Dropdown About Us
Link Menu
Output level 3 links to Sections below About Us.
5
Sliding Boxes
Related Content
Display the content at Style Assets >
Home Page > Sliding Boxes. Content
added using the Sliding Boxes template.
6
Social Networking Links
Related Content
Display the content at Style Assets >
Home Page > Social Networking Links. Content added using the Code Only template.
7
Course Search Box
Related Content
Includes code added to Style Assets > Course Search Box. Content added using the Code Only template. Using Google CSE.
8a
News & Events Item Active
Top Content
Shows the most recent item added to the News Section. Uses text/active formatter using the News Template. When a user hovers over a news item, the image slides to show an image corresponding to the news item.
8b
News & Event Image Active
Top Content
Shows the image of the most recent item added to the News Section. Uses text/activeimage formatter using the News Template. When a user hovers over a news item, the image slides to show an image corresponding to the news item.
8c
News & Event Item Not Active
Top Content
Shows the 2nd recent item added to the News Section. Uses text/notactive formatter using the News Template. When a user hovers over a news item, the image slides to show an image corresponding to the news item.
8d
News & Event Image Not Active
Top Content
Shows the image of the 2nd recent item added to the News Section. Uses text/notactiveimage formatter using the News Template. When a user hovers over a news item, the image slides to show an image corresponding to the news item.
9
Large Image Slideshow
Related Content
Display the content at Style Assets >
Home Page > Large Image Slideshow. Content added using the Large Image Slideshow template.
10
Pink Quick Links
Related Content Branch
Display the content at Home > Pink Quick Links. Content added using the Pink Quick Links template. By default, all children pages will show the same 2 pink links, unless otherwise specified.
11& 12
Footer LinksRow 1
Link MenuRelated Content
Display the content at Home >Link menu showing children of Style
Assets > Footer Links Row 1Style Assets > Footer Links. Content added using the Footer Linkstemplate.
12
Footer Links Row 2
Link Menu
Link menu showing children of Style
Assets > Footer Links Row 2
13
Address box
Related Content
Includes code added to Style Assets > Address Box. Content added using the Code Only template.
14
Share Button Code
Related Content
Includes code added to Style Assets > Share Button Code. Content added using the Code Only template. Link to Mobile site links to /mobile.
15
Edit this page & Direct Edit

2 Links Connecting to Site Manager – one to "Edit" in Site Manager, and the second to "Direct Edit".






Graphical


 

How to Update Inner Pages


#
Name
Type of Object
Notes
1
Path to Level 1
Section Details
Output the path to level 1 to allow logo to
link to home page
2
Search Box
Related Content
Includes code added to Style Assets > Search Box. Content added using the Code Only template.
3a
Link to Courses
Section Details
Output a link to Courses  (2nd
Level)
3b
Link to Research
Section Details
Output a link to Research  (2nd
Level)
3c
Link to Business
Section Details
Output a link to Business  (2nd
Level)
3d
Link to Alumni
Section Details
Output a link to Alumni  (2nd
Level)
3e
Link to Facilities
Section Details
Output a link to Facilities  (2nd
Level)
3f
Link to About Us
Section Details
Output a link to About Us  (2nd
Level)
4a
Dropdown Courses
Link Menu
Output level 3 links to Sections below Courses.
4b
Dropdown Research
Link Menu
Output level 3 links to Sections below Research.
4c
Dropdown Business
Link Menu
Output level 3 links to Sections below Business.
4d
Dropdown Alumni
Link Menu
Output level 3 links to Sections below Alumni.
4e
Dropdown Facilities
Link Menu
Output level 3 links to Sections below Facilities.
4f
Dropdown About Us
Link Menu
Output level 3 links to Sections below About Us.
10
Pink Quick Links
Related Content Branch
Display the content at Home > Pink Quick Links. Content added using the Pink Quick Links template. By default, all children pages will show the same 2 pink links, unless otherwise specified.
11& 12
Footer LinksRow 1
Related ContentLink Menu
Display the content at Home >Style Assets > Footer Links. Content added using the Footer Links template.Link menu showing children of Style
Assets > Footer Links Row 1
12
Footer Links Row 2
Link Menu
Link menu showing children of Style
Assets > Footer Links Row 2
13
Address box
Related Content
Includes code added to Style Assets > Address Box. Content added using the Code Only template.
14
Share Button Code
Related Content
Includes code added to Style Assets > Share Button Code. Content added using the Code Only template. Link to Mobile site links to /mobile.
15
Edit this page & Direct Edit

2 Links Connecting to Site Manager – one to "Edit" in Site Manager, and the second to "Direct Edit".
16
Breadcrumbs
Breadcrumbs
Breadcrumb showing path to current section. The current section is not a link
18
Left Navigation
Link Menu
Link menu showing links at level 3, and recursing to show an additional 2 levels.
19
Content Title

The title of the content

Graphical

How to Update Style with right hand boxes


#
Name
Type of Object
Notes
1
Path to Level 1
Section Details
Output the path to level 1 to allow logo to
link to home page
2
Search Box
Related Content
Includes code added to Style Assets > Search Box. Content added using the Code Only template.
3a
Link to Courses
Section Details
Output a link to Courses  (2nd
Level)
3b
Link to Research
Section Details
Output a link to Research  (2nd
Level)
3c
Link to Business
Section Details
Output a link to Business  (2nd
Level)
3d
Link to Alumni
Section Details
Output a link to Alumni  (2nd
Level)
3e
Link to Facilities
Section Details
Output a link to Facilities  (2nd
Level)
3f
Link to About Us
Section Details
Output a link to About Us  (2nd
Level)
4a
Dropdown Courses
Link Menu
Output level 3 links to Sections below Courses.
4b
Dropdown Research
Link Menu
Output level 3 links to Sections below Research.
4c
Dropdown Business
Link Menu
Output level 3 links to Sections below Business.
4d
Dropdown Alumni
Link Menu
Output level 3 links to Sections below Alumni.
4e
Dropdown Facilities
Link Menu
Output level 3 links to Sections below Facilities.
4f
Dropdown About Us
Link Menu
Output level 3 links to Sections below About Us.
10
Pink Quick Links
Related Content Branch
Display the content at Home > Pink Quick Links. Content added using the Pink Quick Links template. By default, all children pages will show the same 2 pink links, unless otherwise specified.
11& 12
Footer Links Row 1
Related ContentLink Menu
Display the content at Home >Style Assets > Footer Links. Content added using the Footer Links template.Link menu showing children of Style
Assets > Footer Links Row 1
12
Footer Links Row 2
Link Menu
Link menu showing children of Style
Assets > Footer Links Row 2
13
Address box
Related Content
Includes code added to Style Assets > Address Box. Content added using the Code Only template.
14
Share Button Code
Related Content
Includes code added to Style Assets > Share Button Code. Content added using the Code Only template. Link to Mobile site links to /mobile.
15
Edit this page & Direct Edit

2 Links Connecting to Site Manager – one to "Edit" in Site Manager, and the second to "Direct Edit".
16
Breadcrumbs
Breadcrumbs
Breadcrumb showing path to current section. The current section is not a link
18
Left Navigation
Link Menu
Link menu showing links at level 3, and recursing to show an additional 2 levels.
19
Content Title

The title of the content
20
Right Hand Column
Related Content Branch
Displays content from a hidden section called “Right Hand Column”. Content added using the Right Hand Column Template
21
Footer Links
Related Content
Displays content from a hidden section Style Assets > Footer Links. Content added using theFooter Links Template

Graphical

Content Templates

It is worth noting that all templates have a name element that is not published and is used for naming content within the CMS.
It is also worth nothing that all content can have a publish date and archive / withdrawal date. These are not mandatory and if they are not populated then the content publishes to the site immediately and does not archive unless manually moved.

Home Page Sliding Boxes


Element Name
Description
Type
length
compulsory
Title
Title of the Slide
Plain text
50 Words
Y
Image
Optional Image for the slide
Media
default
N
Description
Description for the Slide
HTML
500 words
N
Colour
Select a colour for the top and bottom Strip
Select Box
n/a
Y
Optional Video
Code for You Tube Video
Plain Text
2000 words
N
Box Link
Link text for footer of box
Section / Content Link
n/a
Y

 


Select Box List Options for Colour: Pink, Green, Blue.

Graphical



Text/html

 

<li>
<div class="green">
<div class="box-heading">
<div class="bg-r"></div>
<div class="bg-l"></div>
<div class="bg-c">

<div>
<a href="#"><h2>International</h2></a>
</div>
</div>
</div>

<div class="img-content">
<div class="img-hold">
<img src="images/img02.jpg" alt="image description" />
</div>
<div class="text">

<p>UCP Marjon welcomes international students on all of its undergraduate and postgraduate courses and programmes, both on a full-programme basis or through Study Abroad arrangements.</p>
</div>

</div>
<div class="btm-text">
div class="bg-r"></div>
<div class="bg-l"></div>
<div class="bg-c">
<div>
<p><a href="#">Learn about opportunities for <br /><span>International students</span></a></p>

</div>
</div>
</div>
</div>
</li>

 HomePage Large Image Slideshow

Element Name
Description
Type
length
compulsory
Image
Main Image
Media
default
Y
Box Link
Link text for footer of box
Section / Content Link
n/a
Y

Graphical



Text/html

 

<li>
<a href="#"><img src="images/img05.jpg" alt="image description" /></a>
<div class="btm-text">
<a href="#"><span>New Sports Centre NOW OPEN</span></a>
</div>
</li>

 Homepage Pink Quick Links


Element Name
Description
Type
length
compulsory
Image
Image
Media
Default
N
Box Link
Link text for footer of box
Section / Content Link
n/a
Y
Image Layout
Positions the image
Radio Button
n/a
Y

Graphical



Text/html

<div class="prospectus">
<div class="bg">
<div class="btm-bg">
<p><a href="#">Next Open Day<em><strong>Saturday 4 Sept 2010</strong></em></a></p>
</div>
</div>
<img src="images/img06.png" width="73" height="84" alt="image description" class="man" />
</div>

Adding Homepage News


Element Name
Description
Type
length
compulsory
Title

Plain Text
200 Words
Y
Date Released

Date
256 Words
Y
Intro

Plain Text
300 Words
N
Main Body

HTML
9999 Words
Y
Abstract Image

Image
100 kBytes
N
Inner Image

Media
256 words
N
Image Alt Text

Plain Text
20 words
N
Homepage Image

Media
256 words
N


Graphical


text/active


<div class="active">
<strong>
<a href="#">Challenging Stereotypes Conference at UCP Marjon</a>

<em>11/02/2010</em>

</strong>
<p>Final year Primary BEd students took part in the second annual 'Challenging Stereotypes' conference day recently which looked at preparing them for their forthcoming careers as primary teachers.</p>
</div>



text/notactive



<div class="post">

<div>
<strong><a href="#">Future teachers enjoy placement at Shapwick School</a> <em>11/02/2010</em></strong>

<p>Two students from UCP Marjon recently visited the Therapy Team at Shapwick School, Somerset, which specialises in supporting children with dyslexia.</p>

</div>
</div>



text/activeimage


<li><img src="images/img04.jpg" alt="image description" /></li>




text/notactiveimage



<li><img src="images/img04b.jpg" alt="image description" /></li>

Footer Links


Element Name
Description
Type
length
compulsory
Link 1

Content/Section Link
n/a
Y
Link 2

Content/Section Link
n/a
Y
Link 3

Content/Section Link
n/a
Y
Link 4

Content/Section Link
n/a
Y
Link 5

Content/Section Link
n/a
Y
Link 6

Content/Section Link
n/a
Y
Link 7

Content/Section Link
n/a
Y
Link 8

Content/Section Link
n/a
Y
Link 9

Content/Section Link
n/a
Y
Link 1

Content/Section Link
n/a
N


Graphical


Text/html

Right Hand Column


Element Name
Description
Type
length
compulsory
Heading

Plain Text
40 words
Y
Content

HTML
500 words
Y


Graphical



Comments

Post a Comment

Popular posts from this blog

December 2018 Subject Area Page - how its built in SiteManager

Model Page https://t4.net.marjon.ac.uk/webdev/dec-2018-new-designs/subject-area-page/ Page Layout The Subject area page uses the '2018 Subject Area' page layout Content  There are 14 pieces of content that make up the Subject Area Page as follows: 1.    2018 Dual Header Block - content type. Adds an information block and an image to the top of the page. Select 'Show the Social Media Icons on this slider' to show social media icons on page.  Images are 1000 x 600. 2.    2018 Who What Why Block - content type. Adds 3 columns of information to page.  3.    2018 CTA Block - content type. Adds a single call to action block to page.  4.    Output courses by level and subject - content type. Displayed courses content by both level and the subject as they are tagged as in the course content 2015 content type (x2 to display both undergrad an...
Post a Comment
Read more
The University will soon be upgrading from version 7 to version 8 of TerminalFour SiteManager.  Below is a first look at the enhanced user interface.  There are a number of added features and enhancements including Google Analytics measurement -y ou can use analytics to collect data about traffic to your pages, conversation rate, types of visitors, bounce rate and many other things. This allows you to measure and analyse the impact of your web data so you can improve the effectiveness of your pages. I will provide updates on when we will be upgrading SiteManager and provide a schedule of training which will specifically look at the changes between V7 and V8 on the staff news pages.  If you would like to know more information on SiteManager 8 and the upgrade then feel free to email me. Many Thanks Ian St John Web Services Manager istjohn@marjon.ac.uk
Post a Comment
Read more

2016 Website Designs - Second Landing - how its built

Model Page http://beta/webdev/2016-content/second-landing/ Page Layout The Second Landing page uses the '2016 Landing Page' layout Content  There are 12 pieces of content that make up the Second Landing page as follows: 1. Static Image -  ' Static Image'  content type -    the images from the media library (need to be 1440px x 900px) 2.  2nd Level Landing Page Title -  ' Textual Section Title ' content type 3. Content -  ' Two Column General Content'  content type 4 to 12. Masonry Grid 1 to 9 - 9 x Masonry Grid  Content Types -  images from the media library (need to be 1440px x 900px) -  need to be in sequence
Post a Comment
Read more