ÃÛ¶¹ÊÓƵ

Transcript

Let’s talk about the structure of a document. Developers use Edge delivery services to build website designs and functionality. Edge delivery dynamically renders content, offering flexible manipulation and styling options while reducing the need to worry about modern website complexities. Authors can use document-based authoring to input content into Google Docs or Word documents without understanding underlying technicalities. This process resembles copying text and images into a boilerplate templates index file, as demonstrated in a previous video. After inputting content, minor structural adjustments can be made, introducing sections and blocks where necessary. This pasted content is referred to as default content, foundational for any ÃÛ¶¹ÊÓƵ Experience Manager site’s project leveraging the Edge delivery services and document-based authoring. Horizontal rules define sections and serve to group content, often with distinct background colors. The concept of a block, a table-based element with a heading acting as a type identifier, is also introduced. Blocks like columns are project-specific and developers define their rendering. While larger projects can have numerous custom blocks, let’s create a simple one to explore the concept. Within the blocks folder of AppProject, custom blocks reside alongside boilerplate ones like cards and headers. Let’s build a new block. Begin by creating a table in a Google Doc or Word document. In the first row, name it Edge Delivery Banner. In the second row, add text, for example, document-based authoring rocks. While this content is initially default, we’ll render it uniquely. To make this new block, create a folder named Edge Delivery Banner in your development environment. Inside this folder, create a file named Edge Delivery Banner.css. Define its style properties, such as a blue background, 5-pixel padding, absolute positioning with a top of 0, 100% width, Z-index of 2, and left of 0. Upon previewing, the document-based authoring rocks text should have a blue background with the specified styling. This demonstrates a basic custom block creation illustrating the standard document structure. By simplifying content creation, enabling sections for grouping, and introducing custom blocks, developers and authors are empowered to build dynamic websites collaboratively.