Working with my website Look and Feel

What is my website Look and Feel
My Website Look and Feel, features built in myNet.Office, lets you change the color, control the display appearance of your website, the background color, the website width..., in combination of selecting different style of Topmenu and Left menu navigation. Which gives your website a professional different look and feel.

With myNet.Office Look and Feel Settings, you don't need to setup Look and Feel for each page manually. Change different colors, different shapes what ever you want. After you setup, the Look and Feel is applied for a whole site. You can do it in just 10 minutes.

Click here to see a sample website.

To change different Look and Feel for your website, you select tool from [Site] -> [Setup Site Look and Feel].

NOTE: In any web project, first you make sure all the hard core, the website functionalities, the database, the coding are built first. The website Looks and Feels are the easiest tasks should be done later. Different people have different way their website's look and feel. The way, you want your website's look and feel, the color doesn't mean other people like it.
myNet.Office takes the website Looks and Feels importantly. It is built-in tools to allow you to create your website in different shapes and colors in just 10 minutes.



Picture: Home page of myFlowers.com has changed its look and feel from background White to different shapes and different colors

To make your website look and feel differently, in this picture, you will change:

- The website Body Background Color = #F778A1 or Pale Violet Red1. Change the color what you want. See website color code number.

- The website Body Background Image Template. There are over 100 different template available under web folder /images/background

- The Website Content Background Color = #ADDFFF  or Light Blue.

- The website Width = 1050 (Height is not important. Width = 950 recommended.)
People set computer screen dimension using Display Settings in Windows Control Panel. The most popular screen dimensions are: 1024 x  728, or 1280 x 800. If you design your website in screen dimension 1280 x 800 (W x H). Then other people visit your website with their computer screen dimension = 1024 x 728, they will not see your website fit in their screen resolution, too big to fit in their screen. Therefore, you should choose your website display Width = 1024 or a little bigger such as 1050, or a little smaller like 950 (recommended). Then display it in center position.
Example, IBM website (Top=0, Width=950), MSN (Rounded corner = 15, Top = 10,Width=950), YAHOO website (Top=0, Width=950), all are designed in screen width = 950 + center position. So even if your computer settings in different screen dimension, you still see YAHOO, IBM, MSN website in full view.

- The website display from Top = 40

- The website Display Position  = center.

- The website Rounded Corner = 50. Enter = 0 for rounded corner.

- The website Topmenu Navigation. Select from [Site] -> [Site Property]. One Topmenu applied for a whole web site.

- The website Leftmenu Navigation. Select from [Site] -> [Site Property]. You can setup Left menu be various to each page.


Picture: The Product Catalog display look and feel.


Picture: The Product Catalog display look and feel. No rounded corner, Body background is an image.
 

To setup the website Look and Feel
To setup the website Look and Feel. First login as Admin website. Select from top main menu [Site] -> [Setup Site Look and Feel].



Picture: The GUI to Setup website Look and Feel - Select from main menu [Site] -> [Setup Site Look and Feel]. After done, click [OK] button to save.

- Click on button [Get File] to display the Body background in image file, not in color. Make sure upload your background image. There is a lot of sample image template file in web folder /images/background/

- Search Engine Optimization (SEO): Enter the keywords used by search like GOOGLE to search your website.

About Site menu

- New Site: To create a new website, first you must create a new site.

- Open Site: To select a publish website. You can create many websites, like myRestaurant.com, myFlowers.com, myTech.com...But you can publish only one site.

- Delete Site: To select a website and delete.

- Save As Site: To copy a whole site to another website used as new template website for backup or modify the template website. For example, you want to build a new restaurant website. And you want to use the exist sample website myRestaurant.com as a sample template website. So you open [Save As Site] -> Save myRestaurant.com as a new website named Dragon Restaurant. You then open this Dragon Restaurant website that is copy exactly the same with the template website myRestaurant.com. Then modify, delete, change its content to become your new website. The built-in template website myRestaurant.com is intact, not changing any thing.

- Site Property: lets you select Logo, Topmenu navigation, Left menu navigation...for your website.

- Setup Site Look and Feel: this feature.
To fix the misalignment of the rounded corner

It happens when you created the webpage, for example Investor Relations, out of the width of the content of the website, in this example = 1050 screen resolution. The screen resolution is setup from Windows Display Settings of your computer.

To fix this problems, you can do by:

1) Open the webpage, in this case = Invertors Relations that has this corner misalignment. To open this webpage, use tool Page Manager select from [Net Page] -> [Page Manager] -> Click on this icon = < >  in order to edit this page in HTML code -> Take out the code width = "100%"  inserted by default when you create a webpage in myNet.Word. It will rebalance this webpage to fit in the current website width.

2) Or, you re-edit, re-size this webpage Invertors Relations content. Then check to make sure aliment with the corner. View this webpage display in real time from another web browser.



Picture: Fix the rounded corner misalignment of a webpage.

 

Conclusion

myNet.Office allows you to make your website Look and Feel by choosing different website outlooks of front end components, such as:

• Nested Level 2 Topmenu Navigation: Every time you create a webpage, myNet.Office will create a Topmenu Navigation automatically for that webpage.
You can change and select different style of Topmenu navigation. myNet.Office Topmenu Navigation has submenu nested Level 2. Other website tools have level 0 main menu only. 

- For example, while other website Tools, you can create only a main menu = [Home, About Us, Product and Service].... But in myNet.Office Topmenu, you can create a webpage named Home,  level 0. Then create another submenu webpage  level 1, such as About Us under main menu Home. Then another page submenu level 2, such as Our Vision under About Us. This is called Topmenu nested Level 2: Home -> About Us -> Our Vision. It is powerful, not many other Tools let you create Topmenu nested Level 2.

• Left menu Navigation: Every time you create a Product Catalog, myNet.Office will create a Left menu Navigation automatically for that Product Catalog.
After that, you can select different style of Left menu navigation.

• Display different website sizes, like Top, Width, Display Position, Rounded Corner.

• Display different Website Content Background Color. Select different website color code number.

• Display different Body Background Color, Body Background Image Template.

Select different front end outlook will make your website's Look and Feel display in different looks, different shapes, and in different colors. You don't need to setup for each page manually. After you setup, the Look and Feel applied for a whole site. You can do it in just 10 minutes.