Note where the default location of your project is (Figure 3-4). On installation, Flex Builder creates a
Flex 3 folder in your documents folder. This serves as the default location for the projects:
documents/Flex 3/ProjectName (Mac)
My Documents\Flex 3\ProjectName (Windows)
We will be adding files to this folder later in this chapter.
48
CHAPTER 3
Figure 3-4. Creating personalPage
We also need to set up a folder for our assets, namely our CSS and images.
3. Select File ?¤ New ?¤ Folder, and name the new folder assets.
Building the base state
As with many new projects, we need to first start with a Panel component. It is here that we will be placing
all our other components. The Panel component also provides a title for our page and keeps the
entire project centered in the browser. When you first place a component on the page, feel free to place
it in the general area of where you want it to be. We will be using an absolute layout for this project, so
it will be easiest to modify the layout through the properties of the individual components (Figure 3-5).
4. Place a Panel component in the Design view.
Let??™s set the properties for this main panel. The title will be the main title on the page. We will use The
World of Greg Goralski, but you can put in your own name. Really, we don??™t mind.
In the layout properties, we set the overall size and the constraints. You can tinker with the height and
width as you build your project; ours ended up being 730 pixels wide and 550 pixels tall so these are
the numbers we??™ll use.
Pages:
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59