File > Import from URL
Restores HTML Egg created pages in drag and drop editing mode
Restores HTML Egg created pages in drag and drop editing mode
Import Page
1. Select all objects you wish to group together
2. Control-Click (or right click) any of the object
2. Choose "Group"
2. Control-Click (or right click) any of the object
2. Choose "Group"
Group objects
1. Control-Click (or right click) on object
2. Choose "Align and Size"
2. Choose "Align and Size"
Align and size multiple objects
Begin by creating a new website
Add a new page or a new web form
Add text boxes, photos, slideshows, galleries, tables and HTML Snippets
Customize colors, fonts and links
Publish
Export design to PDF
File > New Website
File > Add New Page Into Website
File > Add New Form Into Website
File > Add New Form Into Website
Insert > select new object
Format > Show Style Editor
Publish > Upload a single page or entire website via FTP
File > Export to PDF
Export component files (HTML, PHP, images, CSS and Javascript files)
File > Export Raw Files
Arrange object layers
1. Control-Click (or right click) on object
2. Choose "Arrange Layers"
2. Choose "Arrange Layers"
Link
Select object you wish to apply link to, right click (or Control-Click) and choose "Link"
HTML Egg is a web design software compatible with iOS and Mac. (The iOS and Mac editions are each sold separately)
Using this App, you will be able to create and update web sites on both your mobile and desktop devices.
This App features a unique drag and drop editor and can automatically generate code based on your designs. No programming background is required.
This is the perfect App for hobby web designers who just wants to have fun creating web pages without needing to know complicated programming languages.
Using this App, you will be able to create and update web sites on both your mobile and desktop devices.
This App features a unique drag and drop editor and can automatically generate code based on your designs. No programming background is required.
This is the perfect App for hobby web designers who just wants to have fun creating web pages without needing to know complicated programming languages.
Congratulations on creating a new website. If you're a new user, this overview will help you quickly get started.
Getting Started Guide
What is HTML Egg?
While this App is designed to be super intuitive and user friendly, we understand different users have different levels of technical background.
If you're comfortable with the concepts of websites and web hosting, feel free to plunge straight in and create some test pages! We provide you with over a hundred great templates in different styles (both business and personal) that will get you started in no time!
If you're really new to the web design world, we are here to help!
Help > HTML Egg Help
If you're comfortable with the concepts of websites and web hosting, feel free to plunge straight in and create some test pages! We provide you with over a hundred great templates in different styles (both business and personal) that will get you started in no time!
If you're really new to the web design world, we are here to help!
Help > HTML Egg Help
Need technical support?
Feature and File Menu Overview
What's new in HTML Egg Pro?
Are you an existing user from the the Classic Edition?
You will love the new advanced features in Pro:
- New website level "base template", allows common page elements such as menus, headers, footers to be shared across the entire website
- Create both web forms and web pages in the same drag and drop editor
- Publish and upload all pages in the website at once
- Add website "fav icon"
- Add hover effects
- Link to shape backgrounds
- Supports shapes and tables
- Supports "clear" gallery background drop
- Supports direct uploads of document files such as PDF, Word, Excel and media files
- Brand new website management user interface
Please scroll down for more details on the new features.
You will love the new advanced features in Pro:
- New website level "base template", allows common page elements such as menus, headers, footers to be shared across the entire website
- Create both web forms and web pages in the same drag and drop editor
- Publish and upload all pages in the website at once
- Add website "fav icon"
- Add hover effects
- Link to shape backgrounds
- Supports shapes and tables
- Supports "clear" gallery background drop
- Supports direct uploads of document files such as PDF, Word, Excel and media files
- Brand new website management user interface
Please scroll down for more details on the new features.
More about new features in the Pro Edition
The Base Template allows you to create a template file containing common elements such as menus, headers and footers that can be shared across the entire website. You may choose to enable all pages to use the base template, or choose only select pages.
Only one base template file can be designated allowed per website, it needs to be named "basetemplate.html"
Only one base template file can be designated allowed per website, it needs to be named "basetemplate.html"
Base Template (basetemplate.html)
After a change is made to the base template, please "Refresh" to populate changes into other pages, this updates both the page source code and the page icons.
For example:
We have a website with a base template and three pages:
1. The base template has "blue" background color
2. All three pages use the base template and inherit the "blue" background
3. We decide to change the base template background color to "orange"
4. After the base template change, "Refresh" to update all pages to the new "orange" background color.
For example:
We have a website with a base template and three pages:
1. The base template has "blue" background color
2. All three pages use the base template and inherit the "blue" background
3. We decide to change the base template background color to "orange"
4. After the base template change, "Refresh" to update all pages to the new "orange" background color.
Here is a simple example to show how the base template relates to other pages:
In this example, we will work with a simple website with three pages and a base template file.
Here are the contents in the website:
Page #1 (page1.html)
Page #2 (page2.html)
Page #3 (page3.html)
Base Template (basetemplate.html)
The Base Template contains site wide navigation headers and menu.
We will apply the base template to all three pages. The base template can be turned on for each page individually under Page Preferences or for multiple pages at once under Website Preferences.
Updating Base Template:
When a change is made to the Base Template, please "Publish All Pages" to allow changes to reflect on all pages that use the base template.
Use "Publish All Pages (without images)" for a faster upload. If there are image changes to the base template file, please publish the base template individually (to allow new photos to be uploaded)
Each published page contains elements from both the base template and the page itself.
In this example, we will work with a simple website with three pages and a base template file.
Here are the contents in the website:
Page #1 (page1.html)
Page #2 (page2.html)
Page #3 (page3.html)
Base Template (basetemplate.html)
The Base Template contains site wide navigation headers and menu.
We will apply the base template to all three pages. The base template can be turned on for each page individually under Page Preferences or for multiple pages at once under Website Preferences.
Updating Base Template:
When a change is made to the Base Template, please "Publish All Pages" to allow changes to reflect on all pages that use the base template.
Use "Publish All Pages (without images)" for a faster upload. If there are image changes to the base template file, please publish the base template individually (to allow new photos to be uploaded)
Each published page contains elements from both the base template and the page itself.
What is the base template?
How does it relate to other pages?
When to refresh base template changes?
Transfer existing data
All work created using HTML Egg Classic are fully compatible with the Pro Edition.
You will be able to open and edit web page documents in "eggpage" format as well as web form documents in "touchforms" format.
In addition, Pro Edition also supports direct imports of compatible web pages in "html" format and Touch Forms web forms in "php" format
You will be able to open and edit web page documents in "eggpage" format as well as web form documents in "touchforms" format.
In addition, Pro Edition also supports direct imports of compatible web pages in "html" format and Touch Forms web forms in "php" format
Tip: Have individual pages saved in "eggpage" file format? Simple create a new folder, move all the pages in it and you will be able to manage it as a website by opening the folder through New > Open Website