CursosEmpresasBlogLiveConfPrecios

Setup en Notion y primeros pasos

Clase 3 de 13 • Curso para Crear Sitios Web No-code con Notion y Super

Contenido del curso

Primeros pasos

  • 1
    Crea tu página personal sin código: introducción

    Crea tu página personal sin código: introducción

    01:03 min
  • 2
    ¿Qué es Notion y Super?

    ¿Qué es Notion y Super?

    01:06 min
  • 3
    Setup en Notion y primeros pasos

    Setup en Notion y primeros pasos

    Viendo ahora

Conoce Super.so

  • 4
    Desplegando tu primer sitio en Super

    Desplegando tu primer sitio en Super

    03:08 min
  • 5
    El builder de Super

    El builder de Super

    09:45 min

Construye tu sitio web sin código

  • 6
    Proyecto: Construye tu blog

    Proyecto: Construye tu blog

    11:01 min
  • 7
    Proyecto: Construye tu portafolio de fotografía

    Proyecto: Construye tu portafolio de fotografía

    07:35 min
  • 8
    Proyecto: Construye tu portafolio de desarrollo

    Proyecto: Construye tu portafolio de desarrollo

    07:52 min

Lleva tu sitio más allá

  • 9
    Dominio personalizado

    Dominio personalizado

    04:53 min
  • 10
    SEO y extensiones

    SEO y extensiones

    09:40 min
  • 11
    Super + Google Analytics

    Super + Google Analytics

    04:11 min
  • 12
    Código personalizado

    Código personalizado

    12:37 min

Cierre

  • 13
    Cierre

    Cierre

    01:00 min
Tomar examen

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

      Comentarios

      Dania Valenzuela

      Dania Valenzuela

      student•
      hace 4 años
        Juan Manuel Rubio Gallego

        Juan Manuel Rubio Gallego

        student•
        hace 4 años
        Dania Valenzuela

        Dania Valenzuela

        student•
        hace 4 años
      Silvina Fernanda Acosta

      Silvina Fernanda Acosta

      student•
      hace 4 años
        José Alberto Urbano Valladolid

        José Alberto Urbano Valladolid

        student•
        hace 4 años
        Celeste Yamile

        Celeste Yamile

        student•
        hace 4 años
      Ignacio Alberto Velásquez Franco

      Ignacio Alberto Velásquez Franco

      student•
      hace 4 años
        Gabriela Paola Dos Santos

        Gabriela Paola Dos Santos

        student•
        hace 3 años
      Víctor Macías Pincay

      Víctor Macías Pincay

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años
      Brandor Márquez

      Brandor Márquez

      student•
      hace 4 años
        Roger Hassan Moreno Serrano

        Roger Hassan Moreno Serrano

        student•
        hace 4 años
      David Antonio Torres Castañeda

      David Antonio Torres Castañeda

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años
        Scarlett Arias Armas

        Scarlett Arias Armas

        student•
        hace 3 años
      Edwin Torres

      Edwin Torres

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años
      Rolando Ceballos

      Rolando Ceballos

      student•
      hace 4 años
      Juan Manuel Rubio Gallego

      Juan Manuel Rubio Gallego

      student•
      hace 4 años
        Leonel Tamayo

        Leonel Tamayo

        student•
        hace 4 años
      John Alassio

      John Alassio

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años
        John Alassio

        John Alassio

        student•
        hace 4 años
      Gabriela Paola Dos Santos

      Gabriela Paola Dos Santos

      student•
      hace 3 años
      Gera Meraki

      Gera Meraki

      student•
      hace 3 años
      Gustavo Adolfo López Tovar

      Gustavo Adolfo López Tovar

      student•
      hace 3 años
      Juan Camilo Figueroa Sierra

      Juan Camilo Figueroa Sierra

      student•
      hace 4 años
      Javier Enrique Romero Rugeles

      Javier Enrique Romero Rugeles

      student•
      hace 4 años
      Diego Andres Naranjo Rios

      Diego Andres Naranjo Rios

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años
      Gabriela Fernanda Rincón Parra

      Gabriela Fernanda Rincón Parra

      student•
      hace 4 años
      Santiago Peña

      Santiago Peña

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años
      Jose Loaiza

      Jose Loaiza

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años
      miguel angel jaramillo

      miguel angel jaramillo

      student•
      hace 4 años
        Alex Camacho

        Alex Camacho

        teacher•
        hace 4 años

      Mi avance

      Captura de pantalla 2022-06-28 174737.png

      Hola Dania. se ve increible.. felicitaciones 👌 Una pregunta.... ¿Como lograste que la imagen sea redonda?

      Hola @Juan Manuel, lo hice recortando la foto en el siguiente link y luego la inserte en mi página del Notion

      Captura de pantalla 2022-07-27 152340.png

      Utiliza el símbolo /

      Cuando estás en una página y das click en un espacio en blanco para empezar a escribir, lo primero que te aparece por defecto como sugerencia es el símbolo /. Al escribir / en una línea en blanco se despliega el menú de opciones en el que podrás elegir qué tipo de elemento quieres insertar en ese espacio.

      Esto no sólo te va a permitir insertar textos, páginas, listas o cabeceras. Al hacer scroll hacia abajo se despliega una lista de opciones donde vas a tener: citas, enlaces a páginas, inserciones de varios tipos de archivo multimedia, tablas, gráficos, imágenes, archivos insertados y varios tipos de bloques avanzados.

      Tip para crear nueva web.JPG

      Excelente :)

      👏👏👏

      💡Pro Tip: Para acomodar tu página de Notion recuerda que puedes acomodarlo por columnas y hacerlo visual con ilustraciones. Añade colores, headers e incluso optimiza para dark mode si puedes.

      Aca te dejo un ejemplo de una página web de Notion bien diseñada:

      Home Page Mockup - College OS.png

      es tan lindo que tuve que comentar

      Voy a empezar mi nuevo proyecto con este Curso. Me encanta!

      Nos vas contando como te va 💚

      Espero por sus opiniones =)

      Las letras luminosas están geniales, ahora te falta escoger un set de herramientas y elaborar tu potfolio

      ¿Por qué dice "estás lista"? Muchos estudiantes somos hombres, independiente de sus ideologías podría generalizar al referirse a sus estudiantes.

      Elijo hablar el plural en femenino para incluir a todas las personas, porque mis estudiantes antes que tener un genero son personas y el articulo correcto para hablar de personas es "la".

      Tu eres la persona que me pregunta sobre porqué digo "estás lista" 😉

      todo bien en casa?

      Alex muchas gracias, ya me enganchaste con este curso ya que he usado antes Notion para tutoriales y documentar proyectos, no sabía que podría convertirlo a web. Me parece genial que se escribe con markdown.

      Super en definitiva le da super poderes a Notion 💚

      Setup en Notion y primeros pasos.png

      Que comience el aprendizaje!

      Llevo tiempo utilizando Notion y hasta ahora me vengo a enterar que se puede acomodar el contenido en columnas. Gracias Profe .!

      x2

      y si soy varon?

      Antes de ser varón eres una persona, y la forma en que me refiero durante el curso a las personas es para incluirlas a todas las que quieren aprender a construir sitios con Notion 💚

      Hola como estas disculpas la demora no abia visto tu mensaje exclusivo, Me encanta pensar en un ser como una inteligencia en general sin catalogar el sexo. apoyando tu respuesta a mi pregunta, pero no me has contestado... el curso solo esta dirigido a el lado femenino de una inteligencia o persona, dejando de lado a el lado masculino, quizás todo se soluciona con decir palabras sin genero, va con la mejor onda. Sos muy buena profe y espero sea constructivo.

      ¡Comenzamos!

      Screenshot_1.jpg

      TIP SI ERES NUEVO EN NOTION

      Si tienes un correo educativo, puedes tener Notion Pro y sacarle mucho mas beneficio a la plataforma.

      https://www.notion.so/product/notion-for-education

      super me parece super!

      Así es como va el mio, cualquier comentario sirve como aporte https://denim-cousin-12c.notion.site/Juan-Camilo-Figueroa-Sierra-99cea7f3f16a4d378c763520001ffa20

      De verdad Notion es la herramienta que nunca para de sorprender. Mi página web está hecha en Notion y Super, por si les sirve ver un ejemplo. Y puse para que hiciera redirect desde mi dominio personal: https://imjaviromero.com Acepto comentarios y sugerencias para hacerla mejor <3

      Cuando te estés registrando puedes utilizar la versión "for myself" o para una persona. Como sea si va a ser un trabajo colaborativo después puedes cambiar a notion para equipos.

      Si, igual la versión free de Notion es personal, la de equipos está limitada a X cantidad de bloques.

      yey! vamos por ello

      Puedo usar Note y Super para crear paginas de e-commerce?

      No es lo recomendable, para eso es mejor optar por otras herramientas no code como lo puede ser Bubble o similares.

      Hola, este es mi blog donde te cuento diferentes temas que transcurren en mi vida. Soy un estudiante en Computer Science, amante de la tecnología y el mundo audiovisual. ¿Qué les parece esta introducción?

      Yo añadiría que tipo de cosas puedo encontrar en tu blog, ajá lo que pasa en tu día a día, pero buscaría ser más específica para enganchar al lector.

      buenas tardes, notion no tiene opción en español? gracias.

      No, aún no al menos. Notion tiene soporte para Inglés y Coreano, actualmente añadieron japones y francés, pero esos últimos idiomas están en beta.