Embedding a Webpage in CourseWork

From Language Center Technology Resources

Jump to: navigation, search


[ Short url: ]


If have a Rich Text Editor, then you can embed a another webpage into your page. This works in places like the Homepage, Assignments, and Forums. You can also do this in Materials if you Add >> Create HTML page

MaterialsAddCreateHTML.jpg

This is especially useful for something like the Recent Changes in the Wiki tool. For example, if you put it in the Homepage, students will be able to see who is contributing what to the wiki.


First, you need to get the URL for the page. This is easy for something on the Web, but for a page in the wiki, you will need to go the page you want to embed and click Info on the menu bar.

WikiMenuBar.JPG

On the Info page, go down to the bottom and find the Feeds. Right click on the Public View link and copy the link:

WikiInfoFeeds.JPG

Then, go to the place where you want to display the page and click the link that says Show/Hide Rich-Text Editor to show the editor.

AssignmentsTextBoxEditor.JPG

Then click on the Source button.

AssignmentsTextBoxEditorSource.JPG

Finally, paste the embed code into the box.

MaterialsCreateHTMLEditorSourceObjectWikiChanges.JPG


You should use the following code:

‎<object data="url" width="600" height="400"> <embed ‎src="url" width="600" height="400"></embed>  Error: Embedded data could ‎not be displayed. </object>

Where url is the url of the page you want embedded - it is what you copied from the Edit Details page earlier. You can adjust the size as you wish.

Click on Source again. You won't be able to see the page in this editing mode. Once you save the item, however, you will be able to see the embedded page.


Back to Coursework Advanced Techniques: Beyond the Basics

Personal tools