Scribd
Upload
11 views3 pages

Website-Development

Web authoring software, specifically WYSIWYG Web Builder 12, allows users to create websites without needing to learn HTML by using a graphical interface. It features a toolbox for building pages, a site manager for organizing multiple pages, and options for customizing page properties such as titles and backgrounds. Users can easily publish their work and manage the structure of their website through the Site Manager, which supports adding, editing, and organizing pages.

Uploaded by

Gela Marie Mercado
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views3 pages

Website-Development

Web authoring software, specifically WYSIWYG Web Builder 12, allows users to create websites without needing to learn HTML by using a graphical interface. It features a toolbox for building pages, a site manager for organizing multiple pages, and options for customizing page properties such as titles and backgrounds. Users can easily publish their work and manage the structure of their website through the Site Manager, which supports adding, editing, and organizing pages.

Uploaded by

Gela Marie Mercado
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Info Sheet 3: Web Authoring Software

Web authoring software is allowing users to navigate the tricky environment of HTML and web
coding by offering a different kind of graphical user interface.

What is WYSIWYG?
WYSIWYG Web Builder 12 is an all-in-one software solution that can be used to create
complete web sites. What-You-See-Is-What-You-Get (WYSIWYG) means that all elements of the page
will be displayed on the exact same position as in the designer unlike fluid (dynamic) layouts (generated
by traditional HTML editors) where the position of objects depends on the position and size of the objects
surrounding it. WYSIWYG Web Builder generates HTML tags while you point and click on desired
functions; you can create a web page without learning HTML. Just drag and drop objects to the page
position them 'anywhere' you want and when you're finished publish it to your web server. A Web
Builder project file can hold multiple web pages, so you can easily manage all your page from within one
file.

Start WYSIWYG Web Builder


When WYSIWYG Web Builder is started, an empty page is displayed. On the left side you see
all the available tools which you can use to build your web site. This part is called the Toolbox. On the
right side there is the so-called Site Manager, which can be used to Add, Remove or Edit pages. By
default, one page is already added; this is the index page usually the first page (also called Home page) of
a web site. The center of the screen is the workspace, where you can drag and drop objects from the
toolbox. On the bottom of Site Manager is the Page Properties where you set some general page options.
Setting-up your first Page
How to change Web Page Title?
1. Go to the Properties > General Group > Title.
2. Enter the title you desire.

How to apply Background Color?


1. Go to the Properties > Background Group.
2. In the Background Mode > Solid.
3. In the Background Color > enter the hexadecimal value or click the drop-down arrow to
select the color you desire.

How to apply Background Image?


1. Go to the Properties > Background Group.
2. In the Background Mode > Image.
3. In the Background Image > enter the filename and file extension of the image or click the
“…” to browse image.
▪ Background Size – Specifies the size of the background image.
• Empty (default) – The background-image has the default size and scrolls
with the content.
• Fixed – A fixed background is a background image that will stay in one
place while the rest of your text and images scroll over the top of it.
• Cover – Scale the background image to be as large as possible so that the
background area is completely covered by the background image.
• Contain – Scale the image to the largest size such that both its width and its
height can fit inside the content area.
• Percentage (100% 100%) – will stretch the images to 100% of the object's
width/height. Other values like '50% 50%' are also possible.
• Pixels (50px 50px) – will display the image in the specified size.
▪ Horizontal Align - Sets the horizontal position for the background image.
▪ Repeat - Sets the tiling attributes for the background image.
▪ Vertical Align - Sets the vertical position for the background image.

How to add Icon on Web page?


1. Go to the Properties > General Group > Favorite Icon > enter the filename and the file
extension .ico or click the “…” to browse icon.
Note: you can only use .ico file as your icon.

Saving your File (Publishing your work).


1. Go to the File Menu then click Publish.
2. In the Publish Web Site dialog box, in the Location Group click New….
3. In the Add Publish Location dialog box, use Local Folder, and on the Folder click “…”.
4. Click Desktop, then click Make New Folder. Change the folder name then click Ok.
5. Then lunch by pressing F5 on the keyboard. Or on the Home menu under Publish Group
click Preview.
Site Manager
The Site Manager must be used to manage the structure
of your web site. When your web site has more than one page,
they must all be part of the same Web Builder project file. The
Site Manager can be used to add, edit, remove pages and
organize your web site. There's also a button to open the
properties of the selected page. The New Folder command give
you the possibility to organize your pages in folders.

New Page – Insert new page.


New Mobile Page – Insert new mobile page.
New Page from Template – create new page based from
template.
Insert External File – Insert an external file.
New Folder – create new folder.
Edit Page – open the selected page.
Clone – duplicate the selected item.
Delete Item – remove the selected item.
Page Properties – open the page properties window.
Move Up – move up the selected item.

The root can have one of more pages and each page can also have subpages. 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.

Adding a new page


1. Select the position where you want to insert the page, for example select the root (the top level
item) to insert the page to the first level.
2. Click the first button on the toolbar (New Page)
3. Web Builder adds the new page to your project and will automatically open it, so you can start
building the page.

Note: To insert a new page as child of an existing page or folder, first select the parent and click 'New
Page'

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy