search
CursosEmpresasBlogLiveConfPrecios
Curso para Crear Sitios Web No-code con Notion y Super

Proyecto: Construye tu portafolio de fotografía

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

    03:52 min

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

    Viendo ahora
  • 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
schoolTomar examen

Proyecto: Construye tu portafolio de fotografía

Platzi DayPlatzi Day

Todos los cursos GRATIS

Se acaba en:
00díasd:00hrsh:00minm:00segs

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

Comentarios15

Héctor Tello

Héctor Tello

Estudiante
Hace 4 años
    Sebastián Melo

    Sebastián Melo

    Estudiante
    Hace 4 años
Miguel Angel Reyes Moreno

Miguel Angel Reyes Moreno

Estudiante
Hace 4 años
    FRAILIN PERNALETE

    FRAILIN PERNALETE

    Estudiante
    Hace 4 años
    Matias Danevitch

    Matias Danevitch

    Estudiante
    Hace 3 años
Dania Valenzuela

Dania Valenzuela

Estudiante
Hace 4 años
Gabriela Correa

Gabriela Correa

Estudiante
Hace 4 años
    Jesus Robles

    Jesus Robles

    Estudiante
    Hace 3 años
    Rodrigo Alles

    Rodrigo Alles

    Estudiante
    Hace 3 años
Rodrigo Alles

Rodrigo Alles

Estudiante
Hace 3 años
Rodrigo Alles

Rodrigo Alles

Estudiante
Hace 3 años
Rolando Ceballos

Rolando Ceballos

Estudiante
Hace 4 años
FRAILIN PERNALETE

FRAILIN PERNALETE

Estudiante
Hace 4 años
    FRAILIN PERNALETE

    FRAILIN PERNALETE

    Estudiante
    Hace 4 años
    Jesus Robles

    Jesus Robles

    Estudiante
    Hace 3 años
Darían Rafael Sánchez Muñoz

Darían Rafael Sánchez Muñoz

Estudiante
Hace 4 años
    Alex Camacho

    Alex Camacho

    Profesor
    Hace 4 años
Ana Angelica Hurtado

Ana Angelica Hurtado

Estudiante
Hace 4 años
Michelle Osorio

Michelle Osorio

Estudiante
Hace 4 años
Felipe Bernardo González Barranco

Felipe Bernardo González Barranco

Estudiante
Hace 4 años
Jorge Ossa

Jorge Ossa

Estudiante
Hace 4 años
Daniel Vera

Daniel Vera

Estudiante
Hace 4 años
Francisco Karriere

Francisco Karriere

Estudiante
Hace 4 años

Hay un error en el video, a partir del minuto 2:56 se repite una parte que ya se había explicado.

Es cierto hay un bug en el video y se repite espero el team lo arregle

Esta parte es muy importante para poner urls personalizadas. ¿Por qué? Porque por defecto tomará el título del H1 de tu entrada de blog A veces el título puede contener acentos (esas letras serán omitidas) y/o el url quedará muy feo y largo Así que si pones un url corto, fácil de acceder y recordar será más fácil entrar a esa página

urls.jpg

hola miguel como estas? super no me toma la pagina nueva que creer para el blog, lo que hago es tomar la url que me da notion y la configuro en super pero no me la toma, me dice error 404. como si no existiera, queria consultarte si sabes como puedo solucionarlo, gracias

tengo la misma duda que @frai.frai24 mismo error

Por ahi vamos :D

Captura de pantalla 2022-06-29 173721.png
Captura de pantalla 2022-06-29 173659.png
Captura de pantalla 2022-06-29 173738.png

¡Hola a todos! Si quiero que mi landing sea minimalista, es decir, que tenga una imagen principal y el footer solamente, ¿cómo puedo linkear subpáginas sin que estas aparezcan en el cuerpo de la landing?

Exactamente la misma duda… vi que en el ejemplo que dan, las páginas son las ligas dentro del container.. Pero si quieres hacer algo distinto a eso, no se cómo se podría hacer.. Esperamos ayuda de la comunidad!

Si deseas mantener tu landing page minimalista con solo una imagen principal y un footer, pero quieres agregar enlaces a subpáginas sin que estas aparezcan en el cuerpo de la landing page, puedes agregar estos enlaces en el footer de tu landing page utilizando el componente de "Menú" en Super.

Aquí te presento algunos pasos que puedes seguir para agregar enlaces a subpáginas en el footer de tu landing page en Super:

Abre la página de edición de tu sitio web en Super y haz clic en el botón "Añadir componente" en la parte inferior de la pantalla. Selecciona el componente de "Menú" de la lista de opciones disponibles. Personaliza el componente de "Menú" según tus necesidades y preferencias. Puedes agregar enlaces a tus subpáginas y cambiar el diseño y la apariencia del menú. Arrastra y suelta el componente de "Menú" en el footer de tu landing page. Guarda los cambios en el componente de "Menú". Una vez que hayas agregado el componente de "Menú" a tu footer, podrás agregar enlaces a tus subpáginas sin que estas aparezcan en el cuerpo de tu landing page. Los visitantes de tu sitio web podrán acceder a tus subpáginas haciendo clic en los enlaces en el footer.

Abre la página de edición de tu sitio web en Super y haz clic en el botón "Añadir componente" en la parte inferior de la pantalla. Selecciona el componente "Base de datos" de la lista de opciones disponibles. Selecciona la base de datos que deseas utilizar en tu sitio web. Si ya sincronizaste tu cuenta de Notion con Super, deberías ver tus bases de datos de Notion disponibles en la lista de opciones. Personaliza el componente de base de datos según tus necesidades y preferencias. Puedes elegir cómo mostrar la información de la base de datos en tu sitio web, como utilizando tarjetas o una lista. Haz clic en "Guardar" para guardar los cambios en el componente de base de datos. Una vez que hayas agregado el componente de base de datos a tu sitio web en Super, podrás mostrar la información de tu base de datos de Notion en tu sitio web.

Aquí te presento algunos pasos que puedes seguir para construir tu propio portafolio de fotografía utilizando Super:

Selecciona las fotos que deseas incluir Selecciona las mejores fotos que has tomado para incluirlas en tu portafolio. Asegúrate de que las fotos sean de alta calidad y representen tu estilo y enfoque como fotógrafo.

Crea una base de datos en Notion Crea una nueva base de datos en Notion para almacenar la información de cada foto, como el título, la fecha, la ubicación y cualquier otra información relevante. También puedes agregar etiquetas para categorizar tus fotos por tema o estilo.

Agrega tus fotos y su información a la base de datos en Notion Agrega cada una de tus fotos a la base de datos en Notion y asegúrate de agregar toda la información relevante para cada foto.

Comparte la base de datos en Super Conecta tu cuenta de Notion con Super y comparte tu base de datos con Super. Selecciona la base de datos que creaste en el Paso 2 y asegúrate de que esté configurada para sincronizar automáticamente con Super.

Configura tu sitio web en Super Personaliza la apariencia y el comportamiento de tu sitio web utilizando las herramientas de diseño y configuración de Super. Asegúrate de que la apariencia de tu sitio web se adapte a tu estilo y objetivos. Puedes utilizar el componente de "Galería de imágenes" de Super para mostrar tus fotos en tu sitio web.

Agrega más información a tu sitio web Además de mostrar tus fotos en tu sitio web, puedes agregar información adicional sobre ti y tu trabajo como fotógrafo. Agrega una página "Acerca de" para presentarte a ti mismo y tu trabajo, y una página de "Servicios" para mostrar los diferentes tipos de fotografía que ofreces y los precios.

Publica tu sitio web en línea Una vez que hayas terminado de personalizar tu sitio web y agregar contenido, publica tu sitio web en línea. Comparte la URL de tu sitio web con tus amigos, seguidores y clientes potenciales para que puedan ver tu trabajo y contratarte para futuros proyectos.

woohoo!

Les presento mi portafolio!

rolando-ceballos.super.site_portfolio(iPad Pro).png

hola no se bien como vincular la pagina del blog que cree con super.

Capture 1.JPG
Capture.JPG

hola, tomo el link que me da notion y lo pego en las seccion de aginas de super para crear una pagina del blog, y no me la toma. me podrian ayudar con sto por favor, ya he visto slos videos y no encuentro la solucion

Misma situación… qué te aparece en super? A mi me aparece error. Ya asegure que la pagina del blog en notion sea publica pero aún así me da error..

![](

Captura de pantalla (363).png

Como hago para que me dejen de salir los archivitos :( ya he intentando todo pero no se que hacer

Puedes poner una imagen en blanco o sea un .png transparente, esa file sale pq no has definido ningún icono por tu cuenta y es la imagen por defecto que carga.

Tambien para cambiar las imagenes, al seleccionar las opciones de la imagen da la opción de Remplace, se elige la foto y se remplaza

cada clase es mas interesante a la anterior, me encanta

Muy buena explicación!

El super ha cambiado mucho, ya no me permite tener la lista de componentes, ese trabajo se debe hacer en el notion.

Ahí vamos! https://imporduch.super.site/

les comparto como va quedando https://francisco-karriere.super.site/