The document discusses using colored boxes and tables to organize content on Moodle home pages in a more aesthetic and usable way. It recommends using an external HTML editor to edit table code for adding boxes, provides examples of HTML for adding a colored box, and suggests embedding Google Spreadsheets.

1. Moodle: Coloured Boxes James Neill University of Canberra April, 2009

3. Boring

4. Long

5. Navigationally complex

6. http://learnonline.canberra.edu.au/course/view.php?id=1414

8. A box is simply a single-celled table.

9. Link

11. Make it difficult to subsequently edit html

12. Affect style of whole page

13. How to Although the Moodle WYSIWIG editing interface can be used, it is probably easier to use an external HTML editor and to edit HTML table code.

15. Example <table width=&quot;100%&quot; cellspacing=&quot;10&quot; cellpadding=&quot;10&quot; bordercolor=&quot;#111111&quot; border=&quot;1&quot; bgcolor=&quot;#ffcc99&quot; style=&quot;border-collapse: collapse;&quot;> <tr> <td width=&quot;100%&quot;>Hi, my name is <a href=&quot;http://learnonline.canberra.edu.au/user/view.php?id=47&quot;>James Neill</a>. </td> </tr> </table>

16. Also try ... embedding Google Spreadsheets

17. Also try ... embedding Google Spreadsheets <iframe width=&quot;480&quot; height=&quot;240&quot; frameborder=&quot;0&quot; src=&quot;http://spreadsheets.google.com/pub?key=pQnToDH18C8ZA_wxsiPqIBA&output=html&gid=0&single=true&range=A1:R11&quot;></iframe>