Crea increíbles sitios web para principiantes en minutos (desarrollo web sin programación, diseño web y branding) | Engr. Hussein Attié | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Crea increíbles sitios web para principiantes en minutos (desarrollo web sin programación, diseño web y branding)

teacher avatar Engr. Hussein Attié, Entrepreneur I Engineer I Educator

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      INTRODUCCIÓN

      1:12

    • 2.

      Tu proyecto

      0:11

    • 3.

      Inmersión en las páginas de poder

      5:03

    • 4.

      Configuración de tu sitio web

      4:28

    • 5.

      Edita tu sitio web

      6:46

    • 6.

      Cómo agregar funcionalidad a tu sitio

      5:37

    • 7.

      Cómo preparar tu sitio web para lanzarlo

      5:34

    • 8.

      Conclusión

      0:55

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

15

Estudiantes

--

Proyectos

Acerca de esta clase

¿Estás listo para diseñar sitios web dinámicos y basados en datos utilizando las Power Pages de Microsoft? Ya sea que te hayas sumergido en la codificación, hayas construido sitios con Elementor o WordPress, o simplemente quieras mejorar tus habilidades de desarrollo web, esta clase te guiará a través de un enfoque simplificado y sin código. Aprenderás a crear sitios web profesionales que destaquen, mejoren la marca e incluso incorporen técnicas de blogs, redacción de contenido y redacción creativa para atraer a tu audiencia a través de la escritura creativa y la narración de historias.

Qué aprenderás:

  1. Fundamentos de las páginas de poder

    • Familiarízate con el ecosistema de la plataforma de Microsoft Power y comprende en qué se diferencia de los creadores de sitios web tradicionales como Elementor o WordPress.
    • Explora la interfaz, configura tu entorno y descubre lo fácil que es lanzar sitios potentes sin programar.
  2. Planificación y creación de una marca para tu sitio

    • Descubre las mejores prácticas para estructurar páginas, organizar contenido e implementar elementos de marca cohesivos.
    • Aprende a dar forma a la voz e identidad de tu sitio web mediante técnicas de redacción creativa estratégica, redacción creativa y narración.
  3. Diseñar páginas atractivas

    • Sumérgete en diseños, temas y estilo personalizado para garantizar que cada página refleje tu marca única.
    • Experimenta con elementos de diseño responsivo para que tu sitio sea amigable en computadoras de escritorio, tabletas y teléfonos inteligentes.
  4. Integración de datos y formas

    • Conecta tu sitio al Dataverso u otras fuentes de datos con una programación mínima.
    • Crea formularios interactivos para la captura de leads, encuestas o comentarios de blogs para mantener el involucramiento de tu público.
  5. Lanzamiento y mantenimiento

    • Publica tu sitio web y aprende estrategias de mantenimiento para garantizar un rendimiento óptimo.
    • Mantén tu sitio actualizado, seguro y alineado con los cambiantes objetivos de la marca.

¿A quién está dirigida esta clase?

  • Aspirantes a creadores web que buscan crear sitios sin mucha experiencia en programación.
  • Profesionales de marca y marketing que quieran integrar el blogging, la redacción de contenido y la redacción creativa en una historia de marca coherente.
  • Empresarios y propietarios de pequeñas empresas que necesitan una forma eficiente de desarrollar una presencia web fácil de usar y de marca.
  • Escritores y narradores interesados en usar la escritura creativa para elevar la participación de los usuarios y la narración de la marca.

Al final de esta clase, tendrás un nuevo y poderoso sitio web, además de las habilidades necesarias para actualizarlo y mejorarlo continuamente. Tanto si eres propietario de una pequeña empresa, un escritor que busca mostrar su narración como si buscas un enfoque eficiente y de bajo código para el desarrollo web, esta clase te dotará de un conjunto de herramientas versátil para crear sitios web en línea atractivos de forma rápida y eficiente. 

Conoce a tu profesor(a)

Teacher Profile Image

Engr. Hussein Attié

Entrepreneur I Engineer I Educator

Profesor(a)
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. INTRODUCCIÓN: Si te lo dije, puedes crear sitios web, sitios web completamente funcionales en un par de minutos, dentro de un par de clics desde el diseño hasta el vivo completamente funcional y listo para lanzar el sitio web a través del uso de la página Power. En esta clase actual, te estaré guiando de A a la Z de la manera más efectiva y eficiente posible. Si eres un principiante, alguien que está tratando de aprender sobre diseño web, construyendo tu propio sitio web para cualquier propósito que sea para bloguear, mostrar tu portafolio o trabajo, las aplicaciones son infinitas, y no necesitas tener la experiencia de codificación para poder hacerlo te voy a mostrar una manera muy rápida y efectiva para que simplemente obtengas tu sitio web en funcionamiento en menos de una hora. Tops, sin necesidad de codificación alguna. Simplemente mientras pasas por las lecciones, aprenderás sobre una herramienta muy poderosa que las páginas de poder que te ayudarán a construir sitios web funcionales. Recopile información para sus clientes, para sus visitantes, exhiba una poderosa marca como parte de sus iniciativas de marketing, como parte de mostrar su portafolio y trabajo. Todas estas aplicaciones se podrían hacer de manera fácil y efectiva a través de las páginas de Power, que te voy a estar enseñando en esta clase actual. 2. Tu proyecto: Para la clase gira en torno al uso de las lecciones enseñadas sobre las páginas de Power para construir tu sitio web después de lo que vas a compartir tu trabajo con el resto de la comunidad para recibir comentarios 3. Inmersión en las páginas de poder: Vamos a aprender en esta lección actual cómo ir sobre las páginas de Power, que es parte del conjunto de productos de la plataforma Power , lo primero que tenemos que hacer es navegar a las páginas de Power. Simplemente, puedes ir a mapowerpages.com. Haga clic en Entrar. Esto lo llevará a la primera ventana de la página de inicio en la que se le pedirá proporcione alguna entrada de IA para ayudar a las páginas de Power a construir un sitio web para usted. Teniendo en cuenta, las páginas de Power son como sitios web externos, que puedes usar para presentar información. Además, podrías conectarlo a otras herramientas de Power Apps. Volvamos a hacer clic. Empieza y ahora me va a pedir que dé alguna información sobre lo que está el sitio web para ayudarnos a navegar y crear un tema con bastante facilidad. Esto nos ayudará a brindar una experiencia personalizada. ¿Qué industria estás creando el sitio web para la salud, otros transportes, gobierno, finanzas? Vamos a hacer clic en O. Haga clic en Siguiente. Ahora, describe el sitio que deseas y deja que copiloto lo construya. Ahora vamos a usar la inteligencia artificial para ayudarnos a construir las formas, los diseños, agregar bloques. Así que echemos un vistazo a las indicaciones que podrías usar, y teniendo en cuenta, puedes sugerirlas o modificarlas más adelante Entonces lo que voy a hacer es, digamos, me gustaría construir un sitio web para Travel, por ejemplo. Aquí tienes diferentes opciones para darte un poco de inspiración de comentarios de la comunidad, plataforma de intercambio de recursos, depende de ti. Pero en aras de la simplicidad, echemos un vistazo a esto. Ahora, sí tenemos las otras opciones para ir por una plantilla. De hecho, seleccionamos plantillas de sitio prefabricadas y puedes usarlas o puedes construir desde cero. Quiero crear un sitio sobre viajes, que incluya diferentes destinos de viaje, y siéntase libre de experimentar con nosotros como su propio proyecto. Intenta juguetear con esto. En primer lugar, tienes los distintos tipos de pasos paso uno, dos y tres. Necesitamos los detalles laterales. Travel Vista, crea la dirección web. Va a estar en las aplicaciones Power como parte de todo el ecosistema de la plataforma Power. Podrías cambiar esto. Llamémoslo Travel Vista. Va a cambiar si está funcionando o no o está disponible, entonces vamos a hacer clic en siguiente. Aquí vamos. Vamos a elegir el diseño del sitio que satisfaga nuestras necesidades. Ahora, como le hemos dado un prompt, nos va a dar algunos detalles básicos. Intentemos volver a intentarlo, ya que está pasando por inteligencia artificial, y por cierto, si no tienes una cuenta de trabajo o no tienes una cuenta escolar, en la versión previa al juicio, en la versión previa al juicio, podrías encontrarte con un problema de este tipo en el que intentas utilizar el layout a través de la inteligencia artificial, pero podría quedar atascado. ¿Por qué? Porque el poder, el copiloto o la conexión de inteligencia artificial necesitan tener la cuenta de trabajo o escuela Por eso vas a estar recibiendo este mensaje. Así que vamos a empezar de nuevo, y vamos a estar construyendo esto por nosotros mismos. Entonces vamos a pasar por el proceso de construir el sitio web completamente desde cero. Así que ahora hemos navegado hasta la página de construcción donde integras copiloto y teniendo en cuenta que toda la plataforma de potencia tiene copiloto integrado en ellos usando inteligencia artificial, ya sea Power Apps, Power BI, Power Automate, y de manera similar para power Ahora, hemos aprendido cómo acceder a las páginas de Power. Echemos un vistazo a la interfaz. Aquí tenemos plantillas listas para usar. Soluciones es básicamente el lugar donde creas una carpeta y construyes tu sitio web en caso de que tengas múltiples sitios web que estás planeando construir de tal manera que no interfieran entre sí y en pocas palabras tienes la plataforma Power, otras aplicaciones que podrías usar las Power Apps, Power Automate Power BI y Power Platform Admin Center, donde cuidas de sus datos y su verso de datos. El estudio copiloto es básicamente donde construyes bots virtuales Este es un tema para un curso diferente, tema para una discusión diferente porque esto requiere que realmente tengas el correo electrónico laboral o escolar para poder acceder a este y funcionar en él, aunque estés en una prueba gratuita. Ahora, echemos un vistazo a las diferentes pantallas que tenemos por aquí. No hay sitios en este entorno. Como hemos mencionado, cada aplicación en la plataforma Power depende del entorno en el que se crea. Podemos comenzar con una plantilla, que está relacionada con la galería de plantillas, o simplemente podríamos comenzar de cero. Ahora, en aras de la simplicidad, vamos a comenzar las cosas con una plantilla. 4. Configuración de tu sitio web: Va a estar construyendo un sitio web desde cero. Hemos hecho clic en Comenzar. Podemos seleccionar el tipo de sitio web que me gustaría tener. Voy a simplemente hacer clic en O y pasar a siguiente. Nuestro objetivo es crear un sitio web para viajar. Ahora, obviamente, dado que el copiloto se ha integrado con toda la plataforma Power, puedes ver algunas sugerencias sobre prompt para el objetivo final, o simplemente puedes crear con una plantilla sin siquiera poner nada por aquí Así que tenlo en mente. Puede poner un aviso para obtener diseño de plantilla o simplemente puede hacer clic aquí para comenzar con una plantilla. Entonces digamos que quiero crear un sitio web de viajes y luego construir mi sitio. Ahora, va a generar los detalles del sitio. Echa un vistazo a la parte superior de aquí, tres pasos. El nombre del sitio que sugirió es Travel Vista, lo cual está bien. Voy a cambiar la URL por un nombre mejor, travel Vista dot power appsporal.com Haga clic en siguiente. Ahora me ha dado la siguiente plantilla. Esto se ve bastante bien. Este es el diseño que ha seleccionado, viajar a Vista, luego la página principal, explorar el mundo, luego puedes desplazarte hacia abajo, descubrir destinos exóticos, la aventura te espera. Entonces tienes las entradas del blog. Esto bastante bueno. Ahora, también podrías hacer clic en intentar de nuevo y para obtener un resultado diferente o una página web diferente. Pero esto es bastante satisfactorio por ahora. Entonces voy a dar click en siguiente. Ahora. Yo sí tengo el tercer paso, que es básicamente agregar páginas extra. Dado que un sitio web es un grupo de páginas, podría ser una página o varias páginas. Por lo que hemos decidido por la página de inicio. Ahora vamos a agregar páginas. ¿Qué tal si tenemos alguna página de contacto? Esto es bueno sobre nosotros página. Si Qs preguntas frecuentes, consejos de viaje, destinos, galería, todas estas son buenas páginas esenciales que podrías agregar para tu sitio web. Y en caso de que quieras cambiar algo, por ejemplo, simplemente podrías hacer clic aquí para generar un layout diferente. Siéntete libre de experimentar con esto. Una vez hecho clic, ahora vamos a tener la configuración para el nuevo sitio web. Entonces, si notas a través de Power Pages con un par de clics, puedes tener lista una plantilla. Puedes poner tu sitio web en funcionamiento, lo cual es bastante sencillo a través la integración de copiloto o inteligencia artificial. Incluso puedes simplemente hacer clic en Usar una plantilla anterior, y una vez que lo hagas, te avisará al mismo destino donde realmente configuraste el resultado final, que es un sitio web. Preparando las cosas. Y ahora echemos un vistazo al resultado, que básicamente es nuestro sitio web. Entonces este es el nuevo estudio de diseño donde puedes editar estilos de verdad. Voy a guiarte a través de cada uno de ellos, pero si vas a esto con una nueva cuenta, tienes la capacidad pasar por estas opciones de alternancia y que te guste un pequeño tutorial solo para simplemente prepararte y ponerte en marcha. Ahora bien, esta es la landing page que tenemos cada vez que terminamos. Echa un vistazo al lado derecho. Tienes el copiloto, y aquí es donde también integras copiloto Es muy útil. Podrías cambiar el diseño de la página. Podría agregar formulario de datos. Puedes hacer preguntas. Podrías poner indicaciones para ayudarte a obtener cualquiera de estos elementos en la página web Entonces todas estas son flexibilidades que podrías tener dentro del copiloto Voy a cerrar esto por ahora, y echemos un vistazo al resultado final que hemos generado. Tenemos el encabezado. Nos dieron las pancartas. Echamos un vistazo a las imágenes. Esto es muy potente, por cierto, porque con un par de clics, tienes la capacidad de crear páginas para los sitios web desde cero. En el lado izquierdo, si echas un vistazo, tienes todas las páginas que realmente has construido en la página A, la página sin contacto, preguntas frecuentes, destinos, consejos de viaje Y una galería. Entonces todas estas cosas, son muy, muy poderosas. ¿Por qué? Porque esto te llevaría incluso semanas, si no meses, construir por ti mismo en términos de codificación y modificaciones. Pero con un par de clics, pudimos poner en marcha el sitio web. Ahora, en la próxima conferencia, voy a guiarte a través un par de ediciones para ayudarte a inspirarte en cuanto a editar tu sitio web 5. Edita tu sitio web: Vamos a editar en esta lección actual. Las imágenes de nuestro sitio web. Voy a guiarte a través de algunas ediciones esenciales para tener una idea de cómo personalizar tu propio sitio web En primer lugar, echamos un vistazo al lado izquierdo. Tienes las distintas páginas a las que puedes acceder en función de la creación. Tiene la capacidad de agregar una nueva página y elegir un diseño determinado, o simplemente puede mover una página hacia arriba y hacia abajo, o simplemente puede eliminar la página. Y si quieres involucrarte con la codificación, tienes la capacidad de editar código donde realmente vas a código donde realmente vas a la página del desarrollador para editar los códigos del sitio web, y de esa manera se sincronizarán de nuevo en la pantalla de visualización Entonces echemos un vistazo a la exhibición que tenemos por aquí. Lo que voy a hacer ahora mismo es básicamente voy a tener algunas ediciones básicas para que las consigas ¿Cómo aplicaría esto en su propio caso? Entonces este es el encabezado. Si hago clic en Editar el encabezado lateral podría tener el título del sitio, el Travel Vista. Simplemente podrías ir por la imagen. Puede seleccionar el estilo, que es la plantilla para la paleta de colores. Puede ir por un diseño si desea aumentar el tamaño, el diseño el ancho del encabezado. Entonces podrías agregar una sección intermedia , lo cual es muy importante. Si quieres agregar una columna, espaciador, cualquiera de estas cosas con las que podrías experimentar también. Por ejemplo, si agrego dos columnas , pondrá dos columnas por aquí. Y luego cada uno de ellos, tengo la capacidad de poner en un texto, un botón, o una imagen. Entonces tienes la capacidad de poner un video. Se puede poner un contenedor flexible. Puedes poner la integración con un visual en Power BI, si has aprendido sobre Power BI y has pasado por uno de nuestros segmentos de cursos para Power BI, podrás entender que podrías agregar los visuales o los reportes, podrías mapearlos aquí mismo , o podrías agregar un formulario Entonces hay mucho espacio para la creatividad en este caso actual. Entonces voy a eliminar esta sección actual. Como mencioné, depende de ti juguetear con ellos, pero en aras de la simplicidad, te estoy guiando pero en aras de la simplicidad, te estoy guiando por el proceso para que te hagas una idea de cómo funcionan las cosas De igual manera, si cambio los colores de superposición, puedo poner diferentes tonos para los colores. Puedes hacer clic en deshacer esto del pincel por aquí, y tienes los ajustes para ajustar el ancho y la altura de la sección. Puedes juguetear con eso, y simplemente puedes moverlo arriba y abajo o eliminarlo por completo. Entonces ahora tenemos una idea clara sobre las cosas que podemos hacer. Ahora voy a cambiar el layout, solo hazlo un layout completo para hacer las cosas bastante agilizadas. Ahora, en lugar de simplemente pasar por cada uno de ellos y dit estos colores, en caso de que te gustaría cambiarlos, podrías ir a la pestaña de estilo, hacer clic en ella. Tienes la paleta de colores, que es el color de la marca. Entonces cambiemos un poco el color. ¿Qué tal si vamos algo que se relaciona más con viajar? ¿Qué tal naranja? Eso está bien. Entonces podríamos cambiar eso. Entonces podríamos incluir diferentes colores para los botones. Nos gustaría tener algo que sea verde o turquesa. ¿Qué tal el color verde? Esto también suena bien. Wtice lo que pasa Todos ellos van a ser cambiados automáticamente en lugar de hacer todo uno a la vez. Las fuentes, también puedes hacer esto, o podrías tener temas listos según tu preferencia. Esto es bastante aceptable. Si hago clic en esto, automáticamente por defecto, va a ajustar todos los temas para mí de una manera que refleje este tema. Ahora echemos un vistazo al resultado final. Aquí vamos. Entonces esto se ve bastante mejor. Pudimos modificar esto. El tema es propio. Transmite la naturaleza del sitio web. En lugar de pasar por cada uno de ellos, perder el tiempo, puedes hacerlo con un par de clics. También, esto aplica a los botones que tengas, los botones primario y secundario para las secciones y los márgenes. Depende de ti juguetear con eso. Otra vez, como he mencionado, porque hay mucho espacio para la innovación y la flexibilidad, y simplemente te estoy guiando a través del proceso de tratar de juguetear con estos y aplicarlos a tus propios casos Entonces dicho eso, ahora volvemos a las páginas. Como puedo ver, hemos ajustado todo el estilo en cuanto a los colores para nuestro sitio web. Ahora vamos a las imágenes. Simplemente podría hacer clic para agregar otra imagen, o podrías agregar un enlace, por cierto, a la imagen, o simplemente puedes editar la imagen mantener unida. Si tienes una sombra, por ejemplo, podrías ajustar eso. Vamos a mover esto. Aquí tienes. Échale un vistazo a esto. Agregué una sombra a mi imagen, y podría hacer lo mismo por aquí, haga clic en la configuración. Aquí vamos. Vamos a hacer clic en la imagen, el pincel. Entonces tenemos una sombra también. Se podría incrementar la pixelación. Y aquí vamos. Ahora tienes unas bonitas sombras. Proporciona algunos buenos efectos para su sitio web. Muy directo, muy potente, muy simplista. Puedes hacerlo con un par de clics. Al mismo tiempo, podría extender esto desde la propia pantalla. Aquí vamos. Puedes ajustar el tamaño en lugar de ir a codificarlo o intentar ajustarlo manualmente. Simplemente puedes hacer esto arrastrando y soltando. Es muy poderosa. Podrías agregar enlaces por aquí. Esto es un botón. Podrías incrustar enlaces. Podrías editar todo el botón tal como está. El formato del botón podría cambiarse ya sea a la izquierda o a la derecha. Mantengámoslo del lado izquierdo, y luego podríamos editar el texto del botón, y luego podríamos agregar enlace por aquí de tal manera que cada vez que hagamos clic, tengamos la navegación. Entonces esto es muy potente, tal que tienes un sitio web completo con un par de clics que es bueno para ir. Y se trata de que vayas sobre la edición manual. Ir a la transición a la página Acerca de nosotros. Ahora bien, si le echas un vistazo a esto, por defecto, el tema se ha arreglado correctamente. Ahora, digamos que me gustaría cambiar una de las imágenes. Puedes dar click sobre esto, dar click en Imagen. Tienes la posibilidad de subir una imagen, o simplemente tienes que ir a las imágenes de stock. Busquemos avión o viaje, algo relacionado con esto. Esto está bien. Parece que se siente como el tema donde tienes pasaporte y planeas viajar. Entonces tienes toda la idea. Ahora eres capaz de modificar tu sitio web a medida que avanzas sobre esto sistemáticamente. Tienes tus páginas en la navegación principal. Has entendido cómo editar y agregar secciones, y puedes aplicar las mismas estrategias a cada una de ellas. Y si quieres tener modificaciones a granel, ve al estilo y puedes hacerlo fácilmente. Ahora, en la siguiente lección, voy a mostrarles algunos aportes adicionales sobre el proceso de construcción de su sitio web. 6. Cómo agregar funcionalidad a tu sitio: Ahora en esta lección actual, vamos a tener una característica un poco avanzada que podrías integrar en tu sitio web. En la conferencia anterior, hemos aprendido cómo podrías configurar el sitio web, construir el sitio web, editar el sitio web, ir sobre los temas, las páginas, los diseños y las modificaciones. Pero, ¿y si te gustaría tener alguna interactividad con un nuevo sitio web que realmente eres capaz de recopilar información de los usuarios, como formularios de registro, datos de contacto, etcétera Esto es un poco avanzado, pero es muy útil que lo conozcas. Entonces lo que vamos a hacer es que voy a ir hasta el fondo, dar clic en en la sección. Y voy a tener este siguiente prompt. Podrías agregar texto, botones, imágenes, videos. Todos estos son sencillos. Al hacer clic en ellos, simplemente puedes escribirlos manualmente o subirlos. Pero lo que me preocupa es que voy a ir por formularios. Esta es la capacidad de recopilar realmente información. Ahora bien, para poder hacerlo, necesito tener alguna base de datos de back end para recopilar esto, y aquí es donde entran en juego los datos del segmento . Déjame guiarte a través. Voy a dar click en Formularios. Ahora, esto me pedirá una ventana de solicitud de IA para determinar cómo me gustaría crear mi formulario. Simplemente puede usar el formulario de registro. Depende de ti. Nuevo formulario o un formulario existente. Esto es algo que he creado. Pero vamos a hacer clic en Nuevo Formulario. Entonces voy a hacer clic en un Nuevo formulario, y esto me va a preguntar, qué tabla necesitarías usar? Ahora, ya en tu página web, hay tablas preconstruidas, ya tablas preestablecidas, pero no quiero mezclar la información. Entonces lo que voy a hacer ahora mismo, voy a navegar de nuevo a los datos y voy a crear una nueva tabla. Ahora bien, estas son las otras tablas, y estas son las tablas del sitio web. Yo he creado esto. No estaban ahí las mesas. Voy a crear una nueva tabla para mostrarte cómo hacer esto. Así que crea una nueva tabla. Voy a llamar a esta primaria de registro. Registra tus datos. ¿Bien? Esto es seguro. Entonces ahora he creado una nueva tabla, y en esta tabla, voy a tener columnas, y estas columnas van a ser reflejadas en mi formulario para recabar la información. Déjame mostrarte cómo se ve eso así que echa un vistazo a la exhibición de aquí ya que la mesa se está poblando, tenemos nombre, recibimos correo electrónico. Todos estos se han sumado. Entonces cuando los agrego por defecto, van a estar presentes en el formulario de mi página. Te voy a mostrar como pudiste establecer tal conexión. Ahora, como pueden ver por aquí, tengo el nombre ya presente. Voy a añadir una nueva columna. Voy a llamar a esto como correo electrónico. Esta será una sola línea o texto, una fecha de número. Va a ser un texto. Aquí vamos. Se va a calcular el comportamiento, no sólo una simple entrada, y eso es principalmente todo. Ahora estoy agregando esta columna extra. Piénsalo como un archivo xl donde puedas recopilar información, me sale el nombre, recibo el correo electrónico. Esto ya está bloqueado la fecha de creación. De hecho voy a cambiar esto a la izquierda. Ahora me conseguí mi forma básica. Es por ello que lo llamé como primaria de registro. Agregué dos columnas para recabar mi información. Ahora voy a navegar nuevo a la página que tenía antes, que es la página Acerca de nosotros y establecer la conexión. Haga clic en el formulario. En el formulario de edición. Ahora voy a estar eligiendo de una forma existente. Voy a hacer clic en Nuevo formulario ahora. Elige la mesa. Ahora, fijamos el registro primario, sí. Entonces esta es la tabla que hemos creado. Ahora voy a seleccionar el formulario en la mesa, y eso es criada. Ahora voy a dar click Bien. Fíjate en lo que va a pasar. Voy a tener la ventana prompt ahora mismo para recopilar realmente los nombres de los usuarios. Ahora bien, no mostró el ID de correo electrónico, pero simplemente puedo ir a los campos de edición. Yo hago clic en eso. De hecho, puedo agregar el campo. Este es un campo. Déjame intentar editar este campo por ti. Ahora tienes la etiqueta del nombre, usa un mensaje de error personalizado, muestra la descripción para escribir el nombre. O para validar esto. Así que podrías editar esto como campo por campo, o simplemente puedes agregar un campo. Pero principalmente, si hago clic en Editar formulario, echemos un vistazo a los datos. Datos de este formulario, ¿qué hace? Crea un nuevo registro o actualiza un registro. Crea un nuevo registro porque esto es simplemente formulario de registro. Y una vez que hacen clic en Enviar mensaje para mostrar, gracias por acompañarnos. Aquí vamos. Uniéndose a nosotros. Aquí vamos. Y estamos establecidos. Entonces esto significa que cada vez que un usuario simplemente escribe su nombre y hace clic en enviar, recibirá ese mensaje, y por defecto, usted tendrá la capacidad de recopilar realmente la información y sus datos. De esa manera, cuando vuelves a los datos, haces clic en el formulario y notas que tu formulario tiene el nombre para mostrar cambiado aquí, y luego tienes la capacidad de agregar columnas adicionales, y puedes echar un vistazo a los formularios, y realmente puedes seleccionar el formulario que tienes y luego modificarlo de acuerdo. Se obtiene la lógica. Es un poco avanzado, pero te da la posibilidad de tener un sitio web que realmente conecta la información por ti. Usted es capaz de simplemente tener esta pantalla. Alguien rellena los datos y tú eres capaz de recopilar la información en el conjunto de datos. Te gustaría agregar más campos, simplemente haz clic en Editar campos y agregarlos a tu tabla, y eso es principalmente y agregarlos a tu formulario, y eso es principalmente todo. 7. Cómo preparar tu sitio web para lanzarlo: Atrás. Así que hemos aprendido a configurar nuestras páginas, construir nuestras páginas, editar el tema y los estilos y las variaciones que podríamos tener, cómo podríamos incorporar formularios a nuestro sitio web. Cómo podríamos editar el estilo, cómo podríamos incorporar tablas que recojan información de nuestro sitio web. Ahora estamos cerca de lanzar realmente nuestro sitio web. Entonces en este caso, vamos a navegar hasta la configuración. Y en la página de configuración, si has estado usando Wordpress, por ejemplo, cualquier otra plataforma de alojamiento web, tienes configuraciones similares. Por ejemplo, obtuviste los detalles del sitio. Vamos a echar un vistazo a esto. Esto te da el control de seguridad. Da clic en estos para tener algunas evaluaciones en cuanto a la salud del sitio web y aborda cualquier advertencia de seguridad. Entonces obtuviste los detalles básicos del sitio web. Entonces haces la transición a Dios, ve verificar en vivo, cada uno de ellos va a ejecutar un escaneo para cubrir ciertos motivos que se escanean en busca de vulnerabilidades. Tienes los verificadores del sitio, elige y asigna licencias, convierte el sitio de prueba a producción Esto es importante cuando estás listo para que el sitio se active. Y cuando vas de una cuenta, esta es una cuenta de prueba. Necesitas ir por una cuenta real. Tienes que convertir esto. Esto es bastante importante asegurarse de que el sitio no se elimine. Luego habilite CS luego para cargar el sitio más rápido, haga clic en este para habilitar una conexión. Entonces WF seguridad para el sitio. Dominio personalizado, si desea tener un dominio personalizado para tener un dominio personalizado URL de su propio sitio web en lugar de usar esta URL actual, también es factible Entonces estableces el sitio como público. Aquí es donde estás listo para recibir personas que visiten tu sitio. Luego hacemos la transición al rendimiento del sitio. Una vez que su sitio esté en funcionamiento, tiene la capacidad de habilitar CDN para que el sitio se cargue más rápido, seleccione ciertas páginas, para cargarlas antes otras páginas para asegurarse de que el sitio también esté en funcionamiento Entonces haces la transición a la aplicación de página web móvil en caso que tengas diferentes configuraciones para la página móvil, puedes hacerlo. Y para integraciones adicionales para flujos en la nube, si has creado flujos existentes en Power Automate, podrías integrarlos y podrás ver la conexión entre ellos. Por ejemplo, una vez que alguien hace clic en el sitio web, se produce cierta automatización. Esto es bastante avanzado cuando nos preocupa integrar sistemas, aplicaciones externas si hay aplicaciones adicionales, vista previa de búsqueda en el sitio. Si alguien está intentando buscar algo en tu sitio web, podrías habilitar la búsqueda por palabras clave y podrías habilitar la búsqueda en el sitio con IA generativa Esto es muy poderoso. Simplemente podrías ir a tu sitio web. Hay una barra de búsqueda, ventana de búsqueda que son capaces de buscar algo, y eso es principalmente todo. Y adicionalmente, tienes la capacidad de agregar copiloto podrías tener tu propio chatbot virtual, agente virtual presente en el Así que simplemente podrías hacer clic rápidamente para que tu copiloto esté listo Es una versión de prueba, como he mencionado, así que hay que tener cuidado con eso porque no vas a tener la funcionalidad completa, y luego tienes la opción de habilitar copiloto en el sitio web, y tu sitio es bueno para ir Entonces, una vez que haya terminado de construir su sitio web, vaya a la página de configuración, eche un vistazo a los detalles. Ve a la lista de verificación en vivo para asegurarte de que todo está bien. Eche un vistazo al rendimiento del sitio, respuesta móvil, cualquier integración que tenga, le gustaría agregar copiloto y Podrías habilitarlos. Ahora, se está creando, el copiloto, y todo está bien para ir Entonces esto significa que has cumplido la parte de creación de tu proceso de la A a la Z. Y finalmente, hay una sección adicional, que es la sección de seguridad Este es un segmento recién agregado a las páginas de Power donde puedes ejecutar Pagecan Se necesita algún tiempo para solucionar cualquier problema. Puedes asignar rollos web si tienes otras personas trabajando contigo en el sitio web, permisos de página para acceder a ciertas páginas y bloquear ciertas páginas, permisos de tabla, cuando estás creando tablas por aquí, no todas las personas de tu empresa podrían acceder a ellas. Podrías configurar ese firewall de aplicación web, eso también podría ajustarse, pero necesitas tener conectado el centro de administración habilitar el firewall para tu sitio web, proveedores de identidad, luego tienes los distintos proveedores integrados en tu sitio web y podría integrarse a tu sitio web y puedes configurarlos. visibilidad de su sitio, lo cual es muy importante, una vez que haya terminado, ya que este es básicamente un entorno de desarrollador, no podemos entrar en vivo con el sitio web, pero una vez que tenga una cuenta oficial real, tiene la capacidad de establecer la configuración pública para el sitio web y su sitio web está listo para aceptar visitantes, y podría dar acceso a ciertas personas para acceder el sitio o para trabajar en el sitio con usted. De esa manera, ha cubierto completamente producción de su sitio de la A a la Z, hasta dar acceso y Control. Monitorizar el uso, recopilar datos, modificar conjuntos de datos de formularios, arreglar el tema, crear varias páginas, agregar elementos a las páginas y ahora su sitio web está en funcionamiento. Y una vez que hayas terminado, asegúrate de sincronizar todo y haz clic en el botón de vista previa para ver el resultado final de tu sitio web. 8. Conclusión: Entonces, ¿qué opinas? Realmente espero que la clase te haya resultado útil, específicamente si eres un principiante cuando se trata de diseño web y desarrollo web, y no tienes idea de cómo construir sitios web, pero te gustaría mostrar tu trabajo como parte de marketing, iniciativas de branding, es una habilidad muy importante que necesitas en el mundo actual. Literalmente, todo está en línea, y deberías tener una presencia en línea de algún tipo, ya sea mostrando tu trabajo, mostrando tus proyectos, las aplicaciones son finales pero muchas veces tiendes a encontrar que el problema es, los estudiantes no tienen idea de cómo codificar o cómo usar algunas herramientas complejas Esta es una manera muy fácil de poner funcionamiento su sitio web con una fracción del tiempo. Y realmente espero que te haya resultado útil si te ayudó al menos a aprender 1% de cosas extra en términos de capacidades de diseño web, y obtuviste algo de innovación, tienes algo de inspiración para tu próximo proyecto, entonces este es un trabajo bien hecho. Espero recibir tus comentarios sobre la clase actual y asegurarme de que sigas mi perfil para conocer los últimos lanzamientos y actualizaciones, y te veré en la siguiente clase.