Asistencia al usuario para autores de contenido

Ejemplos de formato del navegador

Debe utilizar HTML para dar formato al diseño de un navegador.

Los elementos del navegador pueden tener más de un diseño de elemento.
Cada nivel en el navegador puede tener su propio diseño de elemento.
Si desea que todos los niveles del navegador tengan el mismo diseño, sólo tiene que crear un diseño de elemento.
Si hay tres niveles en un área de sitio pero sólo dos diseños de elementos en su navegador, los dos últimos niveles en el navegador utilizan el diseño de elemento final.

Las tablas siguientes contienen algunos ejemplos de cómo puede dar formato al aspecto de un navegador.

Navegador sencillo de dos niveles

Este ejemplo muestra la estructura básica del diseño de elementos utilizado por un navegador.

Tabla 1. Navegador sencillo de dos niveles
Diseño	Detalles	Diseño
Diseño de resultado de navegador 1	Se añade un código `<b>` para visualizar el texto en el primer nivel del navegador en negrita.	`<b> [placeholder tag="namelink" ] </b><br>`
Diseño de resultado de navegador 2	El segundo diseño se repite para cada enlace devuelto por los parámetros definidos en el elemento de navegador situado después del primer nivel.	`[placeholder tag="namelink" ] <br>`

Uso del navegador en un portlet de representación

En este ejemplo, se utiliza un código URLCmpnt para crear un enlace en vez de un marcador de posición para especificar el nombre de los enlaces de la página de portal generados por el navegador:

Tabla 2. Uso del navegador en un portlet de representación
Campo de diseño	Código de diseño
Cabecera	`<Table>`
Diseño de resultado de navegador 1	`<tr><td> <b> <a HREF= "<URLCmpnt context="autofill" type="content" mode="portal" portalTarget="URLMap"]" target="_blank"> [Property context="autofill" field="title"] </a></b> </td></tr>`
Diseño de resultado de navegador 2	`<tr><td> <a HREF= "[URLCmpnt context="autofill" type="content" mode="portal" portalTarget="URLMap"]" target="_blank"> [Property context="autofill" field="title"] </a></td></tr>`
Pie de página	`</Table>`

Una lista desordenada

En este ejemplo, se utilizan códigos de lista desordenada para dar formato a los resultados del navegador. Este diseño requiere que se seleccionen los siguientes parámetros del navegador:

Mostrar los campos cabecera, pie y separador para cada diseño de resultados

Tabla 3. Navegador sencillo de dos niveles
Diseño	Detalles	Diseño
Cabecera 1	La cabecera se utiliza para abrir nuevos códigos `<ul>` y `<li>` en cada nivel del navegador.	`<ul><li>`
Diseño de resultado de navegador 1	El código de marcador de posición se utiliza para representar el nombre y enlace de cada elemento en el navegador.	`[placeholder tag="namelink"]`
Separador 1	El campo de separador cierra y abre el código `<li>` para cada elemento visualizado en el navegador.	`</li><li>`
Pie 1	El pie de página se utiliza para cerrar los códigos `<ul>` y `<li>` en cada nivel del navegador.	`</li></ul>`
Diseño de resultado de navegador 2	En este ejemplo, no necesita añadir ninguna marcación al diseño de resultado del Navegador 2. La marcación especificada en el diseño de resultado de Navegador 1 se utilizará automáticamente para los otros niveles del navegador.