The HTML Editor Video Tutorials
-
HTML Editor Overview
This tutorial will introduce you to the basic features of CoffeeCup HTML Editor. This dynamic software contains a code editor and a What You See Is What You Get editor, as well as built-in preview and upload options. Numerous tools allow you to create as many customized Webpages as you wish!
(Version 2008 used in this video tutorial) -
Visual Site Designer vs. HTML Editor
It's a question we get a lot: What's the difference between Visual Site Designer and HTML Editor? We're glad you asked. This video outlines the differences between our two pieces of Web design software -- namely that Visual Site Designer is purely WYSIWYG (What You See Is What You Get), whereas HTML Editor combines a code editor with a WYSIWYG editor. This means Visual Site Designer is better suited for beginners or those who prefer not to learn code. This also means that Visual Site Designer cannot open previously created Websites; HTML Editor does have this capability.
(Version 5.9.4 of Visual Site Designer and Version 2008 of HTML Editor used in this video tutorial) -
Setting Up Projects in HTML Editor
In this video, you'll learn how to create a project in CoffeeCup HTML Editor. This allows you to keep your HTML documents better organized and manage your Website more easily. When you create a new project, the program will ask whether you wish to create an empty project or a project from existing files. It will then allow you to name your project and choose the location on your computer where it will be saved. It will also show you how to edit your project settings, including the name, location, and which server profile you'll use to upload your pages.
(Version 2008 used in this video tutorial) -
Setting Up FTP in HTML Editor
This video shows you how to set up a built-in FTP server profile in CoffeeCup HTML Editor. To do so, navigate to the File menu and select Upload File to Server. This opens the Add or Edit Servers option. Selecting it opens the Server Configuration window, where you can edit a preexisting FTP server profile or add a new one. The video will explain which information you need to enter in the provided fields, as well as how to find the information if you have forgotten it. It will also show you how to test your FTP settings and access your newly added server profile. Finally, it offers tips for users who are experiencing connection issues.
(Version 2008 used in this video tutorial) -
Adding Text Links
This video will show you how to create a text link in CoffeeCup HTML Editor. To do this in the Code editor, navigate to the Insert menu and select Link. You can enter the link text, the URL, the target, the title, and the status window message. You can repeat the same process within the Visual editor. The video will also show you how to preview your link within the program.
(Version 2008 used in this video tutorial) -
Adding a Background Image
This video shows you how to add a background image in CoffeeCup HTML Editor. To do this in both the Code and Visual editors, navigate to Document menu and select Document Properties. You can enter a page title, browse your computer for a background image, change the text and link colors, or select a color scheme for your text and links.
(Version 2008 used in this video tutorial) -
Adding Images
This tutorial will guide you through the process of adding images to a Webpage created in CoffeeCup HTML Editor. First, click the area where you want to add the image, and then navigate to Insert menu and select Image. This will prompt you to browse your computer for the desired image. You can specify the image's alt text, alignment, border thickness, width, height, and URL (if you want the image to be a link). You can also create and insert the image as a thumbnail. This gives you the option of linking to the original image, adjusting the thumbnail filename prefix, width, height, format (GIF or JPG), and quality. When you add an image, you will be given the option to add it to your working folder. Finally, the video will show you how to preview the image within HTML Editor.
(Version 2008 used in this video tutorial) -
Changing the Character Set
In this tutorial, you'll learn how to change the character set in CoffeeCup HTML Editor. To do this, navigate to the Tools menu and select Preferences. Click the Highlighting tab and then click the Modify button. You can choose your character set from the provided drop-down menu.
(Version 2008 used in this video tutorial) -
Adjusting HTML Editor Preferences
In this tutorial, you will learn how to adjust the wealth of preferences available in CoffeeCup HTML Editor. To access them, navigate to the Tools menu and select Preferences. You can choose from several display, program, editing, testing, uploading, and printing options, what version of HTML you'd like to work with, what file extensions the program recognizes, what applications you'd like to open within the editor, what working directories you'd like to use, what toolbar configurations you'd like to use, and highlighting options.
(Version 2008 used in this video tutorial) -
Run HTML Editor as Administrator (Windows Vista)
Due to tight security settings in Windows Vista, some users have experienced trouble opening CoffeeCup HTML Editor. This video shows you how to work around this by running the program as an administrator and setting it to run in compatibility mode for Windows XP (Service Pack 2). You may also need to adjust user account controls and/or set the program as an exception in Vista's Data Execution Prevention feature.
(Version 5.9.4 used in this video tutorial)
(Version 2008 used in this video tutorial) -
Toggle Word Wrap
This video will show you how to toggle the word wrap option in CoffeeCup HTML Editor. This option makes it easier to read and edit long strings of code.
(Version 2008 used in this video tutorial) -
Adding Flash™ to HTML Editor
This video will show you how to add a Flash™ element to CoffeeCup HTML Editor. To do so, paste the object code between the two body tags and ensure that the files associated with your Flash™ are saved to your working folder.
(Version 2008 used in this video tutorial) -
Editing Tables
This video will show you how to create tables in CoffeeCup HTML Editor. To do so, navigate to the Insert menu and select Table Designer. You will be prompted to specify the attributes of the table. Be sure to save the file in CTF format, because this ensures that you'll be able to edit the table later. To edit a CTF table, first highlight all the table HTML code that was previously inserted in the document and delete it. Then navigate to the Insert menu and select Table Designer. Click Cancel, and then navigate to the File menu and select Open. You can then browse your computer for the CTF file you wish to edit. To edit the table in the Visual Editor tab, use the fields and tools at the bottom of the workspace.
(Version 2008 used in this video tutorial)

