Zippy Documentation

Welcome to the Zippy documentation! This guide will help you understand how to use Zippy to create and manage your HTML projects effortlessly.

Getting Started

To begin using Zippy, simply open the web application. You will see the main editor interface where you can start writing your HTML code.

Note: Ensure you have a stable internet connection for the best experience.

Writing HTML Code

In the editor, you can write your HTML code. Zippy provides a code editor with syntax highlighting and autocompletion to make coding easier.

Code Editor Features:

Creating Multiple Pages

You can create multiple HTML pages for your project:

  1. Enter a name for your new page in the "Page Name" input field.
  2. Click the "Create New Page" button.
  3. Your new page will appear in the list, allowing you to edit it.

Uploading Images

To use images in your HTML code:

  1. Click on the "Upload Image" button and select your images.
  2. Once uploaded, you can reference the images in your HTML using the <img src="image-name.ext"> tag.

Previewing Your Project

To see how your project looks:

  1. Click the "Preview in New Page" button.
  2. A new tab will open showing your HTML project as it will appear to users.

Downloading Your Project

You can download your project as a ZIP file that includes all your HTML pages and uploaded images:

  1. Click the "Download ZIP" button.
  2. The ZIP file will be named site.zip, ready for deployment.

Hosting Your Project

After downloading, you can host your project on platforms like:

Conclusion

With Zippy, creating and managing HTML projects is straightforward and fun! If you have any questions or need support, feel free to reach out.