Window initialization
When the application starts, the window displays a login screen titled Photo-Image Login. After a successful login, the window’s content is replaced with the main application shell — aFrame that navigates to the MenuPrincipal page. From that point on, the window title and background remain constant while module content loads inside the frame.
The window background color is
#DCE4EF (a light steel blue). This color is visible briefly during transitions between modules.Two-area layout
Once you are logged in, the interface is divided into two vertical areas arranged in a 2-column grid:| Area | Width | Purpose |
|---|---|---|
| Sidebar | 60 px (collapsed) / 200 px (expanded) | Navigation menu |
| Content area | Fills remaining width | Active module display |
Header bar
A fixed header bar runs across the top of the window. It is 50 px tall, uses a dark navy background (#3F5C8C), and displays the application name Aplicación Administrativa in white text. The header is always visible regardless of which module is loaded.
Content frame
The content area hosts aFrame element named FrameSecundario. When you select a menu item in the sidebar, the corresponding module page is loaded into this frame. The frame fills all available width and height, giving each module the full working surface.
Layout summary
Default module loads
The Profesores module loads automatically into FrameSecundario as the default view.