| | |
| |
| | |||||||||||||||||||||||||
![]() |
![]() |
![]() |
||||||||||||||||||||||||||||
![]() |
![]() |
|||||||||||||||||||||||||||||
| | ||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||
![]() |
Please Click Here to Bookmark the White Beer Travels Home page, i.e. add it to your Favorites Please Click Here to Bookmark this White Beer Travels "Build the Website" page
| |||||||||||||||||||||||||||||
Info on Building the "White Beer Travels" website & The Help Received | ||||||||||||||||||||||||||||||
|
White Beer Travels' John White built this website himself, mainly because it was something that he wanted to do! He hopes that you find the site functional and that it provides sufficient information on the Beer Hunts and other services that he offers. Comments on the site will be very greatly received by e-mail, phone, fax or by letter; to send me an e-mail, click here. For other contact details, click on Contact Details, here or at the top or bottom of this page. |
| |||||||||||||||||||||||||||||
|
Amaryllis provides a complete website building service for those who do not wish to do this themselves. They certainly have the credentials; not many can boast having their own website back in 1993, a time truly in the dark ages as far as the Internet is concerned! Have a look at sites they have built (there are links from their site) to see for yourself what a professional job they do. This is backed up by superb technical support. They promptly answered a multitude of queries, on file naming conventions, file layout, etc, etc, prior to any money passing hands. For example, somewhat amazingly, if John sent off an e-mail technical query at 10pm, as likely as not it would be fully answered within the hour! Also prior to any commitment, they provided services such as a free tutorial on Cascading Style Sheets (CSS), these being used, for example, to implement the hover properties of the site's hyperlinks. But most importantly, the service is just as good after signing up with Amaryllis. In summary, they provide a magnificent service, at all stages of dealing with them! In August, 2002, John commissioned Amaryllis Design Agency Limited, to do a makeover of the principal pages of the site based on the original pages that John had created. The main object was to improve the appearance of the pages and make them display uniformly over all PC screen resolutions. These new pages, of which this "Build Information" page is an example, and ones that John updated or created subsequently himself were progressively commissioned from September, 2002, such that all, bar one, of the site's pages are now in the new format, i.e. for a direct comparison of the old style and new styles pages, click here to have a look at the legacy version of this "Build Information" page. I am sure that you will agree that they greatly improved the appearance of the site.
| ||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||
|
The Dreamweaver package (Version 4) arrived from www.jungle.com (now a subsidiary of Argos) with their customary quick delivery on the 10th of January, 2002. The package came with a forbiddingly large manual, but John did the excellent tutorial at the front, which equipped him with over ninety percent of the skills required. Note that what one does in Dreamweaver and equivalent packages is converted into computer programmes, that are executed to actually run the pages. Typically the language used is called HTML (Hyper Text Markup Language). To have a look at the HTML source code for any Web page, for example, using Microsoft's Internet Explorer or the Opera browser, click on "View" and then select "Source" from the pulled-down menu. For many who build Web pages, fiddling with this source code is not necessary. However, if you require certain features, then one has to do it. For example, since the pages of the White Beer Travels website are frequently updated, I want people to see the latest pages and not old versions that have been cached on their PC's hard drive. Therefore, as you will see, if you do a "View Source", I have the following "Meta Tag" near the top of the HTML code: <meta http-equiv="cache-control" content ="no-cache"> The following Meta Tag allows one to put accents on Czech words such as U Flekù, a famous Brew Pub, in Prague, and on Èeské Budìjovice, home of the renowned Budweiser Budvar (Budìjovický Budvar) Brewery (Character Set 1250 is for Central and Eastern European Characters): <meta http-equiv="content-type" content="text/html; charset=windows-1250"> Further information on Meta Tags can be obtained from specialist books or from Web pages, such as www.codeproject.com/html/meta.asp. The following code, that appears in the head section of the site's Home page, puts a 16x16 pixel "Favicon" next to the title of any pages from the White Beer Travels site that anyone should add to the "Favorites" list in their Internet Explorer browser. The Favicon or "Favorites Icon" (favicon.ico), which has "W B T" (White Beer Travels) on it, was created using the Microangelo Value Pack, which is available on twenty-day free trial from www.microangelo.us: <link rel="shortcut icon" href="favicon.ico"> Another reason that you may need to get into the HTML is to provide functionality that a package such as Dreamweaver does not support. For example, with the package itself, there is no direct way of inserting "superscripted" characters, such as the degree symbol in the famous Trappist Beer, from Belgium, Rochefort 10o, or "subscripted" ones, such as the "2" in the chemical symbol for one of the major products of the fermentation stage of brewing, Carbon Dioxide, CO2. I found out how to do this by finding Web pages that used these features and just copy/pasted the "Tags" that create them into my own HTML source code, i.e. <sup>o</sup> and <sub>2</sub> respectively. Note that Dreamweaver 4 has been superseded by more enhanced versions that are much easier to use and provide additional, more powerful functionality, although supercripts and subscripts are not included in Dreamweaver MX 2004, which John upgraded to, in December, 2003. This was purchased from www.misco.co.uk, who, on this occasion, had the edge on price; they also delivered it very quickly. Other forms of tags can be used to add music to page(s) of the site. For example, the following code produces the small media player below it; the larger button is the Play/Pause button; the smaller is the Stop button. It plays a MIDI (.mid format) version of Sonny Boy Wiliamson II's "Help Me" (which is based on "Green Onions", by Booker T and the MG's), which, as can be seen, is held in a folder called "music". <embed src="music/help_me.mid" height="24" width="69" loop="true" autostart="false"></embed> This above music does not start automatically (autostart="false"), as this can annoy visitors to the site, especially if they are browsing in their office! However, the one playing Fats Domino's "Blueberry Hill", at www.whitebeertravels.com/images, starts automatically since one should not really be at this part of the site, which is a folder full of the sites images! This one plays without a media player (width="0") and automatically (autostart="true"). Of course, you might also, inadvertently try to reach a page of the White Beer Travels website that does not exist. Normally, this would result in a rather unhelpful "Error 404: File not Found" message. To get around this, I have customised my own "Error 404" page which provides useful information to hopefully get you back on track. Try it by trying to go to a non-existent page such as www.whitebeertravels.com/test.
Below are two further example of associated websites that White Beer Travels is pleased to recommend. The first one for Expedia.com, the highly regarded site for booking flights, hotels, car hire, whole holidays, etc. The second is for "Driveline Great Getaways", who offer excellent value breaks to Paris, Lille, Bruges and Brussels. They provide accommodation, in conjunction with travel on the Eurostar train from London. The affiliate programme for "Driveline Great Getaways" is one of a big selection administered by www.buy.at, from where one can join up with the ones of your choice.
Websites or Web pages with like content can be grouped together in a Web Ring. Access to the websites making up the ring is provided by pasting HTML code supplied by the Ring Administrator (RingMaster) into the appropriate pages of your site. Examples on the White Beer Travels website are: the "Beer Ring" at the bottom of the Home page: the "George Orwell Web Ring" at the bottom of the page featuring George Orwell's favourite pub, The Moon Under Water; the "Denver Web Ring" at the bottom of the page featuring this Colorado city's famous Wynkoop Brew Pub; the "Edinburgh Web Ring" at the bottom of the page featuring the city's Caledonian Brewery and its outlets in the city; and the "GPS enthusiasts' Web Ring" at the bottom of the page covering Stress-Free Beer Hunt Navigation. These were implemented, and are maintained by the user, from the WebRing website, www.webring.com. Fancy effects, such as this page's elastic cursor, which I have customised with a set of Belgian Beer bottles and their corresponding glasses (Orval, Rochefort 10o, and Duvel), are achieved by inserting "JavaScript" into the HTML. This particular "elastic bullets" effect was coded by Philip Winston; it was copy/pasted from javascript.internet.com. I noted it being used on Filip Geert's Web excellent site covering Belgian Specialty Beer, surf.to/beer; on enquiring, Filip revealed the source of it to me. Further details of Filip's site can be found on the Reciprocal Links page. Other pieces of JavaScript are used to put the current date and time, "  , at  ", into this sentence and at the top of the site's Home Page and News Page.There are numerous books that one can buy to learn JavaScript, and help is also available, of course, on the Internet, for example from sites such as www.elated.com: click on Tutorials. The "ELATED :) Love Your Site" website is a truly excellent resource for website builders. Note that some people do not like features such as the elastic cursor, in which case they can be disabled. In Microsoft Internet Explorer (IE), on the IE Tool Bar, click on Tools/Internet Options/Security and set Custom Level and/or Default Level to High using the slider; if set to Medium Security, Scripts such as those which run the bottles are allowed to run, but not at the High Security setting. As well as music, one can add video to your website. for example, the following code is similar in structure to that for the above music file, except that a video file named "hello.avi" in the folder named "video" is being called (loop="false" means you get it just once, but you can use the play button to repeat it, should you so wish). It is included as part of a JavaScript routine that plays, in a new window, the video of myself giving a short "Hello". The beer I am toasting you with is the great Westvleteren 12o (White Beer Travels Web page). Featured also are glasses for the beer and a crate of it. The video was taken by Joyce White, at home in Grimsby, England, in January, 2004. it is only a short video, as video files are very large. Note that the frame size of 160x120 pixels was not the lowest that could be produced by the digital camera used to take the video (320x240); it was reduced to 160x120, which resulted in around a four-fold reduction in file size, to speed download, using a free-of-charge package, Stoik Video Editor, from www.stoik.com. Even so, the three second video has a file size of 408kb, so give it a little time to download. <embed src="video/hello.avi" height="120" width="160" loop="false" autostart="true"></embed> A
JavaScript is also used to encrypt e-mail addresses, including my own, quoted
on the Contacts page of the site and everywhere else. This
prevents spammers automatically picking up these e-mail addresses with Spam Robots
(SpamBots). This script, which is by Jim Tucek, can be obtained free-of-charge from www.jracademy.com/~jtucek/email. Although it is not essential, such encryption is typically used in conjunction with an image of the e-mail address being used on the page, rather than text. For example, if you float the cursor over the e-mail address at the end of this sentence, you are notified that it is an image (a GIF with a transparent background, see below), by its "alt text", the text you see, if configured, when the cursor is floated over images: Despite such precautions, e-mails with spam and/or which contain viruses slip through the net. In order to avoid getting these into my computer, prior to using my normal e-mail client, I use the "Ultrafunk Popcorn e-mail client", which allows one to look at the headers/subject of your e-mails without downloading them to your own PC. One can tick those you do not want to download and delete them from the server, so that your PC never sees them. This is a very quick and satisfying procedure. At one time Popcorn could be downloaded from the Ultrafunk website, but this closed in June, 2005. If I find an alternative source of Popcorn, I will refer to it here. A further example of the use of JavaScript, are the links to related websites, such as the ones just above this page. This is a free-of-charge service from Google called AdSense. Money is earned each time someone clicks on these links. Google have software which selects the adverts based on the content of each page in which they are placed; they are in the language of the page, i.e. the ones on the French-language White Beer Travels Translation Service page are in French. For more details on AdSense, see https://www.google.com/adsense. At the top of this page, and all of the others making up the White Beer Travels website, there is a link which facilitates adding the White Beer Travels website to your list of Internet Favorites. This is another JavaScript application. The main job after getting Dreamweaver, and having some idea as to how to use it, was getting the content together. John had fortunately lots of Beer Hunt recce notes and Beer Guides in Microsoft WORD format, which could be readily pasted into the emerging Web pages. With much burning of midnight oil, the site was launched in a semi-complete state on the 24th of March, 2002; all the "Under Construction" signs were removed on the 15th of April, 2002. The site at this time consisted of twenty-three separate pages, equivalent to over a 110 pages of A4, when printed. Of course, from this date, there has been much maintenance, updating and additions, which have dramatically increased the size of the site, something which is a never-ending process, so perhaps the "Under Construction" signs should be displayed permanently! In June, 2007, the White Beer Travels website had a hundred and six separate pages, the equivalent of over 650 pages of A4/Letter. Although the annual financial outlay to Easily.co.uk is modest, they provide fast and efficient technical service. John can see why Alan recommended them. An important feature of the e-mail service that they provide is "WebMail". This allows one to send and receive e-mails from any Internet-enabled computer, anywhere in the world, without the need to dial up the ISP (Internet Service Provider) that you use in your home country. If you want to access your company's e-mail service remotely, assuming that they use Microsoft Exchange Server, you can see the whole of your e-mails past and present (Inbox, Outbox, Sent Items, etc). This is achieved by using Microsoft Outlook Web Access (OBA), with which you can send and receive your company e-mails from any Internet-enabled computer. The fax number used by White Beer Travels, see the Contacts page, is supplied by the Los Angeles-based eFax (j2 Global Communications) (www.efax.com). Their system is very flexible in that one option allows you to send and receive faxes as e-mails, the received ones being e-mail attachments. For a top-class layout, one can also format a fax using Microsoft WORD, and then append this as an e-mail attachment. Recipients of eFax generated faxes are totally unaware that the fax received has not been sent using a "conventional" fax machine. Provided that one uses an e-mail system that has a WebMail facility, see above, White Beer Travels can send and receive faxes using its UK fax number, from any Internet-enabled computer, anywhere in the world. This can also be done with a second eFax option for sending and receiving faxes, which involves going to a particular eFax Web page and using a password to get to your account.
|
||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||
The two images required for the button, below left, were produced using the free edition of Xara Webstyle 4. More elaborate buttons are available in the edition that you have to pay for. The button takes one to the Contents page of the White Beer Travels website. This page has a brief description of the hundred and one pages that make up the site, along with links to them all; it is, essentially, the White Beer Travels Site Map. You will note that, as the mouse's cursor is placed on it, that "Alt Text" appears, see above. One can also get to the Contents page with the button, below right, this being a Dreamweaver "Flash Button". Such buttons are very quickly and easily produced within Dreamweaver MX 2004 itself, the separate images for normal (mouse off) and "mouse over" being automatically generated by the package. Unfortunately, there is no facility for adding "Alt Text" with this package alone. The advertising banner for White Beer Travels Beer Hunts, below these buttons, is an "Animated Gif", see below, produced using the trial edition of Xara Webstyle 4. As per the buttons, better banners are available with the full package. Note that, as with buttons, one can choose the banner's main colour (in this case, it is the same as the page's background) and the text colour, in this example, the latter is as per the dark red at the top and bottom of the page. | ||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||
![]() |
||||||||||||||||||||||||||||||