Website technology



This section of the website describes website technology which can be used within your website to enhance the functionality of the site.

Every once in a while a new development comes along which changes the way we work. These new developments are often identified by economists as Disruptive Technologies.

The BB2 website editor and associated systems have the potential to be a disruptive technology because they radically change the ways in which websites are created, managed and promoted.

For example, the BB2 application because of its ease of use, opens up opportunities to many individuals who could not easily use earlier methods of creating and managing websites, such as writing and editing code, or working with complicated content management systems.

With SBI's new website technology, virtually any available features can be incorporated into a website with relative ease, and without any need for the website owner to be technically proficient.

Many website technology features can be incorporated directly into the pages of your site, while other features, which require access to technology which is not directly available within your website, can be incorporated into your site though a feature known as a sub domain.

A sub domain is a prefix extension of your main website domain, and is structured as follows: sub-domain.main-domain.com.

Sub domains of your main domain are only available to you. No one else can establish or use a sub domain of your website domain without your authority. Although, you could authorize someone to use a sub domain of your domain name, under your direction.

For example, if you are the owner of the domain name acme.com, you could authorize the use of denver.acme.com by the Denver branch of your company for their website address, and new-york.acme.com could be used as the website address of the New York branch of your company.

Where required, different websites displayed under different sub domains can be hosted on different web servers, and the different sites can use different website management systems, and use different systems to the website hosted under the main domain name.

Sub domains can also be used to define different countries such as france.open-travel.net or canada.open-travel.net Plus, different although similarly named folders can be hosted under each unique sub domain.

For example, canada.open-travel.com/image-files/ is the address of a different folder to the folder located at australia.open-travel.net/image-files/. Plus, would be a different folder to the folder at open-travel.net/image-files/. This offers more address options to domain name owners than most domain name owners will ever need or want.

The point is that many sub domain website addresses are possible within a single domain name.

File names

It is a good idea to establish some rules regarding the naming of files used at your website.

Ideally, the names of all files should be lower case lettering only. This then avoids any confusion regarding whether lower case or upper case letters should be used within a name.

Plus, it is also a good idea to separate words within each file name with hyphens -. This makes long names easier for humans to read and has no impact on the ability of computers to identify appropriate files.

Also, when developing a file naming system it is a good idea to think about being able to find related files within groups. For example, if you are creating a website about different places within a region. It may be appropriate to begin the name of each page and each image file relating to that place with the place name.

For example: The file name galapagos islands_iguana15-2010.png, immediately identifies an image as being related to the galapagos islands, plus identified the image as being a photograph of an iguana which was taken in 2010.

All related photographs within a folder which are similarly named, would display in relevant sub groups within the folder. This can help when searching for a specific image to display on your website.

Different types of files that use different website technology are usually stored in different parts of a website hosting account.

For example, with SBI websites, all the html pages are in the main (root) folder, while all image files are either hosted in the images directory (in a file named /images/)or in a folder names image-files. This makes it easier to organise and find the different files, based on the subject of each file file.

Find more valuable website technology techniques described below.

Time and date

One website technology you can use at your website, enables a clock which displays the local time and the date on a page.

This is great for a website which is about a place, because it helps visitors to the website who are planning to telephone internationally to make enquiries about a service such as accommodation.

The visitor can then check that they are phoning at a time when someone is likely to be available to answer their call.

The website address shown below, displays some excellent clocks which can be configured and then displayed on your website. I have displayed clocks from this website on some of my websites for several years.

After selecting and configuring a clock at the site, you will be provided with the relevant code to add to your website through a raw html block.

http://www.timeanddate.com

In-text popup menu

One website technology you can use at your website, enables a clock which displays the local time and the date on a page.

This is great for a website which is about a place, because it helps visitors to the website who are planning to telephone internationally to make enquiries about a service such as accommodation.

The visitor can then check that they are phoning at a time when someone is likely to be available to answer their call.

The website address shown below, displays some excellent clocks which can be configured and then displayed on your website. I have displayed clocks from this website on some of my websites for several years.

After selecting and configuring a clock at the site, you will be provided with the relevant code to add to your website through a raw html block.

The code

<script type="text/javascript"> function unhide(divID) { var item = document.getElementById(divID); if (item) { item.className=(item.className=='hidden')?'unhidden':'hidden'; } } </script>

<a href="javascript:unhide('popup-menu-1');">Add your menu description words or a link to an image here</a> <br>
<div class="hidden" id="popup-menu-1" style="padding: 0.5em; padding-left: 2em; position:absolute; background-color: #F0F0F0; width: 35em; border: 1px solid #000000; margin-top: 1em;">
Place your content, including text, links or images, etc. here.

</div>
___________________________________________________________

Those parts of the code highlighted in red, are where your unique content, including text, links or code, are placed.

Those parts of the code highlighted in blue are unique descriptions for each instance of the menu. These descriptions must be different for each instance of a pop up menu displayed on a page.

The two descriptions within each menu must be identical. Ideally, you should use only lower case letters plus numbers and dashes in the descriptions. No spaces or non standard characters can be used.

The text highlighted in green is the clickable link which activates the menu and causes it to either display or be re hidden on the page. This text can be edited. Plus, a clickable image can be displayed instead of text.

Place your edited version of the code into a raw html block on a test page within BB2. Then, preview the page and click the relevant link to display the popup menu. Click the link again to hide the menu.

You can edit the size of the pop up menu, plus edit the background color, padding and border thickness to suit your own requirements. The editable measurements and color specifications are highlighted in purple.

Once the pop up menu displays as required, copy the code from your test page and paste it into a raw html block on the page where you want it to display.

The above Website technology can be used either once or multiple times on a page. If you display multiple instances of the pop up menu on a page, remember to give each instance of the menu a unique name.


Return to the top of the technology page.

Return to the create a website page.




















































































Article by ©


Introduction videos

Hints and tips

To view your editing window at full screen view, press F11 on your keyboard. Press F11 again to exit full screen view.

Note that the above feature works in most although not all web browsers.

Get into the habit of using the scroll wheel to scroll your website pages, as this will potentially save you time.

Website technology

Internal page links

File names

Time and date

In-text popup menu