Responsive Navigation: relative widths and breakpoints Responsive web design is a technique used to build websites and website components (like a web form or navigation menu) that are easily...
Design, tweak, explore, prototype..have fun! In Chapter 3 we saw that the HTML portion of a navigation menu is relatively straightforward. The CSS however can be something completely else!...
The concept of structured data By adding descriptive code or markup to the HTML of web pages, search engines can get a better understanding of what your content is about. This better...
There are currently 19 elements that are available for your forms, split into three sections: Basic elements, Magical elements, and Static elements. Basic Elements These are the most typical...
With the HTML Editor, you can import published webpages from the Internet and open them in the program. To do this, go to File > Open From Web . This opens the Open From Web window ,...
Publishing your Site Designer website project. Site Designer is very flexible with how you can control your content giving you two options; publish to the CoffeeCup S-Drive servers or...
One of the most common instances of spam on websites is the use of hidden keywords, which is also commonly referred to as invisible text. Hidden keywords are defined as text that cannot be seen by...
The Use Of JavaScript JavaScript is commonly used to enhance web pages and increase functionality. JavaScript can be used to do things such as display the visitors name on a web page, show...
Follow these steps to add an e-mail link to your page: Step 1 Open the Insert E-mail Link window using one of these options: Go to Insert > E-mail Link...
Layout, Elements & Themes In this chapter we will be starting the creation of a menu. You’ll get an overview of the different visual controls and and learn to use a bunch of them....
The HTML Editor 12 and greater installation is pretty darn smooth, but there may be occasions where the previous version of the HTML Editor was not uninstalled cleanly. You'll want to...
An image map is an image that acts as a link, but instead of simply acting as a link to a single page, the image acts as a link to multiple pages. For instance, say you have a map of the United...
Download the CoffeeCup Homepage Theme Okay, it’s not the real homepage, but it is the project file (and exported html & css files) that our team used when working on the design...
Follow these steps to add a link to your page: Step 1 Open the Insert Link window using one of these options: Go to Insert > Link Right-click the page...
“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...
One of the most important parts of a website is the navigation menu. The navigation menu is like the roadmap the user must follow in order to reach their destination. Make the journey...
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...
Adding Elements to Your Project Elements are the components that make up your website and include items like headings, paragraphs, images, buttons, etc. With Responsive Site Designer,...
Have a WordPress Blog and wish to add your form to it? Don't panic, we're here to help, this article will walk you through a couple of scenarios our users have encountered. Using...
Customizing Content and Styles Each element, including the grid itself, the rows and columns, can be customized. These customization options are located on the...
Some users who design their websites with Microsoft FrontPage have reported problems logging in with correct username/password combinations. This is because FrontPage automatically creates an...
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...
In an older version of Web Form Builder, I needed to put code between the tags of my webpage when manually exporting. Do I still need to do this? Nope. If you still have this code in your...
When you try to publish or export your form using Web Form Builder, this alert may appear: Here's a quote from Microsoft that helps explain this error: " Because some...
Coding and designing responsive newsletters is hard Email professionals say making a custom, responsive email takes days. They would be right— if it weren't for...
So, you're ready to put your coding experience to the test by creating a page with frames? The HTML Editor can give you a boost with its Frame Designer. Here's how you work with it:...
What is FTP? What does FTP stand for? What do I use FTP for? What does ... mean? What is an FTP client? What is a server profile? What is Passive...
Responsifying the Design The preview (and editing) area in Responsive Layout Maker is an actual browser. This has the advantage that the design will look and behave exactly like it will when...
Living pictures are a really cool type of animated GIF that you can create with Animation Studio. Rather than just being a video converted to GIF, where every part of every frame moves, these...
Preface: A Mobile Explosion It was the end of 2009, about 8 years after the dot-com bubble burst; the Internet counts close to 200 million domain names, and over 230 million websites (none of...