Content Management for Web Designers
Upcoming SlideShare
Loading in...5
×
 

Content Management for Web Designers

on

  • 2,536 views

Designing with CMS in mind

Designing with CMS in mind
Importing your design templates
Advanced Features
Improving your Profit
All features of CMS automatically available

Statistics

Views

Total Views
2,536
Views on SlideShare
1,236
Embed Views
1,300

Actions

Likes
0
Downloads
1
Comments
0

17 Embeds 1,300

http://www.websitebuilder.co.nz 1037
http://www.webwidgets.co.nz 180
http://www.web-widgets.net 25
http://www.xoren.co.nz 19
http://www.offline.websitebuilder.co.nz 13
http://www.slideshare.net 8
http://translate.googleusercontent.com 4
http://www.webwgt.com.global.prod.fastly.net 3
http://www.21.cmstimmy.net 2
https://blackboardtest.lawrenceville.org 2
http://www.webwidgets.com.au 1
http://reseller.websitebuilder.co.nz 1
http://www.reseller.websitebuilder.co.nz 1
http://www.freewebsitebuilder.ws 1
http://www.xoren.com 1
http://www.lmodules.com 1
http://www.21.cmstrial.net 1
More...

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Content Management for Web Designers Content Management for Web Designers Presentation Transcript

  • Content Management For Web Designers
    • Designing with CMS in mind
    • Importing your design
    • Advanced Features
    • Improving your Profit
  • Something to think about
    • Your customer will want to add/delete pages
    • Content and design will be separated
    • Your customer will not have HTML/CSS skills, so lets make it easy for them.
    • Your customer may want to change their banner animation frames, or add social networking elements to their template
  • So therefore
    • Design a dynamic CSS powered list item [MENU] in mind (e.g. UL LI)
    • Please use CSS, but avoid use of BODY styles
    • Define a [CONTENT] area that can grow vertically
    • TABLE may cope better than DIV with unknown content widths
    • Work with our advanced features for [BANNER] and [SOCIALICONS]
  • How to import your template
    • Upload images to /images/
    • Copy and paste CSS (/style.css)
    • Copy and paste HTML into custom templateA
    • Define [HEADING] and [CONTENT]. Possibly [ZONE2] and [BANNER] or [SOCIALICONS].
    • Fix src= and href= pathnames to root references. Your template may be used from deep URLs
    • Test and fix above as necessary
  • File names and URLs
    • File name entered during “add page” / “rename page”
    • Publish button generates dynamic content and saves using file names above
    • Sub directory's ok, spaces not
    • Avoid changing file names or relink anywhere used.
    • Dynamic menu avoids static linking issues
    • Optionally access files via FTP
  • Image Paths
    • Deep URLs don't like relative references
    • Shared SSL certificate URL for e-commerce require full image src reference
    • “images/” versus “/uploads/9999/images/”
    • Find your unique 9999 number in the manage files area.
    • Find FTP details in the manage files area
    • Some images are declared in CSS, so fix both CSS and HTML template
  • CSS
    • Compatible with all CSS
    • Use UL LI menus (ours is compatible with most online example CSS)
    • BODY style good for text colour and font family
    • BODY style bad for padding, margin, height, backgrounds
    • Separate files for different templates, platforms, menus and category menus
    • Avoid putting classes on every paragraph, this is not easily maintainable by your customer
  • Template Variations
    • Custom templates A, B, C, etc
    • Different sections, different looks, but only 1 dynamic menu and 1 category menu.
    • Unique CSS or shared CSS
    • Assign pages to templates in page options tab
    • Template A is default (so perhaps use Template B for a unique home page?)
  • Advanced Tips
    • [ZONE2] is a readily accessible 2 nd content area, good for columned/sectioned designs.
    • [BANNER] or [BANNERPAGE] great for animated banners that are customer editable
    • [SEARCH], [BREADCRUMB], [LOGIN], [SOCIALICONS], etc allow you to add advanced features easily. Style with CSS
  • Account Status Notes
    • Use the website trial wizard to create your web spaces
    • New sites don't get access to FTP until WIP status
    • New sites need to be made live for web address to work
    • Consider
  • Improving Profits
    • Charge your customers a “service level agreement” (SLA) if they require support from you.
    • Consider using our standard positional templates and just upload graphics, for a faster turnaround on jobs, increasing your profits. Or aim for adaptable templates.
    • Become a reseller for better rates on hosting and domains.
  • Resell?
    • Maintain relationship with your customer
    • Earn recurring income from hosting
    • Get 25% plus discount off hosting plans
    • Discounted domain names
    • Make your own customers live
    • 24/7 live management of your customer domains and web space status
  • Contact Details