 | |
New Economy of Names and Their PopularityA list of effective web names for starting a websiteBy Anthony Matarazzo |
|
Table of Contents
Introduction
Dear Valued Web Guest:
The following domains are available for purchase, the last time I checked. Please go to GoDaddy.com and reserve yours today. Feel free to tip me in person for finding the name. As a technology investor, the ability to reserve an Internet name is much like getting a name for a street address. Location draws business. Within the word domain, the same rules apply. The ability to cause instant memory is very important. These names were chosen because they do. The actual value of them within the terms of the communication value adhere to structure and foundation. As well, the future of these names are great because they are solid. The Internet population future can be foretold to increase therefore less availability of standard names will occur. Within these names, the foundation term appears first, making it a solid gathering of clustered metaphor. The ability to place the common first within the context of a memory search capacity provides efficiency. As well, search engine status and rank is exemplified using such methods.
A URL name can also be thought of as an advanced television and radio channel. There are many computer users around today. You must adhere to a broadcast agreement. Best practices rely upon quality content. Most of the Internet user's computing devices have color and have sound capacity. The biggest part of getting people interested is personalized marketing of the name. And there are many marketing domains for Internet that evolve. In most cases it is best to place emphasis on the name itself with a short slogan, a few words. The ability to create a hand held sign that is professional that contains the name can be achieved inexpensively. Using a desktop publishing software and four sheets of eight and half by eleven inch standard paper, the web name can be positioned at the top. Using smaller case for the prefix and postfix "www." and ".com" is important but is information that is consumed and recognized as web technology. The naming dialect of using capitals upon the start of words when they are squeezed together is important for appearance and consumption. Simply print a two page landscape orientated banner out. Cut and staple the two signs upon a piece of card board or corrugated board. You can even cut out a small handle within the cardboard above the letters to carry it comfortably. Another method is using very small squares of paper and handing them out while greeting. One click per hand shake is a great deal.
Most of the names have two words associated with them. As well, the syllable count is small for a broad audience. The content and interface delivery is the most important aspect of your production. You should consider the name investment a long term, cheap, and very beneficial avenue to explore. Guests are invited to find one or two names. To make a successful Website and business is your own responsibility. In short, the new market awaits. Do your best on the content and make sure you personalize your experience. HTML and Java script are the most supported and cheapest to develop with. Adobe Shockwave is an exciting technology for web delivery. In some cases, Java Applets and a Smart Java based server architecture will introduce long term growth benefits. An investment of two hundred dollars can provide ten years of owning a name. The value of the name is simply based upon the demand of the information and products you offer. Offer a simple way to access and view your information.
The best place to buy a domain quickly at is GoDaddy.com. Because the domain name is a long term investment, their management facility are superior within the context of web configuration. Which, if you are not trained in web technology can be difficult to accomplish. Their financial service is premium, even having their own branded card and finance system. For payPal.com customers,GoDaddy.com has an integration selection. Their interface is comprehensive. But most importantly, it is easy to use for beginners. You can easily buy and put information upon a web name. The order processing and time takes about one hour to complete. Some will fly through the process in under five minutes. When you buy a new domain, that does not exist. There is a short period of time when the Internet "telephone book" is being updated world wide. During this time, an entry is be posted that links the textual name to an IP address. GoDaddy.com's web service also provides additional content management software that your can install from a menu. They also support International domain names, (.it - Italy, etc.). So many options, so many choices. And most of all, their customer service is electronically responsive and responsible. They have support and development plans for you today.
Get Domain here: GoDaddy.com
Make your Mark upon the New Economy
In modern times, a sensitivity exists because of the ease of the American Economy. When some are left behind, it is usually easy to get the missing goods. However, in reality the value of the item is still not cycled within a consumer relationship to the economy. An important facet that keeps employment high is the cycle.
When choosing your web domain, you must know that there is nothing automatic that will make your web site a success, To make a success, in addition to having high quality work and material, you must ensure people go to your web site and shop. It is difficult to change a customer's mind about Internet security when credit cards are concerned. Therefore, you must absolutely make sure that each of the details about the transaction and the transaction user interface is high quality. An easy method of secure payment is using a third party. However, their baggage of interrupted transaction comes along. It is a careful balance to maintain, but it must be accomplished. Ensure customer satisfaction, correct transactions and be customer need specific. Some rules that a business owner makes does effect the customer's mood and desire. Employees must envision what their manager says policy is.
Please take some time to read the following terms. Customers are how one makes money. It is easy to ascertain that each person has motives, emotions, and private desires. Following through without compromise of your customer's privacy is a top priority when using an Internet business. This will mean many different types of details for any website business that one would create. These terms introduce the standards of operation that each person with economic capacity expect. It is like having a common interface for one to change and modify business. Many practices of older times that were learned through direct phone conversation have been updated using Internet technology.
For GoDaddy.COM, these features are an add on features that are easily incorporated. GoDaddy.COM's merchant account provides ultimate ease and flexibility reducing a lot of complex tasks for a business. A website administrator can add three types of accounts. Even International banking is supported.
Related Articles
Internet Computing Technology Terms
Take a minute to read the following entries. These are basic Internet technology terms. Most endeavors upon the web will use these terms. It is important that you understand the classical structure first.
- text editor
- Website
- URL
- web domain
- Internet service provider
- IP address
- HTML
- JavaScript
- Unicode
- FTP
- Domain Name System
- List of Internet top-level domains
Reserving a Website Name
The first ever .com reserved upon the web was Symbolics.com. Reserving a website name is quite easy. However, it does in most cases require a credit card. You must enter all of the information correctly, including the proper address and contact information. A website is an information responsibility. Therefore you will have to check with your Internet Service Provider to see the terms and conditions that apply. Typically when you sign up, you must read and confirm that you agree to the license terms.
A premium Internet Service provider is GoDaddy.com. Their services are comprehensive enough to handle personal and business sites. As a bonus, they have a banner hosted connection plan that costs twelve dollars per year. However, if you do not want a banner, additional fees apply.
When choosing the URL, you will be asked to confirm an extension. the .com is the major extension in America and globally (see List of Internet top-level domains). Optionally you can purchase mirror domain levels, a different extension. GoDaddy.com even offers a tremendous savings for doing so, you can get three or four at one time. The difference between them will be the extension.
Managing Website Account
Management of a website account is easy when using a one stop service call like GoDaddy.com. There are many facets that define a website technically within a network. When you establish a website, there is an actual location known of the web server computing device. This knowledge is necessary so when a user types the name of your website into a browser address box, the information can be retrieved. The recommended service provider has an extensive interface to manage all of the technical information associated with hosting a website. When you create your website with GoDaddy.com, all of this information is configured by their server software for you.
Creating a Website Using a Text Editor
HTML is a great standard format that will be around for years to come. If you are used to a word processing environment, the type of technology used will be familiar. In HTML, you have to spell out each format tag. For simplicity, the information that directly affects browsing technology, the tags, are located within the greater and less than symbols. As a visual indicator, you become use to editing within the two modes. One for style, and one for the actual word. Because most content on a page that is readable content, continues for a long period, the formatting attributes become negligible compared to the content. The entire document that you have to work with is textual, plainly written.
Using a simple text editor, windows NotePad is similar. There are other very good text editors that people have written over the years. TextPad is a comprehensive package that is available for trial purposes. The trial is fully functional so it will work for this purpose.
Using an editor like Microsoft Word will sometimes cause illegal characters (characters that look like but are not) to appear if you use cut and paste. This may only be present in certain version combinations between the browser and the Word processor. the " and ' characters are the most noticeable issue. The characters that enclose most of the JavaScript literal strings are included. Since web pages are Unicode text, and keyboard based, a certain range of characters is expected by the parser. Other information within the HTML file can be numerous characters that are unheard of in the mortal world. See Unicode for more information.
A website can be built and reviewed upon a hard drive using a text editor and a web browser. Creating a separate folder for your website is often necessary. If you create the directory within the documents folder clicking on any file with a .html extension will automatically load the default browser to view the page. Using the text editor, create the format and text using the HTML syntax described and save it to that folder. This will allow you to easily start learning the web technology without getting a website domain. However, you will have to retest the pages after they are loaded onto any web server to make sure the URL's are correctly tagged. Sometimes, placing a URL to a file that is located on your computer will work, but when the page is published, the direct file link will not be available to the web server. Therefore, you should test web pages after they have been loaded into the web server. Development of web pages upon your hard drive is much faster than using a web server. As well, there are tools that support this through synchronization. For now, the basic text editor will be used.
HTML Source Structure
HTML is a markup language. Markup within this capacity directly relates to the implementation of the tokens used. These tokens are called html tags. Each of the tags begin in a "<" and end in a ">". Tags that are block oriented, meaning there is a start and an end to the section, have beginning and ending formats. Typically an ending tag uses the "/" character to mark the position within the text. Take a look at the empty HTML skeleton below.
HTML
HTML's basic structure includes the tag HTML at the beginning and end of the document. This is a requirement to be considered to be a valid HTML document. The other sections, HEAD and BODY are content specific. The Head element enables a user to define rules for how things appear within the display of the text. Using a specialized section that is within the HEAD tag, users can define the color of all titles within a document. There is a specific syntax for each rule.
The BODY tag contains the textual content. This section will include all paragraphs that appear upon the page. To add a paragraph, simply use the beginning <p> and </p> paragraph tags. See the example below.
HTML
Please review the following web sites. These sites are extensive and include many advanced features that will be learned later. You should be familiar with some of the tools shown. The Markup Validation Service is a good tool used to make sure the HTML you write is valid. It is a robust service and will report many syntax errors and warnings of old content use. Sometimes a document that you write will be displayable by a web browser, the development force predicted imperfections. Because the document is non conforming, different browsers may work differently. These links provide tools that will be used for a long period of time. There is even listed another html code tutorial.
Page Titles
Pages titles are an essential ingredient of a web page. Easily implemented, within the HTML structure the tag appears between the only <HTML> and the <HEAD> tokens. Simply stated, titles are the text that is shown in the window title bar of the browser application. As well, page titles are a retrieved indexed item scanned by search engines. It is best to place a title upon the page so users can easily locate you information when they have to cross reference to another web site. When many windows are open, the title helps differentiate your information from within a list. On some operating systems, this information is used as a direct text link upon the task bar. See the example below for more detail. The example contains the exact title used for this HTML page.
HTML
Adding Paragraphs
Paragraphs are added to a HTML document with the <p> tag.
HTML
Simple Text Style
Text and its appearance within computing technology can be alternate and as varying as ever. Considering the technology of printed materials, real time change and in hand control over color is an excellent feature. Text such as bold stands out while italic text draws a different attention. These traits have subtle meanings within formal written word and even in the common text. They are very useful and within the text have a small appearance; just three characters. Using the <B> and <I> tags are quite easy. Just place them around the phrase that needs the attention.
Controlling color is also an important feature. The <FONT> tag provides this functionality. It is known commonly but the functionality has been placed within a different context within formal HTML code. Generally it is accepted to change color using a <FONT> tag, but controlling the typeface and larger portions of textual rendering attributes used a different method discussed later; CSS.
The parameter value can be described using two methods. A textual list exists that describes a rainbow of colors. There are about one hundred and forty names in this list. The second method is a direct color measurement using red, green and blue mixing. The parameters can be set using integer or hexadecimal (base sixteen) notation. Often, this is used by programmers. However there are color selection pages that allow one to select using a slider knob control upon each color. Then copying the numeric that describes the color mix is accomplished using Ctrl+C and Ctrl+V.
HTML
This produces a formatted output that looks like this:
Titles on a page are an important aspect of multitasking and general computing use. Achieving throughput upon a desktop user interface requires that one cross index information.
Search Keywords
Search keywords are used first within the search index database to scan for content. To add the information, the <META> tag is used. To inform the search engine parser of the tag contents, the name attributes must be set to the value "keywords". This information is used by web robots to find pages that have new search index information in them.
HTML
Section Titles
Documents are typically divided into multiple sections. Some methods of formal writing use the chapter, section and figure concepts. However, within HTML, other filing methods can be applied. Section titles are important to label information for what it is and how it relates to the parent and child section levels. Section titles are specified with the <Hx> tag. x can range in value from one to six, giving six levels of nesting. Sometimes section titles are used to generate a table of contents. The numeric information is used to determine the level of the trunk. The table of contents generated will be reflective of the order within the tree. Formatting within the table of contents, the numbers that are large will indicate sub sections and hence the title will be indented within the hierarchy.
HTML
Inserting a Line Break
Line breaks are important when you want to space information apart for easier reading. the <br> tag is use for this. Just place it after the text, the end of the line. It can appear anywhere within the text, however the line will be ended there. A simple list of terms for example.
HTML
Inserting a Divider Line
Line dividers are important to make something standout between sections of content. Using the <hr> tag will insert a horizontal line.
HTML
This produces out as follows:
Artists of the 1700's
Rembrandt van Rijn
Louise Moillon
Johannes Vermeer
Inserting Images
Images can be placed into a page using the <IMG> tag. The main parameter is the src. You must specify a valid path and file name otherwise the picture will not show. Sometimes depending upon what operating system your service provider uses, you must match the character case exactly when specify the path. The UNIX web server is the most commonly used web server upon the Internet for large scale solutions.
HTML
Sometimes it is useful to resize an image to fit proportionally upon the page. The img tag supports many styles of parameters to specify the size. There are two basic forms percentage and pixel. When you specify either the width attribute or the height attribute by it self, the other parameter is automatically adjusted to resize proportionally. To change the width of an image, you can use the width attribute. You must enclose the information within quotes.
HTML
You can also specify the exact size in pixels by using the extension px upon an integer.
HTML
Creating a Bullet List
Creating lists of items that are bulleted is easily accomplished within HTML structure. There are two types of lists, unordered and ordered. Unordered lists, the <UL> tag appears with bullets. Each item within a list is specified using the <li> tag - line item.
HTML
The output within the browser appears as follows:
Artists of the 13th century
- Cimabue
- Giotto di Bondone
- Pietro Lorenzetti
- Simone Martini
- Ambrogio Lorenzetti
Lists can also be numbered sequentially. Using the <ol< tag is the same basic operation.
HTML
The output within the browser appears as follows:
13th Blacksmiths
- bar iron
- anvil
- chisel
- tongs
- sledgehammer
- punches
- drifts
Hyperlinks and Navigation
Hyperlink was a great key concept when it was first introduced. The ability to link portions of documents together had never been accomplished so easily before. The first basic forms of document editing where accomplished on the UNIX platform using post SGML forms of parsing algorithms. Today, creating a hyperlink is very easy because of the format.
A funny relationship that the technologist developed was naming the function. They called it an anchor. The <a> tag is used for this purpose. It has one important attribute, the href parameter. Here you specify the URL location of the document. You can also link to book marks within the same page, a common format for a Table of Contents. The tag is completed with the ending clause </a>. To specify that when the linked is clicked upon, a new window is opened is common for some sites that require index branch information learning. Common for putting references to an external information set such as an encyclopedia or dictionary. To do this, supply that target="_blank" option along with the href parameter. You can specify it in any order. Because links are generally listed together in a series, the target="_blank" comes first for easy reading. That is, the hyperlink locations stand out more within the spacing.
HTML
This produces output within the browser as follows:
Movies Songs Books Movies 2001: A Space Odyssey (1968)Beach Blanket Bingo (1965)
Carnival of Souls (1962)
Chelsea Girls (1966)
Doctor Zhivago (1965)
Emil and the Detectives (1964)
Munster, Go Home! (1966)
Paradise, Hawaiian Style (1966)
X: The Man with the X-Ray Eyes (1963)
Song Goodnight Irene, Gordon Jenkins & The Weavers
Mona Lisa, Nat King Cole
Third Man Theme, Anton Karas
Sam's Song, Gary & Bing Crosby
Simple Melody, Gary & Bing Crosby
Music, Music, Music, Teresa Brewer
Third Man Theme, Guy Lombardo
Chattanoogie Shoe Shine Boy, Red Foley
Harbor Lights, Sammy Kaye
It Isn't Fair, Sammy Kaye & Don Cornell
Book The Man of the Forest by Zane Grey (1920)
Main Street by Sinclair Lewis in (1921)
If Winter Comes by A. S. M. Hutchison (1922)
Black Oxen by Gertrude Atherton (1923)
So Big by Edna Ferber (1924)
Soundings by A. Hamilton Gibbs (1925)
The Private Life of Helen of Troy by John Erskine (1926)
Elmer Gantry by Sinclair Lewis (1927)
The Bridge of San Luis Rey by Thornton Wilder ( 1928 )
All Quiet on the Western Front by Erich Maria Remarque ( 1929 )
To place a link to another page within your website or another page upon another website, within the href parameter place the URL location. When the user clicks upon the hyperlink, the browser will navigate in place to the location.
HTML
Adding Tabular Information
One of the most versatile functions available to html is its ability to format information within columns and rows. To do this within HTML is quite flexible and is used very often. The <TABLE> tag is used to define a table. Rows are defined by the <TR>. And the columns are within the row structure as <TD> elements. Within the <TABLE> and <TD> elements, the width attribute can be specified. Usually, you should have the same amount of columns per rows, but if you do not, the information will still be aligned within its cell.
Where the text falls within the cell can be changed from left, right, or center. Generally, for numeric values the alignment is set to right for easy decimal reading. Center is used often for short on off traits such as listing features of an item. Left is the default setting. As well, the entire table structure can be aligned, most often center page is used. It is important to note that using some spacing for source indentation often helps with readability. So the TD tags will be indented to show its inclusion within the TR tag structure. This is needed to find syntax errors that inadvertently occur, such as finding a missing </TABLE> </TR> or </TD>
HTML
This code will produce a formatted output that looks like this:
Fifteen Year Fixed Mortgage Rates
| 1980 | 9.7 |
| 1991 | 8.7 |
| 2000 | 7.5 |
| 2009 | 5.3 |
JavaScript Navigation
Website Navigation is a very important feature of web pages. Using one function and including this function upon several main pages, allows easy maintenance. If a new menu item is added, all pages are automatically updated based upon this new version. The JavaScript function below builds a simple menu structure that points to pages, has title text and also has status text. The menu is a horizontal bar. If sound is enabled, a small click is played upon each mouse over event. When the mouse moves over the menu item, the status bar changes to reflect the comment.
The menu built is enclosed within a HTML table structure. It uses the HTML tag with its events to build a presentable menu. The menu is defined within an array structure. Each item has three lines. The name upon the main menu or keyword, the title text and the status bar text. The link that is generated is the keyword plus a ".html" extension added to the end. So, if an item upon the menu were named 'Art', the page link points to 'Art.html'. When the user clicks upon the Art item within the menu, Art.html will be loaded within the window. If a menu item is named 'Home', the link is generated as 'index.html'. The script must be stored in an external file to the HTML files that use it. Take a look at the script below:
Javascript
To include the item within a page once the JavaScript file is saved, you use the SCRIPT tag and point to the menu.js file. The .js is the standard extension for a JavaScript web program. Take a look at the HTML code below. It includes the script within the HEAD section of the HTML file. Below, within the BODY tag, the menu is positioned and generated.
Javascript
Graphic Editing Online
Photo editing is nearly needed for each web design image that is used upon the web to achieve premium quality. As well, most useful time is spent using clip art collections to bring a collage together in supreme form. There are many resources available for free. The best quality comes from purchase however. In this section, you will take a browse through many useful graphic editing facilities that are online.
Pixlr.com has an editor that supports most operations that are needed for any image. It is one of the quickest methods and runs inside the browser window. Adobe Shockwave is required. There are many features that are useful: resize, brightness, contrast, sharpness, and layers.
Graphic Buttons Mouseover
Graphic buttons and mouse over events are useful interface functions. To change a graphic image when the mouse moves over a link, JavaScript must be assigned to an event handler. Specifically the mouse over event handler of the link displaying content. These buttons are nice, but should be designed to be very readable. As well, because the size of the font used is not dynamic, meaning that typically text is embedded within the graphic file, a designer must make sure the item is readable in many resolutions.
The following web page example shows the complete functionality typically built into such buttons. First there is a link. The link points to a YouTube.com video. The onMouseOver event is populated with an image change command. When the mouse moves over the link, the image will be changed to whatever the source parameter is set to. When the mouse is moved out of the capture range, the picture is changed back to the ordinal. Most importantly, the img is named explicitly with LeftSide. This is the name that is used to access.
Javascript
For more information, use the following resources.
Mouse Over ButtonsMouse Over Generator
Javascript Code
Web Buttons Package
Rollovers
Setting the Graphic Background
Showing a graphic upon the background of the web page is done by setting the background property of the body tag. Other elements that you have learned so far operate in a similar fashion. Each tag can have a background image applied. Within HTML these graphics can be a full page sheet or a repeated texture. The most common is using a soft texture around the edges of the web page. This is accomplished by setting the background property of the body tag to a space image for example and then creating a partition that the entire page text resides within. With proper spacing, the border becomes useful as an artistic relief and makes the text stand out. It makes some content memorable and fun to read.
Javascript
Adding Fancy Text
Adding very interesting text upon the page is accomplished by using graphic rendering packages. Such packages exist upon the web in a form that can be used within a web browser. These websites allow one to download an image and then place the image into a HTML page. The common formats are BMP, GIF, JPG and PNG. Of these three formats, PNG is well suited for high color and transparency. JPG is very fast for rectangular regions. Take a moment to review the following sites:
Javascript
This code will produce the following effect upon the page. The graphic is a PNG file and has transparency enabled. The transparency setting is typically a checkbox selection of the web graphic editor.
Color Matching is a Bonus
A website that is well matched upon color is a sign of a professional site. There are many aspects of an image that make something attractive and delicious to view. With text, simple rules of color matching apply. Color matching is difficult sometimes when the base color is an unique selection. Matching colors for several positions of importance can be calculated based upon hue and saturation. One may assume that there are several markings and positions upon a page. For example, the background, the text color, and the paragraph borders are included. It is important that the color selection be proportional. The following websites allow easy mapping of a base color and then automatically display variants of the hue and contrast that match. Take a moment to explore your favorite colors. An important facet about selection is transferring the information from the page to the html page. This is covered by using the color, bgcolor, border and background CSS attributes.
When colors are specified as a numeric value, they must be preceded with a # if the information is presented using an hexadecimal value. If the information is enclosed within a RGB tag, the values for Red, Green and Blue and be specified as a numeric ranging from 0 to 255.
Javascript
The codes produces output that looks like this:
Color Safe Names
Colors are also described using the following list of textual names. These names are supported by all web browsers. Sometimes they are more meaningful than using a RGB numeric value. However, you cannot select your very own. The color for the name is set.
Adding a Play list for Audio
An easy way to play audio stream content upon your site is to use an .m3u file. A .m3u is a standard text file that has a list of audio files. It is best to place the full URL path to the audio file. Each mp3 file should be listed upon a separate line. Use the <A> tag and set the HREF parameter to the location of the .m3u file. The link should also have the target set to blank; a new page opens. When the user clicks upon the link in most operating systems, the default player will be started and the music will play. Take a look at the code below for more detail.
http://www.AlienTimes.com/Sample.m3uJavascript
Within the HTML file, you simply make a link to the .m3u file as shown below.
HTML
Adding Sound Events to a Web Page
Adding sound to a web page can add elegance. Adding sound to a web page can also be a bother to some. An important understanding about adding sound to a web page is the reception audience. You must consider that the default for a web site is not sound. If a user hears sound, they are surprised. Therefore, one of the best rules to apply, is be eloquent. Play a sound that is free of distortion, has a correct audio level, and does not have pops or hiss.
Sound played as an event is typical of a mouse over event. The user moves the mouse over the link for example, and a small tick sound plays. Gizmos that play soft and short sounds are the best implementation. However, anything is possible. Use good audience digression.
Sound is added easily to a web page by incorporating the
Sound Page.html
HTML
Move the Mouse over these links.
Creating a Buy Button
Electronic commerce is typically handled by using third party integration by most web businesses. There are many resellers that offer branding and easy logo placement. Providing shopping cart systems is also a benefit that a small investor will be interested in. the most popular accounting firm for the payment collection end now is PayPal.com.
The company PayPal.com offers a direct way to use forms within your page. Simply cut and paste the text after filling in the fields upon paypal, and presto, electronic payments can now be accepted. You must have a credit card to use this service as a payment accepter. Do not expect to scam, you should provide the goods and services as designed. Therefore, upon your website, you must have customer contract agreement that specifies your policies.
Graphic Menus Mouseover
Graphic menus are nice especially if the buttons look good. The script below generates an image button link table that supports a graphic paste up upon the mouse over. For simplicity, the file names of the graphic files are the same name as the keyword with .png added as an extension. The graphic files should be located within a branch directory upon the server from the Menu script. That is, the /image directory. For example, the two states of the graphic menu item for Art would be Art.png and Art_Over.png. The html page that the keyword refers to is generated as 'Art.html'.
The GraphicMenu.js file contains the definition for each menu item. Reviewing the source code below, you will notice that there are two strings for each menu item. The first item is the keyword and the second is the tool tip. The sample below contains a simple directory of links. Rock.html is shown in code, but all of the other pages are very similar.
The buttons were generated using CoolText.com's button generator. To automatically generate the mouse over graphic, you will need to change the graphic rendering options upon the page. These options are located upon the Button page. Options that can be changed are Shape, Fill, Shadow and Other. The Other panel has a box for mouse over setting. When this is turned on to highlight or darken, two images are created by the software. One for the button and the other for the mouse over option. It is important when you save the files that you name them the same as the keyword within the menu. The mouse over .png file must have "_Over" added to the name.
The button graphics must go into a sub directory named /image. Within this directory are all of the menu graphic assets. Optionally a sound can be played. Listed here is a small wav file named tink.wav. The file is played when the mouse is moved over the menu item and the highlight png is shown. To get started, you can use the templates below. As a special consideration, you must use exact capitalization within the GraphicMenu.js file, the html file names, and the directories. By including this within each of your web pages, adding a new page can be accomplished by simply modifying the menu itself.
Preview: GraphicMenuTest.html|
The following files are the main web pages. Right click and then save as to download them to your hard drive.: |
These files should be located within a sub directory of the web site. Files within the /image directory are: |
The source for GraphicMenu,js
Javascript
The source for GraphicMenuTest.html
The source for Rock.html
Using JavaScript to Create a Table of Contents
Generating a table of contents based upon the header tags of an HTML document is accomplished using a TOC script. The table of content script that is linked here comes from Stuart Langridge and Daniel Folkinshteyn. The script is loaded within the HTML page using the SCRIPT tag pointed to an external file. The script makes it very easy to publish content and the table of contents is automatically updated for the user when they load a page. The script is robust, and works with many browsers. The script is fast and uses the natural method of scan - the document object model. When the page loads, some time may be spent while the entire page contents are loaded. After the information has loaded, the table of contents will appear. The original source and script instructions can be found here: Wiki: Generated_toc
There are a couple of options that you should be familiar with. First, there may be some <Hx> tags that you do not want listed upon the contents table. To make the script skip a tag, set the class parameter to "no-TOC" and the item will not appear within the table of contents list. Take a look at the example below which uses the script.
- Related Files:
- Preview Sample: Java Programming
- generated_toc.js
Javascript
Here is the listing of the generated_toc.js script. Again the script was written by Stuart Langridge and Daniel Folkinshteyn. The source code and documentation can be found at: Wiki: Generated_toc
CoolText.comJavascript
A Book Template with Borders
Putting it all together, you can have a template that generates a book and have borders around the edge. The information is quickly displayed because it uses HTML only to achieve the effect. Graphic relief can be established by setting the page background. The DIV tag that is located within the page contains the main content. Padding is set around the page to mimic the proportions and views of desktop publishing formats. A Table of Contents is included. Setting the colors and background of the text is accomplished by modifying within the STYLE tag. The files are listed below.
Javascript