content management for web designers

Download Content Management for Web Designers

If you can't read please download the document

Upload: reuben-jackson

Post on 18-May-2015

2.210 views

Category:

Technology


1 download

DESCRIPTION

Designing with CMS in mindImporting your design templatesAdvanced FeaturesImproving your ProfitAll features of CMS automatically available

TRANSCRIPT

  • 1. Content Management For Web Designers
    • Designing with CMS in mind
  • Importing your design
  • Advanced Features
  • Improving your Profit

2. 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

3. 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]

4. 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

5. 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

6. 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

7. 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

8. 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?)

9. Advanced Tips

  • [ZONE2] is a readily accessible 2 ndcontent 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

10. 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

11. 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.

12. 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

13. Contact Details