Standards: Difference between revisions
From MoodleDocs
Urs Hunkler (talk | contribs) |
No edit summary |
||
| (8 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
{{Themes}} | |||
== | == Styling standard page elements and parts == | ||
Similar functions or content should look and feel the same on all Moodle pages. The more consistently these principles are implemented, the easier the learning environment will be to use. The vision is that Moodle pages build on the same function patterns (PHP and JavaScript) and content patterns (XHTML) and design patterns (CSS). Otherwise, if each module or block requires particular code, then the Moodle files and CSS grow, and the design gets more difficult and tedious. | |||
== | == Lists == | ||
Lists are widely used in Moodle, including in sideblocks and on course pages. Many Moodle developers use the up-to-date combination of unordered lists and CSS styling for navigation, for example the SCORM module. If all lists use the same XHTML and CSS it is easy to design Moodle themes consistently and with few changes. Actually all lists are different. | |||
[ | ; External links | ||
*[http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/ List-o-Matic] | |||
*[http://css.maxdesign.com.au/listutorial/index.htm Listutorial] - descriptions about XHTML/CSS lists | |||
*[http://www.moronicbajebus.com/playground/cssplay/explorer-list/ Styling nested lists] | |||
== See also == | |||
[[W3C validation]] | |||
[[Category:Administrator]] | |||
[[Category:Developer]] | |||
[[Category:Themes]] | [[Category:Themes]] | ||
[[ja:スタンダード]] | |||
[[de:Design-Standards]] | |||
Latest revision as of 09:32, 24 June 2010
Styling standard page elements and parts
Similar functions or content should look and feel the same on all Moodle pages. The more consistently these principles are implemented, the easier the learning environment will be to use. The vision is that Moodle pages build on the same function patterns (PHP and JavaScript) and content patterns (XHTML) and design patterns (CSS). Otherwise, if each module or block requires particular code, then the Moodle files and CSS grow, and the design gets more difficult and tedious.
Lists
Lists are widely used in Moodle, including in sideblocks and on course pages. Many Moodle developers use the up-to-date combination of unordered lists and CSS styling for navigation, for example the SCORM module. If all lists use the same XHTML and CSS it is easy to design Moodle themes consistently and with few changes. Actually all lists are different.
- External links
- List-o-Matic
- Listutorial - descriptions about XHTML/CSS lists
- Styling nested lists
