using CoffeeCup html editor on site...

User 3666 Photo


Registered User
1 post

Hi Support,
I have built a website using Artisteer (dunno if you are familiar with them), because they have great features in creating a look and feel. The problem with the program beyond that is it is very buggy.
For example when I put adsense code in their editor, somewhere along the line it corrupts the code and so the adsense ads do not show up when the site is live. This and a few other issues.
I did not notice that when I use Coffee Cup html editor and open my site from the web, I can add the adsense code and it does show up live, at least when I test it in my browser through the html editor.
So since I only needed Artisteer to create a look and feel, I was wondering if I could actually use Coffee Cup to edit the pages I create and then upload them to my site.
When I opened the site from the web, three pages opened in the editor. 1. html page 2. css page and 3. style.responsive .css page.
I am "guessing" that the css page and style.responsive page are the same throughout the site and do not need to be changed page by page each time I make a change to an html page.
Am I right in that assumption and therefore could I use Coffee Cup to edit content on my site?
Thanks
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Marc,

You can most definitely use the HTML Editor to edit the Artisteer files for your site. I would highly suggest getting some tuturials under your belt if you're unfamiliar with CSS, but other than that have at it.

As for the CSS files, those are usually global or sometimes just for single pages depending on what they are for. Some scripts use their own CSS files for things like Galleries and such and may only pertain to the page that element is on. Other than that they shouldn't need to be edited along with your HTML pages unless you want to adjust certain styles of your site pages.

Good luck with it :)
User 474778 Photo


Registered User
215 posts

Marc,
You don't have to guess, no matter how you generated your site's code. You can examine your markup (HTML) and styling (CSS) just as they appear to the browser using the browser's built-in tools. You can then grab the code and edit it yourself.

For example, right click anywhere on your page and select "View Page Source" (Firefox version 23) or "View Source" (MS-Explorer version 8 <<I live in the past with Microsoft in order to verify compatibility.>>)

In particular, you'll see references to CSS files near the top of the HTML page code. The references look like:

<link rel="stylesheet" href="/path_to_the_css_file" type="text/css" media="screen">

Firefox also offers a Style browser/editor. Starting at the menu bar at the top of the browser window, click Tools >> Web Developer >> Style Editor. You may also have to click Tools >> Web Developer >> Toggle Tools to get the Style Editor to appear.

You can similarly examine and grab Javascript files related to your page.

You can use these tools to "scrape" any Web page's client-side design. You can then edit the design and upload it to your hosting service, file by file. At that point, you will have become independent of Artisteer.

CoffeeCup's HTML editor is helpful because it provides a lot of built-in, time-saving knowledge, such as listing the valid properties of HTML tags and allowing you to pick one instead of guessing or misspelling. The Editor also comes with several skeletal layouts that you can easily adapt to your own pages. IMHO, these are work the price of the Editor all by themselves.

The technique I've described cannot capture parts of your design that depend upon dynamic behavior on the hosting server. For example, the code to search a server-side database runs on the server. The client-side tools cannot "see" this server-side code, just the results the host passes over the Web to the client.

Depending on how large your site is and how much server-side work Artisteer does, it may or may not be practical to attempt leaving it behind. But I urge you to give it a try.
halfnium -AT- alum.mit.edu
Yes, I looked just like that in 1962.
User 235128 Photo


Registered User
33 posts

Yes you can use the CC HTML Editor to edit files generated by Artisteer, but there is a "Gotcha":

If you make subsequent changes to your Artisteer project and re-export, you run the risk of overwriting all of your edits. Be sure to keep the export directory and the edit/live directory separate.

Assuming you are exporting an HTML project, then yes the css pages are used throughout the site. If you are just trying to change the content in your html page(s), then you are correct in your assumption that you won't have to change the CSS files.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.