Experiencias de elementos Web clásicos y modernos

Experiencias de elementos Web clásicos y modernos

Los elementos Web de SharePoint han permitido a los usuarios de todos los niveles de experiencia agregar funcionalidades eficaces y personalizables a sus páginas.  Los elementos Web modernos están diseñados para que sea aún más fácil usarlos, listos para usarlos con dispositivos móviles y con un excelente aspecto.

Muchos elementos Web modernos cumplen los mismos propósitos que los elementos Web clásicos, pero verá diferencias en la apariencia y la funcionalidad.

Es importante tener en cuenta que las páginas modernas solo pueden usar elementos Web modernos y páginas clásicas solo pueden usar elementos Web clásicos. Las excepciones son elementos Web personalizados que están diseñados específicamente para usarse en páginas modernas. Para los programadores, SharePoint Framework permite la creación de elementos Web modernos personalizados que aparecen en el cuadro de herramientas del elemento Web. Los desarrolladores también pueden encontrar orientación y herramientas en la modernización de los sitios de SharePoint clásicos

Es importante tener en cuenta que, por razones de seguridad, los elementos Web modernos no permiten la inserción de código como JScript.

Comparar elementos Web modernos y clásicos

No hay una asignación 1:1 de elementos Web clásicos a modernos, pero hay elementos Web con fines similares.  A continuación se muestran algunos elementos Web usados con frecuencia, y algunas de las diferencias entre los elementos Web modernos.

Nota: Esta no es una lista exhaustiva de elementos Web. Si está preguntando sobre un elemento Web específico, haga clic en o no , junto a esta información le resultará útil en la parte inferior de la página y deje comentarios para informarnos. Como alternativa, puede dejar comentarios en la sección de elementos Web de la voz de usuario de SharePoint.

Propósito

La versión clásica

Moderno

Agregar texto y otro contenido

Elemento Web editor de contenido,
Agregar texto y otro contenido directamente a una página wiki

Elemento Web de texto

El elemento Web texto le permite agregar y dar formato fácilmente al texto y a las tablas de una página. Tiene una barra de herramientas de formato en la que puede dar formato al texto, cambiar estilos y mucho más. No obstante, a diferencia del elemento Web editor de contenido, no se puede editar el código HTML en el elemento Web. Las tablas anidadas aún no se admiten. La sintaxis de wiki, como la que se usa para crear vínculos de páginas de y a, no se admite en las páginas o en el elemento Web de texto, pero es fácil crear vínculos dentro del elemento Web de texto. Aún no es posible agregar imágenes en línea dentro del elemento Web de texto, pero sí puede Agregar imágenes junto al elemento Web de texto con el elemento Web imagen.

Mostrar una biblioteca de documentos

Biblioteca

Biblioteca de documentos

Al crear una biblioteca en un sitio clásico, se crea automáticamente un elemento Web de biblioteca y puede elegir mostrarlo en una página. Cuando se usa el elemento Web Biblioteca de documentos moderna, puede elegir una biblioteca para mostrar y mostrar una vista específica de la biblioteca o incluso una carpeta dentro de la biblioteca. Los usuarios con los permisos adecuados pueden agregar, ver o editar archivos directamente desde el elemento Web. Los usuarios también pueden anclar un documento en la parte superior de la biblioteca, descargar, eliminar y cambiar el nombre de los archivos. Además, los archivos se pueden mostrar en una vista de detalles o en una vista de mosaico, así como el formato de columna y las carpetas anidadas creadas en la lista de origen.

Mostrar una lista

Lista

Lista

Al crear una lista en un sitio clásico, se crea automáticamente un elemento Web de lista para esa lista y puede elegir mostrarla en una página. El elemento Web lista moderna le permite elegir una lista y personalizarla con su propio título, vista o tamaño. Los usuarios pueden ver, filtrar, ordenar y agrupar la lista. Además, las columnas con formato y los grupos anidados creados en la lista de origen se muestran en el elemento Web.

Mostrar un archivo

Visor de páginas

Visor de archivos

El elemento web moderno visor de archivos le permite incrustar más de 270 tipos de archivo, incluidos los archivos de Word, Excel y PowerPoint ya conocidos, pero también los tipos de archivo avanzados, como los modelos 3D y las imágenes médicas.

Nota: En SharePoint 2019, los tipos de archivo que se pueden insertar se limitan a Word, Excel y PowerPoint (específicamente. doc,. docx,. XLS,. xlsx,. pot,. potx,. ppt y. pptx).

Incrustar elemento Web

El elemento Web insertar permite mostrar el contenido de la página desde sitios que permiten la incrustación (como YouTube, por ejemplo). Según el sitio web, puede usar la dirección web del sitio o el código para insertar que proporciona el sitio. 

Agregar contactos

Elemento Web detalles de contacto

Elemento Web personas

El elemento Web clásico detalles de contacto le permite agregar manualmente un contacto a la vez. El elemento Web usuarios modernos le permite agregar varios contactos de los perfiles de usuario junto con información visual y de la organización. La apariencia de los detalles de contacto se puede cambiar de compactar a descriptiva, lo que significa que más detalles sobre un contacto se pueden mostrar directamente en la página.

Agregar imágenes

Elemento Web imagen,
elemento Web editor de contenido,
biblioteca de imágenes

Elemento Web imagen

El elemento Web imagen agrega orígenes adicionales para la imagen: reciente, búsqueda web y OneDrive. El tamaño de la imagen se puede modificar a relaciones estándar y personalizadas. 

Elemento Web Galería de imágenes

El elemento Web Galería de imágenes le permite agregar imágenes en un diseño de mosaico o de carrusel.  Las imágenes de diseño carrusel se pueden configurar con un tamaño de proporción familiar. Las imágenes más pequeñas se ajustarán a la proporción de relleno, pero no se cambiará el tamaño de las imágenes más grandes. 

Elemento Web de Hero

El elemento Web de Hero puede configurarse para que muestre un máximo de 5 elementos en las medidas de mosaico o de capa, lo que aporta el foco a elementos individuales según sea necesario. Los elementos individuales pueden tener títulos, imágenes específicas y texto alternativo.  También puede organizar los elementos según sea necesario.

Visor de archivos

Use el visor de archivos para mostrar modelos 3D. Esto es especialmente útil para los modelos médicos.

Mostrar vídeos en una página

Elemento web multimedia

Visor de archivos

El elemento Web visor de archivos le permite mostrar vídeos locales de su sitio de SharePoint (como. MOV,. MP4 y. WMV).

Incrustar elemento Web

Con el elemento Web insertar, puede mostrar vídeos (u otro contenido) en la página desde sitios que permitan la incrustación (como YouTube, por ejemplo). Según el sitio web desde el que esté incrustando, puede usar la dirección web del sitio o el código para insertar que proporciona el sitio. SharePoint solo en Microsoft 365.

Vídeo por secuencias

El elemento Web transmisión por secuencias de vídeo reproduce vídeos del servicio Microsoft Stream como un formato de vídeo múltiple llamado canal o como un único vídeo. Agrega ajustes de reproducción sociales y avanzados actualizados, como gusto, cambia la velocidad de reproducción, revisando los subtítulos generados (solo en inglés y español) y creando listas de reproducción. No se necesitan complementos de explorador adicionales. Los permisos y metadatos específicos de vídeo se establecen en el servicio de Microsoft Stream. 

Elemento Web de YouTube

El elemento Web de YouTube le permite insertar vídeos de YouTube directamente en la página, incluida la capacidad para establecer la hora de inicio y mostrar controles de reproductor.

Mostrar fechas y horas de reuniones y eventos próximos

Calendario

Eventos

El elemento Web eventos muestra los eventos en un formato de película o de una tarjeta de intervalo de fechas personalizable. Los datos de eventos expandidos también pueden incluir imágenes de eventos, mapas de Bing y datos de la reunión. Puede descargar reuniones con. Formato ICS, pero el elemento Web eventos no puede conectarse a un servicio de calendario de Exchange ni leer de él. El elemento Web eventos usa la misma lista que el elemento Web calendario, pero las columnas personalizadas no se muestran en el elemento Web eventos.

Calendario de grupo

El elemento Web calendario de grupo usa la aplicación Microsoft 365 calendario de grupo para el almacenamiento de eventos. No se pueden agregar nuevos eventos de grupo con el elemento Web calendario de grupo. Los eventos se muestran en formato de lista para maximizar los detalles expandidos de cada evento. Puede especificar el número de eventos mostrados en cada página y páginas de desplazamiento. SharePoint solo en Microsoft 365.

Mostrar vínculos a otro contenido

Vínculos promocionados,
vínculos,
elemento Web editor de contenido,
anuncios,
vínculo de Resumen

Vínculos rápidos

El elemento Web vínculos rápidos se puede configurar para que se muestre como un formato de carrusel llamado Filmstrip o un formato compacto más pequeño. Cada uno de los vínculos en el formato compacto se puede organizar y mostrar con o sin imágenes. Aún no es posible rellenar vínculos rápidos basados en una lista.

Vínculo

El elemento Web vínculo muestra un vínculo a una dirección URL completa y agrega la posibilidad de mostrar u ocultar un panel de vista previa con el destino del vínculo. SharePoint solo en Microsoft 365.

Elemento Web de texto

En el elemento Web texto, puede Agregar vínculos dentro del contenido mediante la barra de herramientas.

Buscar y mostrar contenido

Consulta de contenido,
búsqueda de contenido

Contenido resaltado

Con el elemento Web contenido resaltado, muchas de las opciones de búsqueda/consulta avanzadas y confusas se han reemplazado con opciones de consulta simplificadas. Sin embargo, a diferencia de sus homólogos clásicos, no puede usar plantillas de presentación personalizadas.

Anunciar noticias a su equipo

Anuncios

Noticias

El elemento Web anuncios clásicos usa una lista para mostrar anuncios en la página. El elemento Web noticias es un amplio sistema de distribución de contenido que usa páginas con formato enriquecido, o vínculos a noticias, y resume las publicaciones de noticias en la Página principal, sitios y sitios de concentrador de SharePoint. El elemento Web se puede personalizar para mostrar los resultados de diferentes maneras. Esto proporciona una experiencia más rica y dinámica en la lista de anuncios estáticos. 

Seguimiento de proyectos

TaskList

Planner

El elemento Web de Planner moderno funciona con Microsoft 365 grupos y el servicio Microsoft 365 Planner. Los planes se almacenan en el servicio Microsoft 365 Planner, lo que permite una mayor personalización. Se elimina la escala de tiempo predeterminada para opciones de visualización más flexibles que incluyen un panel de información general de solo lectura denominado panel o un diseño Kanban denominado bucket. Usar el diseño de cubo permite agrupar por categorías de cubos, asignadas a, progreso, fecha de vencimiento y etiquetas. Además, el diseño de cubo permite agregar y modificar tareas directamente dentro de un plan que se almacenan en el servicio Microsoft 365 Planner. Este elemento Web está disponible en un SharePoint solo en el sitio conectado a un grupo de 365 de Microsoft.

Mostrar sitios y vínculos en una página

Agregador de sitios

Sitios

El elemento Web de agregador de sitios clásico centrado en una vista de sitios simplificada visualmente. Con el elemento web sitios, la lista larga de archivos se reemplaza con tarjetas de información que muestran los últimos archivos vistos, los últimos modificados y los más populares. Los sitios se pueden mostrar como tarjetas o en un diseño de tira de película con un mecanismo de carrusel para desplazarse por los sitios seleccionados. SharePoint solo en Microsoft 365.

Mostrar conversaciones en la página

Fuente de sitio

Elementos Web de Yammer

Hay dos elementos Web de Yammer disponibles:

  • El elemento Web conversaciones de Yammer permite a los usuarios participar en las conversaciones de Yammer para un grupo o tema específico sin salir de la página de SharePoint.

  • El elemento Web aspectos destacados de Yammer muestra conversaciones específicas, superiores o más recientes.

Como Yammer ha reemplazado la característica de suministro de noticias de SharePoint, los elementos Web modernos de Yammer reemplazan el elemento Web de la fuente de sitio clásico.

Mostrar contenido de otra página

Visor de páginas

Insertar

Tanto el elemento Web visor de páginas como el elemento Web incrustar permiten mostrar contenido de otros sitios que permiten la incrustación. El código para insertar debe estar basado en iframe y no se admite el código que usa etiquetas <script>. Además, solo se pueden incrustar sitios Web seguros. 

Recopilar y Mostrar datos de formularios

Formularios de InfoPath

PowerApps

Con PowerApps, puede crear formularios eficaces para recopilar, almacenar y Mostrar datos sin usar código. También puede usar PowerApps para personalizar un formulario para una lista de SharePoint.SharePoint solo en Microsoft 365.

Microsoft Forms

Con el elemento Web Microsoft Forms, puede Agregar un formulario o resultados de formulario a la página. También puede ver los resultados de resumen en gráficos directamente en la página. SharePoint solo en Microsoft 365.

¿Necesita más ayuda?

Ampliar sus conocimientos de Office
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×