Understanding AUEN Website Structure: Pages, Stripes, Items, and Elements

1. Pages

• Pages are the top-level component of your AUEN website.
• Each page represents a distinct URL on your site (e.g., Home, About, Contact).
• Pages contain Stripes, which in turn hold your content.

• Create a logical page structure for easy navigation.
• Use descriptive names for your pages to improve SEO.

2. Stripes

• Stripes are horizontal sections within a page.
• They help organize your content and create visual separation.
• Stripes can have different backgrounds, widths, and layouts.

• To add a new Stripe, use the "Add Stripe" button in the editor.
• Customize Stripe properties like background color, padding, and width.

3. Items

• Items are containers within Stripes that hold your actual content.
• They can be arranged in various layouts (e.g., columns, grids).
• Items help in creating responsive designs that adapt to different screen sizes.

• Add Items to Stripes to create columns or content blocks.
• Adjust Item widths and alignments for desired layouts.

4. Elements

• Elements are the individual content pieces within Items.
• They include text, images, buttons, forms, and other widgets.
• Elements are what your visitors actually see and interact with.

• Add Elements by dragging them from the element panel into an Item.
• Customize each Element's properties (e.g., font for text, size for images).

Best Practices

1. Plan Your Structure: Before building, sketch out your page layouts.
2. Use Consistent Styling: Maintain consistency in Stripe and Item layouts across pages.
3. Optimize for Mobile: Ensure your structure works well on all device sizes.
4. Don't Overcrowd: Keep your pages clean and organized by not overusing Stripes and Items.

Tips for Efficient Editing

• Use the navigator panel to quickly move between Pages, Stripes, and Items.
• Take advantage of copy and paste functions to replicate structures across your site.
• Regularly preview your site on different devices to ensure proper responsiveness.