Quick 'n Easy Web Builder - Online Tutorials

Thanks for choosing Quick 'n Easy Web Builder! In this section we will give a short introduction to the application so you can start building your web site in (almost) no time.

TUTORIALS

Advanced

• Using Web Fonts in Quick 'n Easy Web Builder

• An introduction to jQuery UI Widgets

• An introduction to the Photo Gallery

• An introduction to the Blog object

• An introduction to Blocks

• Implementing a Style Switcher

Miscellaneous

• Using the Style Manager

• Adding HTML or Javascript to a web page

• Adding a lightbox gallery to your website

• Using the jQuery Slider

• Do more with styles: Pseudo classes.

• How to add a site search to your website?

• An introduction to Toasts

• Wrap text around images and other objects

• Morphing Shape

• Progressbar

• Ferris Wheel

• New: Image Converter

• New: Site Variables

• What's next? More tutorials, FAQ and support

Animations and transitions

• An introduction to CSS3 animations

• Start and stop CSS3 animations with Events

• An introduction to CSS3 transitions

• Using CSS3 transform to zoom an image

• Link transitions

• Using Scroll Transitions

• SVG Path Animation

• Motion Effects

• Lottie Animations

• Mouse Effects

• Animated Headline

• New: Rive Animation

Events

• Using events to create a roll over image

• Using events to display popup information for a specific item

• An introduction to Timers

• How to reveal objects on scroll with bookmark events?

Login Tools

• Getting started with the Login Tools

• Adding a login to your web site (Login basics)

• Customizing the Signup Form of the Login Tools

• Creating protected pages without a database

• Protected content and Protected Menu Items

Forms

• Creating forms

• How to use the Form Wizard?

• Form input validation

• Form conditions and calculations

• How to use PHP to collect Form data

• Building a Shopping Cart with Quick 'n Easy Web Builder

• Creating a Form with a popup confirmation

• Form Input Fields

• Auto Complete

• Anti spam features in forms

• Rich Text Area

• New: Input Group

• New: Select Multi

Carousel

• How to use the Carousel?

• Using the Carousel to create an animated slideshow

• Create a Full Page website using the Carousel

• How to use the Carousel to create a multi-page form?

Responsive Web Design

• New: Easy Breakpoints

• Introduction to Responsive Web Design - The Basics

• Responsive Web Design in Quick 'n Easy Web Builder

• An introduction to the Layout Grid

• Advanced Layout Grid Features

• Getting started with FlexBox

• Create a responsive website with anchored layers

• Create a responsive website with floating layers

• Recommended: Responsive Web Design - Design Techniques

• An Introduction to Flex Grid

• How to create Responsive Text?

General Layout

• How to use Inline Frames

• How to use Master Pages

• How to use Embedded Pages

• How to use Master Frames

• Using Layers in Quick 'n Easy Web Builder

• How to password protect your pages

• More cool layer features

• Creating a Full Screen / Single Page Layout

• How to add a parallax scroll effect to your pages?

• How to use the Dialog widget

Content Management

• How to integrate Cushy CMS?

• How to integrate Surreal CMS?

• Getting started with the CMS Tools

• Using CMS plug-ins

• Editable Content

Search Engine Optimization (SEO)
• Add Rich Snippets to your website using Structured Data (schema.org)
• SEO Assistant
• Adding robots.txt to your website
• Adding a sitemap to your website
• Table of Contents

Ecommerce
• Adding a PayPal Buy Now button to your website
• Creating a basic PayPal Shopping Cart
• Building a PHP Shopping Cart using Quick 'n Easy Web Builder
• Ecommerce Integration
• Ecwid Shopping Cart
• Vibracart Pro
• Updated: PayPal Shopping Cart
• Ecommerce Cards

Basic features
• First steps: Getting started with Quick 'n Easy Web Builder
• An introduction to the basic functionality of Quick 'n Easy Web Builder
• An introduction to the Site Manager
• Introduction to creating web pages
• Setup guide borders, rulers and grid
• Adding text to a web page
• Adding an image to a web page
• Adding videos to a web page
• Saving your web site
• Preview a page in your Browser
• Publishing your web pages
• Using templates
• Icon Fonts
• Insert an Unsplash Photo
• Page Preloaders
• Shape Dividers
• Pixabay
• Horizontal Line / Divider
• Custom Scrollbars
• Dark Color Scheme
• Getting started with Themes
• How to Make Your Website Accessible?
• Color Adjustment Tools
• Photo Grid
• Discover Inspiration with Example Projects
• New: Gradients
• New: Box Shadow
• New: Glass Morphism
• New: CSS Filters
• New: Mix Blend Mode
• New: Visibility

Artificial Intelligence

• Artificial Intelligence FAQ

• Getting started with Artificial Intelligence

• Example prompts for creating AI Art

• Translate text using AI

• Using the Website Wizard

• Smart Content

• Stability AI

• Locally generate AI Text using Ollama

• Locally generate AI Images using ComfyUI

• New: Use LM Studio for AI Text Generation

• New: Create a new website using AI (text-to-website or image-to-website)

Navigation
• Linking your pages together (hyperlinks)
• Adding a Navigation Bar to your web site
• Adding a Menu Bar to your web site
• Navigation / menus
• Image Hotspots
• Change the color or style of a hyperlink
• How to use Affix and ScrollSpy?
• Snap Scroll
• New: Build Custom Mega Menus Using the Layer Menu
• New: Overpaste Links

Copyright Quick 'n Easy Web Builder

Follow us on:

X