How Can I embed a html file inside a lesson?

How Can I embed a html file inside a lesson?

by Crescenciano Olvera -
Number of replies: 8

Hi all,

I do know if this resource forum is the best place to summit this topic, I am sorry if this must to be released in the lesson forum.

I was looking a lot in the moodle forums, for a instructions to embeded a html file insdide a lesson, I found instructions to embed a flash file, And it works very well with my macromedia flash files.

Also I try to create a link to my html file, but all options only give me a two different behaivor, one of them is to open the html file in a new window and the other one is to open the file in the actual window.

But I can not reach the objetive that is open the html file in the same lesson frame, my questions are:

Is possible to embed a html file, to open  inside a frame lesson?, and if this is possible,

How could be done?

I will appreciate your help,

Crescenciano,

Average of ratings: -
In reply to Crescenciano Olvera

Re: How Can I embed a html file inside a lesson?

by Enrique Ruiz -
I f you already have your HTML File and want to to show it in the lesson frame

You can open the HTML file as a source code and copy all html code between the body tags and pasted under page contents. (you don't need the body tags)

but you have to be careful where you stored your images.
Average of ratings: -
In reply to Enrique Ruiz

Re: How Can I embed a html file inside a lesson?

by Crescenciano Olvera -

Hi Enrique,

I appreciate your advice.

Do you know if all the functions code included in a html file produced with Dreamweaver can be accepted and displayed in the moodle html editor?

This is the reason that I am finding a embeded way to do that,

Crescenciano,

Average of ratings: -
In reply to Enrique Ruiz

Re: How Can I embed a html file inside a lesson?

by Enrique Ruiz -
I don't think thats going to work, since Dreamweaver and Fireworks use some scripts for behaviours, and the scripts are out of the body of the html document.

and I'm not pretty sure but I think the html editors change from browser to browser.

Average of ratings: -
In reply to Enrique Ruiz

Re: How Can I embed a html file inside a lesson?

by John Bourne -

So, I'm confused about using Dreamweaver code in a Moodle HTML resource.  For example, I take some HTML code created in dreamweaver, copy it, and paste into and HTML resource.   Copy is ok, but on save, it changes the <img src ="filename"> into <img src="MoodleSitePath/filename">  not what I wanted since I wanted to copy a bunch of Dreamweaver files into a directory and make them all self-referential..  For example, some of my students created a site in Dreamweaver, then we tried to copy the whole site into a folder in Moodle -- no luck since the paths were changed by Moodle, apparently.

In contrast, another student group uploaded images and make links to them - that worked fine.

If any suggestions about how to import a whole directory and subdirectories, I would be most appreciative.

John

Average of ratings: -
In reply to John Bourne

Re: How Can I embed a html file inside a lesson?

by Andrea Bicciolo -

Hi John, importing sites created wit DW is easy and works pretty well with Moodle. You shoudl take care to:

  • alway use relative paths when you link pages, images, script or wathever from within DW local site.
  • to upload, zip the entire DW local site, upload to Moodle course files, unzip from within Moodle and link the DW pages from Moodle Course page using "add a resource" of type "Link to a file". That's all for Resources. Coping and pasting from DW to Moodle editor does not do the job.

Howewer, If you want to embed a DW page inside a "lesson module" page, (lesson module is not a resource and you cannot lonk directly to a uploaded page) you may want to check the use of a <iframe> tag where you can specify a uploaded source page. This tip come from Andreas Leiser, and works in many conditions.

Let me know if you need further help.

Average of ratings: -
In reply to Andrea Bicciolo

Re: How Can I embed a html file inside a lesson?

by Crescenciano Olvera -

Hi Andrea,

I was looking in the forums for a way to embed a html file and I saw this post yesterday and I tried to insert this kind of resource inside a lesson page, I used the code as follows:

<p align="center"><iframe src="http://.../guia.htm" frameborder="1" width="550" height="450" /></p>

That file is made with Dreamweaver, this do not work properly, the htm file is showed when I edit the lesson page, as you can see in the image:

edit lesson page screen

But, when I close this screen and try to see it in the lesson, this resource is not showed, can you help me? or can you tell me where reach the Andreas Leiser tip?, to handle this files in a lesson resource.

I will appreciate your comments, thank you very much,

Crescenciano

Average of ratings: -
In reply to Crescenciano Olvera

Re: How Can I embed a html file inside a lesson?

by Andrea Bicciolo -

Crescenciano, the first thing i would check is the working environment for <iframe> tag. In other word, try to load two html pages inside your web space (not in the moodledata folder) and embed one page on the other with <iframe>. Point your browser to the web space where you uploaded the html containing the iframe and check whether it works or not.

If no, I think the problem could be on web server settings.

Average of ratings: -
In reply to Andrea Bicciolo

Re: How Can I embed a html file inside a lesson?

by Crescenciano Olvera -

Andrea, thank you very much for your answer,

I modify in my web site a file to include the request that you mentioned in your post, it work properly, you can see it at http://sintegralesa.org , please select the "Solicite Información" arrow at the left menu, you will see it at the end of the rigth section. (this site is designed in Spanish languaje).

The code is the same that I used in moodle:

<iframe src="http://sintegralesa.org/Guia Participante/guia.htm" frameborder="1" width="550" height="450" />

Thank you for your help,

Crescenciano,

Average of ratings: -