presentation

[fuccaro]

I search for a way to explain how a program works. I have seen something similar and I am wondering if I will be able to reproduce it myself.
I would like to make a HTML page divided in 3 frames. The left frame –with vertical page scroll- should hold the code text, a second frame for explanation text and a third one for a graphic. A button must control the whole page: at a click the next code line(s) will be highlighted, the explanation text will be changed accordingly and the graphic will show the effect of the highlighted code.
Probable I can write the javascript for the button to load the next image in the graphic frame. Maybe I can solve to load the next text in the explanations zone too.
But how can I highlight a part of the code? It can be bold, colored text/background, anything.
Or maybe there is an other way outside HTML? Maybe Power Point?

[yedan]

maybe a flash solution is possible using slideshow or scenes to change the highlighted area on each press,

[CADTutor]

In general, frames are not a good idea for building websites and you could do what you want using a combination of CSS and JavaScript. The one page can hold all the content you want and then selectively reveal/hide different elements of the markup by dynamically switching the display:hidden style rule using JavaScript.

If each section of code were within a seperate targeted <div>, you could make each clickable and make the code itself the button for switching content.

That's the neatest and most modern way of doing it but it does require a good understanding of semantic markup, CSS, JavaScript and the DOM.

[fuccaro]

I am not familiar with the flash and probable it is a long way learning.
Also Power Point can’t offer the text scroll –so I abandon this way too.
CADTutor can you please return giving more details?
I thought to use frames because I wish to show the source code, the program itself (containing about 100 lines) and the user must be able to scroll up and down at any time. I could use a text window instead of frames but it should be no problem; the web browser does support frames.
I work occasionally with JavaScript and CSS. When I need them I open the documentation and I read until I find out how to start. After that: trials and errors. I did so before and probable I will be able to do it this time too.
But my question remains: how to highlight the first line of a text, after a click highlight the second one, after one more click the third one and so on? Can you please post a simple example?

[yedan]

there a few simple flash programs that offer free evaluation trials one i used and now purchased is a program called flash animator, i believe the website is 3dfa.com, it is quite simple and easy to use without having to learn indeoth flash coding, a quick example of what i did with it can be found here

My company website (http://www.sperlingretail.com)

[fuccaro]

Thank you Yedan, I will evaluate the possibility of doing the job in Flash.