content management for web designers
DESCRIPTION
Designing with CMS in mindImporting your design templatesAdvanced FeaturesImproving your ProfitAll features of CMS automatically availableTRANSCRIPT
- 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