Content Management for Web Designers

1. Content Management For Web Designers

Designing with CMS in mind

Importing your design

Advanced Features

Improving your Profit

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

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]

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

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

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

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

[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

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

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.

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

Content Management for Web Designers

Technology

Transcript of Content Management for Web Designers