Articles tagged “HTML Editor”

Using the Font Wizard

Among the many incredible tools found within our HTML Editor, the Font Wizard is a great tool to enhance your page design.  You can find the Font Wizard under the Format tab. When...

S-Drive Academy: Sync with the HTML Editor

Yep, it’s another fun day of class at S-Drive Academy. Today we’re going to show you how a website made with The HTML Editor can be synced to S-Drive. Yes, this is the same...

Chapter 2: Working With Website Projects

We cannot stress enough how important Website Projects are. If used correctly, this tool can make broken links a thing of the past. You'll never see those pesky red X's instead of your...

What are these CPF and CPFS files, anyway?

In your HTML Editor's Website Project folder, there are two files that contain data about your project: The .cpf file is your project source file, and contains the path to your...

Create a favicon

Add a fun favicon, short for favorite icon, which is a tiny graphic that appears in the web browser tab when your site is opened. These icons are also used by mobile phones when saving a webpage...

How to Change Where Things Appear on the Page.

Web browsers require special code for things like extra spaces and new lines. Luckily, the HTML editor comes with a set of tools that allow you to easily manipulate the appearance of your page....

How to Change the Style of Text.

Unlike people, not all text is created equal. Some text is bold or italicized . Other text can be different colors, such as red , blue , or orange . Some text is huge , whereas other...

How to Insert JavaScripts.

Note : This feature is disabled in HTML Editor version 2009 and higher. However, you can still insert your own JavaScripts and save them as snippets. For more information about customizing...

Is There a JavaScript or HTML Debugger Included in the Program?

There are no JavaScript debugging tools in HTML Editor, but there is an HTML code cleaner that can find unclosed and unsupported tags, as well as other anomalies in your code. To access it, go...

How to Create a Style Sheet.

Style sheets open up a whole new world of customization for HTML. They give you control over characters, words, and lines, and allow you to change things such as the alignment of text, margins,...

How to Add Special Characters to Your Page.

By default, browsers do not recognize all the characters you may enter into your code. For instance, a < or a > sign is normally not printed to the screen, because the browser interprets...

Color-Coding Your Tags.

By color-coding your tags, you give each type of tag its own unique color to differentiate it from the rest of the document. Color-coding tags makes debugging a document much easier, since you can...

Using the Code Cleaner.

If you've ever tried to edit someone else's code, you know how much of a hassle it can be to pick through a style that isn't your own. Reformatting can be a pain, but with the HTML...

Left-Align Your Code

Individual HTML code style is kind of like handwriting — everyone's is a little different. For instance, some designers love using indents to help organize their code and set certain...

Using Find and Replace

If your site has more than one page — like pretty much every website ever — then you know that making a global change can be pretty difficult. For example, say you want to replace...

How to Create a Custom Toolbar.

Everyone loves a toolbar. Why spend time digging around in menus when you can accomplish a task with the click of a button? Well, with the HTML Editor's customizable interface, you can get...

"Markup Data Folder Does Not Exist" Error

If you are using Windows XP, Vista or 7,8 and get the "Markup Data Folder does not exist!" error when you try to open the HTML Editor, you may have improperly set permissions for the...

Creating Links to Downloadable Files.

Follow these steps to add a link to a downloadable document on your page. Note : This tutorial assumes you are working with Website Projects. For more information about how to use...

Vista Isn't Displaying the Files in my Working Folder.

By default, the HTML Editor will save files in the Working folder, which is located at C:\Program Files\CoffeeCup Software\Working . However, Vista may interfere with this process, creating a...

How to Install Themes in the HTML Editor 2010 SE.

Follow these steps to install themes you have purchased from our Theme Store in the HTML Editor 2010 SE ( Note : If you are using an older version of the HTML Editor, you can upgrade by...

Adding a Radio Button Group to an HTML Form

Radio buttons are slightly different from other HTML form elements in that they present multiple options and only allow one choice. This being the case, the HTML Editor contains a special tool...

Internal Preview Uses

The HTML Editor's internal preview will emulate Internet Explorer to display a preview of your code. However, there are a few things you should know before wondering why some of your code...

Previewing Your Work in the HTML Editor.

There are a ton of different options available for previewing your work in the HTML Editor. After all, it's good web design practice to view your website in several different browsers to...

My Website was Messed Up when I Upgraded to the HTML Editor 2010 SE. What Happened?

This problem has to do with the way older versions of the HTML Editor handled mistakes in code. Versions 2009 and lower were more forgiving of mistakes in code, which, while easier in the short...

Switching Between Open Files

There are a couple of different options for switching between open files in the HTML Editor. Window Menu The Window menu allows you to see all the files open in the Editor. Click...

Responsive Themes: What are they?

You may be asking yourself what really is a Responsive theme and why do I need one? Well a responsive theme is a process of web design that allows a website designer to restructure a website at...

Uploading Files to Your Server.

If you want other people to be able to view your website on the Internet, you'll need to upload it to a server. The logistics of this process are a little hazy for some beginners, so...

Why Do I See a Box with a Red X Where My Image is Supposed to Be?

There are a couple of different issues that could explain why your images are not displaying correctly: Note : Most of these problems can be solved by transitioning to using Website...

Using Snippets

If you've ever been frustrated at having to type the same piece of code over and over, you'll love snippets. A snippet is a piece of code stored in the HTML Editor that can be used...

Error I/O 183

You may receive this error if you are trying to edit files that the HTML Editor cannot understand because they don't contain valid HTML code. You will not be able to edit these files with...