Standard Tools
With the 'Standard Tools' toolbar you can execute basic commands like
Create a new web site, Open an existing web site, Save, Cut, Copy, Paste, Undo, Redo.
With the 'Standard Tools' toolbar you can execute basic commands like
Create a new web site, Open an existing web site, Save, Cut, Copy, Paste, Undo, Redo.
An introduction to the basic functionality Web Builder
Quick 'n Easy Web Builder is a Web site building tool that helps you design and build full-featured Web sites without having to learn HTML. When you startup Web Builder the main screen will look something like this:
Quick 'n Easy Web Builder is a Web site building tool that helps you design and build full-featured Web sites without having to learn HTML. When you startup Web Builder the main screen will look something like this:
Toolbox
The toolbox can be used to add new objects to your web pages. To insert a new object, select one of the available items and draw a box to indicate the position of the object. The new object will now be inserted to the page. Another way to add objects to your page is by simply dragging them out of the toolbox onto the workspace.
Workspace
The center of the screen is the workspace, where you can drag and drop objects from the toolbox.
Formatting Tools
The formatting tools are only active when you are in text edit mode.
The toolbox can be used to add new objects to your web pages. To insert a new object, select one of the available items and draw a box to indicate the position of the object. The new object will now be inserted to the page. Another way to add objects to your page is by simply dragging them out of the toolbox onto the workspace.
Workspace
The center of the screen is the workspace, where you can drag and drop objects from the toolbox.
Formatting Tools
The formatting tools are only active when you are in text edit mode.
The Site Manager has its own toolbar to add, edit, clone or remove pages. There's also a button to open the properties of the selected page.
In the picture on the left you see an example of a web site structure. The filename of this example web site is called 'mywebsite.qwb', this name is always displayed at the root of web site tree. The root can have one of more pages and each page can also have sub pages.
Web sites always have a home page which is often called index, so for this reason Web builder automatically adds this page to each new project. The names of the items (pages) in the site tree are the actual file names of the target HTML files, so if you named a page 'index' is will publish as index.html. Note that 'Index' is not the same as 'index'!
In the picture on the left you see an example of a web site structure. The filename of this example web site is called 'mywebsite.qwb', this name is always displayed at the root of web site tree. The root can have one of more pages and each page can also have sub pages.
Web sites always have a home page which is often called index, so for this reason Web builder automatically adds this page to each new project. The names of the items (pages) in the site tree are the actual file names of the target HTML files, so if you named a page 'index' is will publish as index.html. Note that 'Index' is not the same as 'index'!
For more details please read this:
An introduction to the Site Manager
Properties Inspector
Use the Properties Inspector to view and change the properties of selected objects. You can also use the Properties Inspector to modify page properties.
To edit page properties click on an empty part of the page (not on an object). The Property Inspector will now display the page properties. To edit object properties (single) click an object to select it.
The changes made in the Property Inspector will be visible immediately.
An introduction to the Site Manager
Properties Inspector
Use the Properties Inspector to view and change the properties of selected objects. You can also use the Properties Inspector to modify page properties.
To edit page properties click on an empty part of the page (not on an object). The Property Inspector will now display the page properties. To edit object properties (single) click an object to select it.
The changes made in the Property Inspector will be visible immediately.
To insert text simply drag the text icon on the workspace. A new object with the text "Double click to edit' will be displayed on the page. To switch to text edit mode double click this text and the formatting tools will become active. For some of the tools you needs to highlight the text before they can be used (just like in a regular text editor).
Related article: Adding text to a web page
Site Manager
The Site Manager can be used to manage the structure of your web site.
Related article: Adding text to a web page
Site Manager
The Site Manager can be used to manage the structure of your web site.
The Properties Inspector displays different types of editing fields, depending on the needs of a particular property. These edit fields include edit boxes, drop-down lists, and links to custom editor dialog boxes.
It's also possible to manually modify the size and position of the selected object by changing the Position and Size properties.
The ID property
The ID property of an object should be unique within the page. Normally Web Builder will give your object unique names automatically. However if you use one of more master pages, then IDs may be duplicated, since the software can not distinguish a master from a normal page. We recommend to give objects on a master page names with a prefix like MasterPage_Text1. This will make sure that if the master page is used in another page, the ID of the objects are unique.
It's also possible to manually modify the size and position of the selected object by changing the Position and Size properties.
The ID property
The ID property of an object should be unique within the page. Normally Web Builder will give your object unique names automatically. However if you use one of more master pages, then IDs may be duplicated, since the software can not distinguish a master from a normal page. We recommend to give objects on a master page names with a prefix like MasterPage_Text1. This will make sure that if the master page is used in another page, the ID of the objects are unique.
Important note:
For many objects the style properties are responsive (for example: background style and font). This means that they can be different in breakpoints. If you want to change the background for all breakpoints then you should do this while you are in the default view. Because if you change the value in a breakpoint then it will only apply to the current breakpoint. This also means that once you have selected a different value in a breakpoint that you can only change it while the breakpoint is active.
For many objects the style properties are responsive (for example: background style and font). This means that they can be different in breakpoints. If you want to change the background for all breakpoints then you should do this while you are in the default view. Because if you change the value in a breakpoint then it will only apply to the current breakpoint. This also means that once you have selected a different value in a breakpoint that you can only change it while the breakpoint is active.
