Chapter 3: User Interface and Layout"
From Documentation
(Created page with " = A Common Page Layout = center") |
|||
| Line 1: | Line 1: | ||
| − | = | + | = Design the Layout = |
| + | |||
| + | == Layout Requirement == | ||
[[File:Tutorial-ch3-page-layout | center]] | [[File:Tutorial-ch3-page-layout | center]] | ||
| + | |||
| + | describe the layout | ||
| + | |||
| + | |||
| + | * create components in zul | ||
| + | * what is layout component [link] what they used for | ||
| + | * some layout only in PE, EE | ||
| + | |||
| + | = Apply CSS = | ||
| + | 2 ways to set | ||
| + | * style | ||
| + | * sclass | ||
| + | |||
| + | 2 ways to declare CSS class | ||
| + | * <style> | ||
| + | * <?link ?> | ||
| + | |||
| + | |||
| + | = Include a Separate Page = | ||
| + | |||
| + | |||
| + | = Craft View with Components = | ||
| + | |||
| + | == Banner == | ||
| + | |||
| + | == Footer == | ||
| + | |||
| + | == Sidebar == | ||
Revision as of 09:02, 8 January 2013
Design the Layout
Layout Requirement
describe the layout
- create components in zul
- what is layout component [link] what they used for
- some layout only in PE, EE
Apply CSS
2 ways to set
- style
- sclass
2 ways to declare CSS class
- <style>
- <?link ?>