Basic
The Oyster editor interface labeled "Basic" serves as a component palette or element library for building the structure and content of your web page.
Here's a breakdown of its purpose and functionality:
- Drag-and-Drop Interface: The prominent instruction "Drag & Drop these Components to the Canvas" indicates that this section utilizes a drag-and-drop paradigm. Users can select elements from the "Basic" palette and drag them onto the editing canvas (the blank area in the center) to add them to the page.
- Pre-designed Components: The elements listed within the "Basic" section represent pre-designed components or building blocks for web page construction. These typically include:
- Layout Elements:
- 1 Column, 2 Columns, 3 Columns: These options provide different column layouts to structure the page content. They allow users to create rows with varying numbers of columns, enabling flexible arrangements of text, images, and other elements. The "2 Columns 3/7" likely indicates a two-column layout where the first column occupies 3/10ths of the row's width and the second column occupies 7/10ths.
- 1 Column, 2 Columns, 3 Columns: These options provide different column layouts to structure the page content. They allow users to create rows with varying numbers of columns, enabling flexible arrangements of text, images, and other elements. The "2 Columns 3/7" likely indicates a two-column layout where the first column occupies 3/10ths of the row's width and the second column occupies 7/10ths.
- Content Elements:
- Text: Represents a text block for adding written content to the page.
- Link: Allows users to insert hyperlinks to other pages or websites.
- Image: Provides a way to add images to the page.
- Video: Enables embedding videos (likely from platforms like YouTube or Vimeo).
- Map: Likely allows for embedding interactive maps (e.g., Google Maps).
- Rapid Prototyping and Design: The "Basic" section facilitates rapid prototyping and visual design. Users can quickly assemble the layout and populate it with content by dragging and dropping these pre-built components, accelerating the page creation process.
- Customization: While these are "basic" components, they are likely customizable after being placed on the canvas. Users can probably adjust properties like text styles, image sizes, link destinations, and more through other panels or interfaces within the editor.
In essence, the "Basic" section highlighted in red provides a user-friendly, visual mechanism for constructing web pages by selecting and arranging pre-designed components. It abstracts away the need to write code directly, empowering users to build layouts and add content through a drag-and-drop interface. This type of component palette is a staple of modern website builders, simplifying the process of web development for both beginners and experienced users.
