Producing a presentation using HTML

Joined
27 Jan 2008
Messages
25,007
Reaction score
2,895
Location
Llanfair Caereinion, Nr Welshpool
Country
United Kingdom
I want to promote a method of forest management using the internet. Clearly this means HTML with CSS and Java script to assist. My humble attempts at http://www.freetheforest.org/ have produced a auto changing display which does a reasonable job.

At the moment no attempt has been made to add sound. It is purely visible. The test pages would auto change from page to page but doing that resulted in the viewer not always realising when he moved from one page to another.

I am an electrician not a web designer and I am well out of my comfort zone working on web sites.

6 months ago I had little knowledge of CSS and still less of java script and it has been a steep learning curve. So I am open to any ideas.

I consider better to auto select auto and leaving the user to select manual. Thoughts would be welcome.

I am really a beginner and any help or comments are welcome.
 
Sponsored Links
Thoughts:

"This website freetheforrest.org is linked to our parent website"
Why have you spelt it "forrest"?

The choice of typeface, centred text, punctuation mistakes, button layout, page layout and colours make it look amateurish.

The coloured text is difficult to read against the mixed background. The orange text is especially difficult.

Most web sites have a left-hand navigation column with links to pages. By making yours different you will probably discourage people.

The home page offers no information regarding the purpose of the site, or the benefit to readers.

The search function doesn't work:
"Your search - site:http://freetheforest.org/ Type name here ILIFF - did not match any documents."
 
and don't ever put audio on a website that cant be turned off.
personally I would prefer it not to be there at all, but if you must, an "off" button is a must.
those that don't get closed immediately from me.

video with audio should always be a click to play.

comic sans, run away...
photos rarely work well as page backgrounds

having the pics the same size at both sides would be a nice tweak, as would a fade through rather than the "cut" transistion at the moment, theres loads of free gallery stuff out there thats free, have a look at some of the picasa templates if you don't have loads of experience.
 
Sponsored Links
Remarkable achievement for an electrician, still its only the begining so in time I am sure you will get it better.

I knew Jesus did exist but did not know he lived in a forest!
 
Hi Illif

You could always download one of the free (open source) "frameworks", commonly known as content management systems (CMS).

Two of the best/(most popular) are Joomla and Drupal, additionally there is wordpress which has evolved from a blog to something approaching a CMS.

You will find that each of them has bucket loads of plug-ins that will enable slide shows and so forth.

There will be a bit of a learning curve but your recently aquired knowledge of HTML and CSS should prove to be invaluable.

I see that you have a 1&1 account, so long as your hosting includes a database you should be good to go.

If you need help setting it up please feel free to PM me
 
Yes my name I Eric aka Santa according to resent children's visit with a white beard. Iliff aka Gandalf has long ginger beard and hair in ponytail.

I am an electrical engineer and Iliff was an architect mainly for hospitals in Africa before 30 years ago he took over his grand dads woodland.

My involvement was photographic which was my hobby Iliff wanted pictures of the woodland for his website.

However the web page masters he was using were very restrictive to what he could show seems they were using svBuilder to display pictures which had a line of icon pictures below and a single picture expanded which only used around 1/3 of the page leaving most the page empty. The text only showed with mouse over. I voiced the idea that the writing should always be viewable and for most it needed a pair of pictures.

It would seem they were also using a very restrictive system from what they said called Joomla which created 100's of files and just to produce two pages took two people all day. This http://settingtheforestfree.org/ was the result of 16 hours work. Clearly Joomla was a very slow system.

It also seemed according to his web masters that pictures within text all have to be down the left hand side due to using frames. However looked more like tables to me. They told me they don't use pictures as text as web crawlers can't find it, they also don't use CSS or Javascript yet the pages seem full of both. Also they don't use flash but the word cloud on the index page at http://www.naturalforestpractice.com/ will not work on an Iphone because it's run with flash.

In spite of producing a demo page with two pictures and text they tell me it can't be done. Since these guys are professional not a simple electrician like me I have taken their word for it and my attempts to use Joomla were a complete failure and with inquiry I was told whole idea of Joomla was to give varying access to different members of a group.

I also heard them blame front page and dream weaver for not being able to do some functions I have had problems with nvu, and using the design mode in front page has on times failed but in code mode both front page and dream weaver seem to work fine the latter giving colour changes on the code which alerts one of mistakes. Which is an advantage to using notepad. I don't use any of them to upload pages I prefer to see them all run first then use WS_FTP95 to upload the pages.

I never intended to write the web page myself. My idea was to offer ideas in action to how the pages could evolve. What I now realise is a problem is Iliff is trying to do far too much himself the web masters wanted a complete text ready to cut and paste into the site and a folder full of pictures. Also Iliff had to be there while every "T" was crossed and every "I" dotted he could not as he does with me say "I have a visit on Tuesday can you cover it" and by Tuesday evening there is an array of pictures published on the net.

He wants be to link to the other site but there is not a single page anchor and many pages with just a little in each on the subject, so where he talked about for example ash when I link to the page the user has to scroll through two pages of text to find what he says about ash. I have therefore built an "About" page as an interface. He does not like my About page but until he includes some anchors and ratifies his existing pages I can't see how I can link to multi small references.

However one thing I am sure can be improved on is the pull down menu. As it stands I cut and paste the modified pull down menu into each page one at a time. I am sure there is a way to have a common pull down menu for all pages?

My aim is for the user not to have to scroll to view pages. There will be a little as all screens are not the same but idea is to produce a presentation where the user can just site back and watch the pages. To get the odd portrait picture in I have been suppressing the heading. However this means buttons jump up and down. I have tried using right picture and forward and left as reverse it works but not sure about it as yet.

It has all been a steep learning curve. My sister was a computer analyst and I have always relied on her for help. But her death earlier this year has resulted in no one it the family to ask now. Did an access course to IT back in 2004 but seems every thing has moved on since then.

Thank you for all your help.
 
Hi Eric

If you want to play with a demo of Joomla then click here http://demo.joomla.org/

You have the option of viewing the public "face" and then playing with the admin back end where you can tweak settings or add pages.

The demo front page isn't very sexy, it is just a demo.

Here is an example of a joomla site I set up for a friend. He wanted something that looked fairly basic but allowed him to make changes such as text tweaks, new pages and so on.

http://www.kidscardiologist.com/

The following is an example of a free image plug-in

http://data.artetics.com/index.php?option=com_content&view=article&id=37&Itemid=34

Most of the plug-ins are free, some are paid for. You can find thousands of free templates that you can make changes to.

Here are a couple of commercial sites that use Joomla

http://api.orange.com/

http://www.jaguar.gr/
 
Iliff has said he wants the page to look a little amateurish he does not want viewers to think they are looking at a corporation page.

Personally it has become too much my page and not enough Iliff's page. The idea was I entered some temporary text to be replaced latter by Iliff but in the two months it's been running on his domain he has gone through two slides of six on the index page rest done by me.

Breaking news and party visits need to be posted quickly and I expect to do that so within 24 hours of an event there is something on his web pages.

But the things like Primitive Plant Forms really should be written by Iliff I am really out of my depth. So I am taking a step back and am going to wait for Iliff to catch up and let it evolve into more of his site rather than mine.

Simple tweaks are still coming up. He has talked about clicking on a picture. With the index I have experimented with click on picture to take one to a page about that subject. However with CNG-Winter clicking on picture takes one forward and back within the page. Clearly can't do both.

I really need his feed back on simple questions like these on which way to go.

I have received some ribbing about using Comic Sans script. Not my selection and can't really see a problem and since all controlled by CSS I can change all the pages very quickly. It was Iliff's selection so I am keeping it.

Some times we don't see eye to eye. I blame the venue of local pub. Can one really be expected to agree when we meet in We Three Loggerheads?
 
I used to offer a web design service. I stopped because:-

1. Customer invariably refused to supply text and images. "Just borrow it from (name of rival company's)" web site.

2. Customer invariably wanted HIS choice of typeface and layout, which would involve weird fonts and a horrid mix of colours, plus a site that was unnavigable.

The former is clearly his responsibility since I don't have the knowledge.
The latter is what he's supposed to be paying me for - MY expertise.

In the event that the web site ever got finished, there would follow a daily stream of requests beginning: "Before I pay you, could you just change/add...?"

I gave up. It was all too frustrating.
 
oh yes I have also had just find a image on internet. And I have no worries about linking to an image. If there is ever a copy-write issue they are free to remove it.

However down loading an image and holding it on my site is another issue. One has no idea who the image belongs to and should there be a copy write issue one could be unaware until too late.

There is also the health and safety issue we are very careful that all health and safety is followed before we take photos. Visors when using chain saws etc.

Although done for free my remit is to take the photos. I do get asked to include other peoples photos and they did become a problem. Some did want naming some did not want naming so in the end I said very easy to name photos with FastStone Photo Resizer if you want your name on it put it on the photo. There are some I name as received before I requested the name to appear on the photo.

As to some one taking my images at 400 pixels width they are not going to do much with them so are welcome to them.

The "unnavigable" is something I have talked about a lot. There is a site map and pull down menu but I feel most people don't want to be clicking their way around a site. So in the main it auto moves from one page to next. However when clicking forward and back having an auto and manual together often slides are skipped so left forward as it was so if it skips one tough but back disables the auto function.

How many times to cycle before moving to next page is also some thing under discussion. In some cases there are two pages nearly the same with different number of cycles. As if one has selected a page then one may want to stay on that page but if directed there from another page then once is enough.

I am very aware in auto it takes around one and half hours to fully cycle all pictures and arrive back at start I would not expect many to watch for that long. But there is a manual option which the user can select.

I am also undecided as to larger images. If a look at some of the macro images taken at 10MP and reduced to 1MP or less I can with duel pictures show over view and close up from the same image. Having some with click to enlarge and some without seems messy so not included an enlarge feature.
 
It would seem they were also using a very restrictive system from what they said called Joomla which created 100's of files and just to produce two pages took two people all day. This http://settingtheforestfree.org/ was the result of 16 hours work. Clearly Joomla was a very slow system.

Sorry i posted without realising that you had already posted

Joomla does take a while to set up, but the beauty of it is that once set up it is dynamic, allowing you to add/remove pages whilst the menu updates itself.

It is true that Joomla creates hundreds of files but it still has a pretty small foot print. it does increase the load on the server but i have a number of joomla sites that happily co-exist on my shared server account.
 
However the web page masters he was using were very restrictive to what he could show seems they were using svBuilder to display pictures which had a line of icon pictures below and a single picture expanded which only used around 1/3 of the page leaving most the page empty. The text only showed with mouse over. I voiced the idea that the writing should always be viewable and for most it needed a pair of pictures.It also seemed according to his web masters that pictures within text all have to be down the left hand side due to using frames. However looked more like tables to me.

They told me they don't use pictures as text as web crawlers can't find it, they also don't use CSS or Javascript yet the pages seem full of both. Also they don't use flash but the word cloud on the index page at http://www.naturalforestpractice.com/ will not work on an Iphone because it's run with flash.

In spite of producing a demo page with two pictures and text they tell me it can't be done. Since these guys are professional not a simple electrician like me I have taken their word for it and my attempts to use Joomla were a complete failure and with inquiry I was told whole idea of Joomla was to give varying access to different members of a group.

I also heard them blame front page and dream weaver for not being able to do some functions I have had problems with nvu, and using the design mode in front page has on times failed but in code mode both front page and dream weaver seem to work fine the latter giving colour changes on the code which alerts one of mistakes. Which is an advantage to using notepad. I don't use any of them to upload pages I prefer to see them all run first then use WS_FTP95 to upload the pages.

Front-page slideshow

http://demo.joomlaworks.net/

Is an example of an image slider that shows text and doesn't use flash. i have linked to the joomla plug-in version but it is available as a stand alone for sites. in other words you could just add the code to your site.

Wowslider is another of the many image slideshows available

http://wowslider.com/css-slider-aqua-flip-demo.html

With regard to frontpage- don't use it- it really is awful, it spews nasty MS code.

Dreamweaver does have some quirks but remains the industry leader.

You seem to be getting mixed messages from your hosts? With CSS you can use z-index to position text over anything.
 

DIYnot Local

Staff member

If you need to find a tradesperson to get your job done, please try our local search below, or if you are doing it yourself you can find suppliers local to you.

Select the supplier or trade you require, enter your location to begin your search.


Are you a trade or supplier? You can create your listing free at DIYnot Local

 
Sponsored Links
Back
Top