Content Management For Web Designers <ul><li>Designing with CMS in mind </li></ul><ul><li>Importing your design </li></ul>...
Something to think about <ul><li>Your customer will want to add/delete pages </li></ul><ul><li>Content and design will be ...
So therefore <ul><li>Design a dynamic CSS powered list item [MENU] in mind (e.g. UL LI)  </li></ul><ul><li>Please use CSS,...
How to import your template <ul><li>Upload images to /images/ </li></ul><ul><li>Copy and paste CSS  (/style.css) </li></ul...
File names and URLs <ul><li>File name entered during “add page” / “rename page”  </li></ul><ul><li>Publish button generate...
Image Paths <ul><li>Deep URLs don't like relative references </li></ul><ul><li>Shared SSL certificate URL for e-commerce r...
CSS <ul><li>Compatible with all CSS </li></ul><ul><li>Use UL LI menus (ours is compatible with most online example CSS) </...
Template Variations <ul><li>Custom templates A, B, C, etc </li></ul><ul><li>Different sections, different looks, but only ...
Advanced Tips <ul><li>[ZONE2] is a readily accessible 2 nd  content area, good for columned/sectioned designs. </li></ul><...
Account Status Notes <ul><li>Use the website trial wizard to create your web spaces </li></ul><ul><li>New sites don't get ...
Improving Profits <ul><li>Charge your customers a “service level agreement” (SLA) if they require support from you. </li><...
Resell? <ul><li>Maintain relationship with your customer </li></ul><ul><li>Earn recurring income from hosting  </li></ul><...
Contact Details
Upcoming SlideShare
Loading in...5
×

Content Management for Web Designers

2,242

Published on

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

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,242
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Content Management for Web Designers

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

    Clipping is a handy way to collect important slides you want to go back to later.

×