What is
myNet.Office Menu and Navigation?
Other web based software like Yahoo Site Builder
Menu Navigation is Text, Graphic Button or Java Script driven Menu. Which means you
must manually insert button, edit text, make the link to webpages. For
example, to create a menu for the webpage [About Us], first you edit
text = About Us. -> Make a Url link the
About Us text to the webpage
AboutUs.htm. -> Select different type of
graphic buttons. Now the button has the text = About
Us + the link to the webpage AboutUs.htm.
myNet.Office Menu Navigation is a dynamic database driven Menu
Navigation. Which means that when you create a webpage, or a product
catalog menu, the information property of the menu is stored in the
database. The Menu Property has made up by the components of Menu Name, Menu Id, Main or Sub Menu, Group Menu ...
When you select different kind of menu,
it reads Menu Property in database, and re-construct the menu in real-time.
The advantages of Database driven Menu is that you can have many different
menu styles without manually wring the menu script like menu of static web page.
Because the Menu Property is stored in database and reconstructed to create
menu in real time. That's why a lot static websites are not
updated because the web developers create menus by manual Java script.
When the web developers left, it is hard for you to create new menus.
A Webpage is divided into different
sections
1) The Logo is the Banner.
2) The Topmenu Bar is under the Logo.
3) The Left Navigation Menu is the Left Product Navigation Menu.
4) The Body is your webpage content.
5) The Right section is where you have some thing to insert like
adds. If not, the Body takes over.
6) The Footer
|
 |
Understanding myNet.Office Menu
Navigation Property
myNet.Office Menu Navigation has two different menus. [1] Topmenu [2]
Left Product Menu Navigation.
Topmenu Navigation
Is the main top bar menu. Ever time you create a webpage, such as:
Our Company, using myNet.Word it will automatically
create a Topmenu. Topmenu has its Menu Property
Let say the web page Our Company is sub-menu of the
web page About Us. The web page
Our Commitment and Support is a sub-menu of the webpage
Our Company. The menu order looks like this: [About
Us]
-> [Our Company] -> [Our Commitment and Support] .
Table: Topmenu Property:
| MENU COMPONENT |
DESCRIPTION |
| GROUP MENU |
Is the group menu that this sub-menu is in. In this
example of [Our Company] webpage, Group Menu =
[About Us]. Webpage
[Our Commitment and Support] is in the Group Menu
= [Our Company] |
| MENU ID and MENU LEVEL (1,2,3..) |
• MENU ID: Is the ID number position for the
menu. In this example of
[Our Commitment and Support] webpage,
Menu ID = 2_2_4 Since [Home] Menuid =1,
[About Us] Menu Id = 2, [Our
Company] has Menu Id = 2_2.
[Our Commitment and Support] webpage
Menu Id= 2_2_4. [Our Vision] Menu Id = 2_2_1
• MENU LEVEL: In this case, this Topmenu is called nested Level
2. |
| MENU NAME |
Is the name of that menu = [Our
Company] is also the name of that web page. |
| MENU ICON |
Is the small icon image inserted in the menu. We collect
a lot of menu icon you can choose from this Url link. It is in the
folder /menu/icon. Here is the display icons
http://www.netthruoffice.com/doc/icon_menu.html |
| MENU URL |
Is the Url link of this menu. |
How A Webpage and its Topmenu Navigation is created
When you create a webpage in myNet.Word, you enter the name of the webpage =
Our Commitment and Support in Fname input box. This becomes the menu
name as well. Next, it asks you to select the round button
O to choose Main Menu or Sub-Menu for this
page. (See the second bar) If you select Main Menu, then this menu has level 0 menu like [About
Us], [Home].
But if you select sub-menu, it then displays a pull down list for you to
select the menu that this menu is sub menu of. Select
[Our Company]. That's is it. It is very
simple. All info property of menu [Our Commitment and Support]
is saved in database. See, you don't need to program or to do menu script
for menu any
thing.
Next, Design the webpage. Always first, use ]Insert table] icon
to divide the webpage into sections of row/col. To expand Edit area, use
Row/ Col box. Example,: Row=40. Col = 140.
Insert picture, create font, size, color, make nice content. It is as easy
as to use as Ms Word. Then click on button [Save] floppy disk icon.
DONE!

Picture: Show how the webpage and the menu name [Our Commitment and Support]
= level 2, Menu Id = 2_2_4 is created in
myNet.Word. Its position is 2_2_4 because this menu is in the group menu of
[Our Company] Menu Id = 2_2. And the
[Our Company] menu is sub menu of
[About Us] has Menu Id = 2.
CONGRATULATIONS! YOU HAVE JUST CREATED THE NEW WEBPAGE WITH ITS MENU
NAVIGATION IN JUST 2 STEPS.
The Result of the Webpage
Our Commitment and Support
with its Topmenu Bar Created.
You choose different Topmenu styles from [Site] -> [Site
Property] -> Select a Topmenu from the drop down list for the
whole website. We design 10 different Topmenu styles you can choose. You can
see it is not static like other site. Our Menu navigation is Dynamic
Database Driven Menu.

Picture: The result of the Webpages and its Topmenu of
[Our Commitment and Support]
Select a Topmenu
Navigation from many different Menu Styles for the site
From main menu [SITE] -> [Site Property] -> Select one for the
site from the list of many Topmenu Bar listed below.
To
Manage Topmenu
Navigation use [Page Manager]
From main menu [Net.Page] -> [Page Manager]. Where you can:
- Select menu icon to insert in each Menu Item.
- Change Menu Name, example from [About Us] to [Contact Us], Menu Url.
- Change the order of each menu by changing the order of Menu Id.
- Delete that menu.
myNet.Office Topmenu is a unique
Menu that lets you insert image icon in menu
To Insert image icon, use [Page Manager] -> Click on [Menu Icon]
-> Select many icons in folder /menu/images
|
Topmenu
Navigation with different styles available for you to select
Currently, myNet.Office has few different Topmenu
Styles you can select. But there is only one to be used as Topmenu for
entire site.
To select a Topmenu, from topmenu [SITE] -> [Site Property] -> [Topmenu] ->
Select one topmenu style from the pull down list.
We have a lot of menu icons for you to select here:
http://www.netthruoffice.com/doc/icon_menu.html.
Menu Image Icons are store in folder
/menu/images/.

Picture: Select Topmenu Navigation from [Site] -> [Site Property]
-> [Topmenu bar]
| myNet.Office Topmenu
different Styles available for selection |
TOPMENU NAME: Corporation
Style - File name= topmenu_corporation_lev2
to select from: [SITE] -> [Site Property] ->
[Topmenu]

Picture: file name=
topmenu_corporation_lev2
It is Level 2 because as you can see
[About Us] = level 0 , its Menu Id= 2.
It
has only one bar is called Level 0.
• Next, [Our Company] = Level 1 because its Menu Id =
2_2. It is level 1 because there is 1 pull down.
• Next, [Our Commitment and Support]
= Level 2, Menu Id = 2_2_4. It is level 2 because there is 1 sub
pull down of 1 pull down menu item.
- We use Menu Id in order to reconstruct menu hierarchy in real
time by reading from its menu property in database.
- Display maximum Level 2. Will not display level 3. Use
topmenupulldown_lev3 if menu structure is nested 3 levels.
- You can always insert menu icon image into any myNet.Office Menu using
Page Manager. Which creates the most unique look of myNet.Office menu.
Pic Icon Location is in folder = /menu/images/. You can search
for icons from GOOGLE. Click here for menu icons: http://www.netthruoffice.com/doc/icon_menu.html
|
TOPMENU NAME: Multi-nested
Levels, like IBM menu Style - File name=
topmenupulldown_lev3

Picture: Menu file name=
topmenupulldown_lev3
• You can change menu color, background, foreground, text
color, no border by opening the its config file file =
/menu/topmenupulldownconf.txt. Like
IBM menu.
• This only menu can go up to Level 4. The above level = 3 |
TOPMENU NAME: Ms Office
Menu Style

Picture: Menu file name=
topmenu_office_icon_lev2
It looks like Ms Office menu. Maximum level = 2. |
TOPMENU NAME: Apple Menu
Style

Picture: Menu file name=
topmenu_apple_lev2
It looks like Apple menu. Maximum level = 2. Ofcouse, you can
insert menu icon using Page Manager. |
TOPMENU NAME: Black Forest
Menu Style

Picture: Menu file name=
topmenu_blackforest_lev2
This menu is flashy and shinning. |
TOPMENU NAME: Plain Text
Menu Style

Picture: Menu file name=
topmenu_plaintxt_lev2
|
TOPMENU NAME: Horizontal
Tab Menu Style

Picture: Menu file name=
topmenu_tab_lev2. (Maximum display Level 2. Will not display
level 3. Use topmenupulldown_lev3)
This style menu have Level 1 is horizontal, such as: [About
Us], [Contact] ... Lev 2 is vertical display. |
TOPMENU NAME: Background
Color Menu Style

Picture: Menu file name=
topmenu_bgcolor_lev2
This menu uses color background. You can change different
color background, such as from red to green by opening the same file
name in folder /menu/ -> Edit different color use Window Notepad. Then
use FTP upload in folder /menu/ |
TOPMENU NAME: Chocolate Fan
Menu Style

Picture: Menu file name=
topmenu_fan_lev2
This menu is twisting like fan when opening. Its color like
chocolate. |
|
LEFT PRODUCT
MENU NAVIGATION
Every time you create a Catalog and its category it creates a Product Menu
Navigation. It displays in the left section of webpage.
To Create a Product Catalog
• From main menu [Shopping Cart] ->
Select sub-menu [Create New/Add Catalog]
• Or from main menu [Net.Page] -> [Getting Started] ->
Select sub-menu [Create Catalog]
For example to create a Catalog name:
Accessories with a Category name:
Harddrive in the position = 2. See the right column screen
interface.
The Result: See the Left Product Menu screen below.
After create the Left Product Menu, to add more product items into the
category, you select:
• From main menu [Shopping Cart] -> Select sub-menu [Add New
Product Item]. It opens a screen interface where you input info,
data for that product item. See Day 1.
|

Picture: To create a new Catalog named Accessories and its
Category named: Harddrive. |
To Select different Styles of Left
Product Navigation for each webpage created
• After having created a webpage, for
example, About Us, there is no Left Product Menu displayed in
this page yet. You need to insert the Left Product Navigation or this
webpage About Us has not.
• You have to insert Left Product Navigation for ever webpage you have created.
To Insert Left Product Menu Navigation
There are two different ways:
1) When you create a web page in myNet.Word, example About Us, after the
web page is created and saved, you begin to insert Left Product Menu
Navigation.
• From main menu [Insert] -> [Left Product Menu] ->
A GUI screen pop ups, select a one of many styles Product Menu. That's
it.
2) OR: after the web page have created, you can Insert or Change its
Product Menu from [Page Manager]. |

Picture: Insert Product Menu GUI screen lets you to select one of
many different Left Product Menu Navigation Styles for the webpage. |
You can select different Left Product Menu Style for
each webpage. This will make your website looks interesting.
Here they are. |

Picture: LeftGrpSunMen
It looks like Sun Microsystems webpage menu. It is organized in one
group Catalog with many Categories. For example, Catalog =
Accessories + its Categories =
Cpu, Harddrive, Memory, and Monitor. |

Picture: LeftGrpAppleMen
- Expand, Collapse, Toggle Menu.
It looks like Apple website menu. It is organized by group Catalog with its
Categories. |

Picture: LeftBarMenu
It looks like one bar menu. It is organized listing all
Categories. No Catalog.
|

Picture: LeftMenu_SplashDot
- Expand, Collapse, Toggle Menu.
- It is organized by group Catalog with its Categories. Click on the
arrow to pull down all listing in that group Catalog. It can remember
last time you opened by saving in database. So next time you visit, it
will open exact the order last time you opened. |

Picture: Leftmenu_Grp_Tree
- Expand, Collapse, Toggle Menu.
It looks like tree. It is organized by group Catalog with its
Categories. |

Picture: LeftGrpSwitchMenu
- Expand, Collapse, Toggle Menu.
It switches menu close and open when click. It is organized by group
Catalog with its Categories. |

Picture: LeftMenu_Css_List
It is designed by CSS Stylist Sheet. It is organized by group Catalog
with its Categories. Move the mouse on Catalog =
Lunch And Dinner will displays all its Categories =
Lunch Specials, ** Combo Specials **, Dinner. |

Picture: LeftMenuSlideFx
It looks like folder menu. It is organized by listing all Categories. No
group Catalog. In normal situation, the menu is hidden and displays only
the brown Bar. When move the mouse on the brown Bar SIDE MENU, it will
slide the whole menu. |

Picture: Left Product Menu Switch |
|
Manage Product
Menu Navigation Using PAGE MANAGER
Use Page Manager to manage Product Menu Navigation. You can do:
• Insert /Change product menu navigation for that webpage. |
Change Order
of Menu Id, Menu Name, Group Name of Left Product Menu Navigation Using
Product Menu Manager
After you have create Group Catalog menu, Menu Name Category, you can use
Product Menu Manager to change its name, the order of Menu Group
(Catalog), Menu Name (Category)
From main menu [Shopping Cart] -> [Product Menu Manager]

Picture: Product Menu Manager is used to change the Menu Id
order, Menu Name, Group Name for Left Product Menu
Navigation. Just click on the icon
under [Action] command. |

Picture: Before the Group menu Accessories
has been changed. |
In this example, the old Left Product Menu is in the Right column. The
new Left Product Menu is changed displaying in the left. What has been
changed is:
- Group Menu Name or Catalog = Accessories is
changed into different name = Hw Accessories
- Its Group Menu Hw Accessories Id = 2 before
Group Menu Keyboards = 3. Now its order has
changed the order Hw Accessories Id = 3 and
Group Menu Keyboards = 2. See the left display
menu. Before the group menu Accessories before
the Group Menu Keyboards. Now the order has
changed.
- The Menu name =Cpu is changed to name =
Intel Cpu. And its order of menu name
Cpu is changed too. |
CONCLUSION
• myNet.Office Menu is unique menu that lets you insert icons.
• To design Topmenu Navigation and Product Menu Navigation is not easy for
even web designer.
myNet.Office Menu Navigation is database driven menu. Menu property is stored in database
dynamically reconstructed. myNet.Office is nested level menu with sub-menu.
• A lot websites have not been updated because you create new web pages or
create new product
catalog pages also required to create new menu navigation. And it is
complicated to design menu and navigation. When the web company left,
without tools, it is
very hard for business to create new menu. That's why we keep repeating the
maintenance issues here. Do not bet your business on any website without
self-maintenance tools.
• But, with myNet.Office, as you see, now you can design these complex Top
menus and Product menus without any web skills. |
|
|