I have written recently about the advantages of using a Content Management System (CMS) such as Joomla! as the environment for creating your websites.  <link here for previous article>

One of the benefits of using a widely distributed open source CMS like Joomla! or DRUPAL is the astounding variety of extensions, plug-ins and theme templates that are available at little or no cost from the user community of your favorite CMS.  I note also that many of the CMS features that I am using in Joomla! are also available in WordPress. So I am finally understanding why so many of you switched to WordPress for your personal blogging sites some time ago.  (OK Cheryl – I get it…)

But it takes time to find the exact template or theme that you may want – and there just may not be any author out there with the same twisted sense of style that I have.  So the solution is to create your own HTML code and CSS files. 

But wait a minute.  I found the Joomla! solution because I am not proficient in coding or CSS creation. In my typical voyage of discovery (keep seeking and you shall find on the internet) method, I seem to have found an answer. 

Website psd2cssonline.com gives you the capability to create your template as a Photoshop (or GIMP) file – that is the PSD part of the name (PSD is the file extension of a Photoshop file).  By using particular layer names in Photoshop for the specific elements of your sytle sheet or web page, you can submit your completed PSD file to the PSD2CSSonline.com site and the service will automatically convert your PSD file into the necessary HTML code and CSS files to create your site.  The system has Joomla! or WordPress specific layer names that permit you to use this powerful conversion site to create template files for your preferred environment.

I recommend that if you need to create template files with full HTML and CSS capability, that you go to psd2cssonline.com  and view the tutorials and check out the documentation which includes the layer names available for template elements.  I am at the beginning of the process, but I believe that this will be a much faster system for creating templates for Joomla! and other environments than HTML coding and CSS file creation.  I also think that the system will help me learn the CSS system as I observe how my Photoshop designed pages are interpreted into Cascading Style Sheet files. 

In addition to simple placement of content, menu and image elements, the system embeds a number of sophisticated and intellegent functions into your pages. 

If you want total control of your on line image and, like me, you have limited background in coding – this website appears to be a powerful tool in your bag of tricks to help you create web pages that meet your needs and specifications. 

Shaun McIntyre is the brain behind the site.  He provides the following You-Tube video tutorial to explain the specifics of creating a Joomla! template from a Photoshop file. 

 

Enjoy.

 
Post is included in group: It's a Geek Thing
Post is included in group: Real Estate Agent Web Design Tips
Post is included in group: Tech Corner
Post is included in group: Web 2.0
Post is included in group: e-PRO Internet Technology

4 Comments on For Techies Only - HTML and CSS on demand

JUL
29
2009
173,544 Points 43 Featured Posts

Ted,

Thank you so much for posting this informative information, helpful to many I am sure.  I have heard many pro's about the Joomla platform, mainly that is an easier platform for people to use self-service.

**  THIS POST IS FEATURED IN THE E-PRO INTERNET MARKETING GROUP**

12:41pm • #1
AUG
13
2009
315,367 Points 4 Featured Posts Outside Blog

UPDATE

I spoke with Shaun McIntyre about the service levels he offers.  The free service is, naturally, limited to a subset of the capabilities of the site.  With limited layer naming conventions, the free service does not reach the level of creating Joomla templates.  

The paid service is $20 per month, so will appeal to the pros among us who will use the service on an ongoing basis.  This is a bit interesting as those pros may prefer to do their own coding.  But even the professional will find, I believe, that the system provides quick templates for client demos. 

The new user has free access to the full service for the two week demonstration period.  And, Shaun tells me, many people finish their work in that demo period.  I have suggested an alternative pricing model to Shaun - I will report back if he makes any changes. 

 

3:29am • #2
JAN
09
2010
3 Featured Posts Attended Rain Camp

  I remember seeing a service similar where they could convert your PSD files to html files for a flat fee. If you have one or two pages and need it right away that might make sense. If you are doing more and want to save money and have better control you might want to look at something like SiteGrinder that can convert PSD files to html and css stylesheets. I have been using that program for a few years and the benefits that I mentioned are well worth it.

11:28pm • #3
JAN
10
2010
315,367 Points 4 Featured Posts Outside Blog

Update: I now use Artisteer 2 to accomplish all template related tasks for Joomla, Wordpress or HTML

8:38pm • #4

Login or register to leave a comment

 
Ted_drawing Rainmaker_large

Ted Baker - MidFloridaMediation.com

Winter Haven, FL

More about me…

Carmody and Associates LLC

Address: 305 Bay Street, Auburndale, FL, 33823

Office Phone: (863) 877-0047

Cell Phone: (863) 877-0047

Email Me

Ted Baker Carmody and Associates LLC

Blog title: Sound and Fury is from Shakespeare's Macbeth. The quote: "It is a tale told by an idiot, full of sound and fury,
signifying nothing."

Disclaimer: The opinions expressed here are my own and do not necessarily represent the views of my employer or any group with which I may be affiliated.

Twitter ID @webted2




Listings

Links

Archives

RSS 2.0 Feed for this blog