Articles tagged “HTML Editor”

Chapter 4: Understanding and Using Library Items

A library item is a file that contains blocks of code that you can place anywhere within your markup. With library items, you write snippets of HTML, CSS, JavaSript, etc., that may be common to...

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

Chatper 8: Semantic Markup

“A day wasted on others is not wasted on one’s self.” - Charles Dickens, A Tale of Two Cities What does this quote have to do with Semantic Markup? Read on to learn...

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

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

HTML Editor vs. Visual Site Designer

Glad to see you're interested in building a website! Often people will ask us: Should I pick the HTML Editor or Visual Site Designer ? What's the difference between the two?...

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

I Built My Site Using a Third Party's Webpage Builder. Will I Be Able to Use the HTML Editor?

Yes! You can use CoffeeCup HTML Editor to open any HTML page created with another company's web design software. However, at this time you cannot open sites designed in other programs with...

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

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

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

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

Adding a Google +1 Button to Your Page

Have you seen the cool "Google +1" buttons that people have been adding to their websites? When implemented, this button can truly enhance the layout of your page and...

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