Site Managerat St AndrewsDecember 2006 Installed Site Manager 5.1 (or 5.2)May 2007 Launched first siteOctober 2008 Upgraded to Site Manager 6.0.0018Summer 2009 Dev server installed with 6.2Soon? Upgrade live to 6.2Currently 35 channels, inc. 11 RSS channels
Naming conventions UPPERCASE, Mixed case or lowercase URLs? Per channel Content e.g. webteam_about_garethjmsaunders Styles and templates e.g. Divinity 1 Home Media library categories Publish out as separate folders? TOOLS > CONFIGURATION Media library items e.g. hr-policy-sickleave.pdf
Hack #1: Firebug for Firefoxhttp://getfirebug.com
CSS Selector navigation object Problem How do I delete these?
CSS Selector navigation object Hack! Use Firebug Locate the values in the code Delete them UPDATE
Hack #2: Stylish for Firefoxhttps://addons.mozilla.org/en-US/firefox/addon/2108"Restyle the web with Stylish, a user styles manager."
Use Firebug to locate page elements Isolating the login input boxes
Stylish examples Log in screen Before Small login boxes After Web 2.0 treatment for the short-sighted
Stylish examples Site Hierarchy Before Very subtle background colour on mouse-over hover After Hover more prominent
Stylish examples Media Library Before There is no media in which category? After Ah! that one!
Stylish examples Configuration Before Centre-aligned headings After Left-aligned headings with background-colour and hover-effect on rows
3. From design to T4Transferring your designs into Site Manager
Use mind maps Our uses include Project management Information architecture Migration (4,000+ pages) Re-architect 50+ sites Page-level design Design management User permissions in T4 www.slideshare.com/garethjmsaunders/
4. Efficient codeImproving the Web one byte at a time
Duplicate standalone HTML code for quick mock-ups TERMINALFOUR Site Manager Standalone HTML
Use version control Efficient Work on different branches concurrently Fail-safe Roll back quickly to an older version
Framework advantages v disadvantages Advantages Cross-browser support Faster development time Well-structured, modular code Code consistency Visual design cohesion Disadvantages Often non-semantic Bloated code (may not need whole framework) Limited Inherit other peoples bugs Can take time to learn
Optimize your code Books High Performance Web Sites Steve Souders (OReilly, 2007) ISBN 0-596-52930-9 Even Faster Web Sites Steve Souders (OReilly, 2009) ISBN 0-596-52230-4 Firebug add-ons Yahoo! YSlow http://developer.yahoo.com/yslow/ Google Page Speed http://code.google.com/speed/page-speed/
5. Navigation objectsWhere do you want to go today?
Navigation objects Site Manager 6.0 Related Content Related Content Branch BreadCrumbs CSS Selector Link Menu Return To Index Section Details Top Content BreadCrumb Advanced Language Switcher Section Iterator Site Map Top Stories
An average page CSS Selector BreadCrumbs Related ContentSection BranchDetailsLink RelatedMenu Content Content
Hourly publishing schedule Transfer Manager Site Manager WWW
Approve by half past, live 50 minutes later Transfer Manager Site Manager WWW
The problem If we schedule the RSS publish anywhere during those 50 minutes and a new News item has been approved after half-past then the RSS feed may publish out a link to a 404 depending on whether the HTML publish included it or not.
Example 09:30 HTML publish begins 09:45 News item approved 10:20 RSS feed published with 404 link to latest news item + 11:20 News item finally published to HTML
Our solution 09:29 RSS publish to staging 09:30 HTML publish to staging 10:09 Transfer all to live +
Password protect a directory /restricted LDAP require user abc1 require user def2 require user ghi3 .htaccess
Publish as a channel? Advantages Create template Tight control on what information is entered Restrict access to template Disadvantages Channels publish a file to every directory even if there is no content being published to that channel.
Channels also publish to empty sections Staff .htaccess Restricted .htaccess Students .htaccess Parents .htaccess Channel has only one piece Every section is published of content to with blank .htaccess files
11. DeletedFor those users who dont understand what inactive means
Create a local deleted section within each site
Content status: 4 values, 3 lights Publish Draft Do not publish (hide) Deleted
Whats the difference between Expired and Inactive? Publish Draft Do not publish (hide) Deleted
How many of our users think of it Here lies your content Inactive Expired
How TERMINALFOUR thinks of it Here lies your content Expired Inactive
Move content/sections you really want to delete
Purge only those items within a Deleted section
For those about to use Site ManagerWe salute you!