Articles - Sort by article_title

Chapter 1: Introduction to Animated GIFs

The GIF file format brings another dimension to images on the web. While most images are motionless and have width and height, GIFs can have width, height, and time. While you may not think...

Chapter 1: Managing The Responsive Grid with Layout Maker

Row & Column Management in the Grid Keeping the content and page elements organized at every possible display width is virtually impossible without the use of a good grid system. Grid based...

Chapter 1: Summary Tab

You might be surprised to learn that your site may not always loads/respond exactly the same for each visitor across mobile phones, tablets and desktop computers. Studies show that people are...

Chapter 2: Behind the Scenes of Website Access Manager

In order to effectively use Website Access Manager, it’s necessary to understand how the software and the underlying process work. Looking for detailed but easy-to-understand information...

Chapter 2: Creating a Basic Shop

In this tutorial, we’re going to design a shop with two categories, each with one product. This example is going to create product descriptions for CoffeeCup merchandise, but you can use the...

Chapter 2: Design and configure your image map

Design pane The design tab holds many of the editing features of the program and can assist in setting up your new image map! These tools allow you to specify different links using the right...

Chapter 2: Designing a Form

Just a note before we get started: There are many different ways you can perform the functions we’ll explain in this tutorial. For example, to save your form—which you should often be doing....

Chapter 2: General Settings Tab

The General Tab is where you can edit the general settings of your button. Such as Text, Text Padding, width and more! Below is a list of the settings and what they do!    ...

Chapter 2: Getting Started with the Web Editor

We cannot stress enough how important Projects are. If used correctly, this tool can make broken links a thing of the past. You’ll never see those pesky red broken images again! Before we...

Chapter 2: Getting to know the Animation Studio Workspace

Here’s a quick overview of the major features of the Animation Studio workspace:     1. Frames Tab Add, arrange, and view all of the frames in your animation. 2....

Chapter 2: Speed Tab

Speed is vital Knowing how content is loaded in your browser and seeing what takes the most time to download is an essential part of learning ways to speed up your website. Statistics show that...

Chapter 2: The Layout Tab in RED

The Layout Pane RED brings the power of grid based web design to email creation. Content is organized and aligned using Rows and Columns. These rows and columns can be seen as grid elements,...

Chapter 2: Understanding HTML & CSS3

The Code Powering Your Menu No need to get into details here in this chapter, after all, Menu Builder does all the work for you. But this we want to make clear before we go any further: HTML...

Chapter 2: Understanding SEO

Search Engine Optimization, also known as SEO, comes with many definitions depending on who you ask. In general SEO points to the process of optimizing your web pages so that search engines will...

Chapter 2: Using Elements for Content-Driven Responsive Layouts

Populating the layout design with content elements This part of the application is so intuitive that it barely needs any explanation. Simply decide on your content needs, drag them on your...

Chapter 2: Using Places

Now that you have all your profiles setup and are ready to go, let’s put them to good use! Places has a lot of neat features for such a small program. Using them is rather easy, but we want to...

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

Chapter 3: Blocks and Cursors

Whether you’re hand-coding tons of repetitive items or rearranging a huge document, you’ll find that the Web Editor’s blocks and cursors shortcuts are a huge help. Blocks Blocks are...

Chapter 3: Components Tab

Here you will find an overview of your page components. It provides you with information about their individual file sizes, combined file sizes (total page weight) and download speed. The...

Chapter 3: Creating a New Webpage

There are three ways to create a new page in the HTML Editor: using the Quick Start Wizard , starting from scratch, using a layout, or using a theme. Quick Links: New HTML Page...

Chapter 3: Design Properties Tab

All the cool kids love the Design tab. This tab allows for background manipulation, color disposition, image refrigeration, border contortions, corner roundafication and shadow relocation. (Yes,...

Chapter 3: Exporting your Image Map

Ready to export your image map? When exporting, you have two choices to select from (responsive and non-responsive). To start the export process go to File > Export Image Map select the type of...

Chapter 3: Managing Inventory

Using the inventory tool, you can keep track of your inventory and transaction history. In this section, you’ll learn how to use it. Please keep in mind that although this tool is a great...

Chapter 3: New Profile Wizard Walkthrough

When you first open Website Access Manager, you will be prompted to create a new profile. The first step checks to see if your server is compatible with the program. Because .htaccess only works...

Chapter 3: Places Settings

An FTP program does not need a lot of settings to get the job done. That is why we have minimized the settings used in Places. There are two sections found under Tools > Settings , Options...

Chapter 3: Prototyping and Layout Design

Customizing Content and Styles Each element, including the grid itself, the rows and columns, can be customized. These customization options are located on the...

Chapter 3: S-Drive Forms

CoffeeCup S-Drive is our take on web hosting. It features a set of integrated services that simplify the process of creating and maintaining your online presence. They provide just about...

Chapter 3: Size Tab

Size matters While similar to the Metrics By Speed chart, the Size pane instead focuses on the actual file size. Having large file sizes not only slows down the loading of your page but...

Chapter 3: Starting a New Project

Just a note before we get started: There are many different ways you can perform the functions we’ll explain in this tutorial. For example, to save your animation, you can: Go to File >...

Chapter 3: The Elements Tab in RED

The Elements Pane Adding content to the email is easy, grab any of the elements and drop where desired. Or simply click on them and the element will be inserted in the selected column, or...