CursosEmpresasBlogLiveConfPrecios

Proyecto: Construye tu portafolio de fotografía

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

Clase anteriorSiguiente clase

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
  • 2
    ¿Qué es Notion y Super?

    ¿Qué es Notion y Super?

    01:06
  • 3
    Setup en Notion y primeros pasos

    Setup en Notion y primeros pasos

    03:52
Conoce Super.so
  • 4
    Desplegando tu primer sitio en Super

    Desplegando tu primer sitio en Super

    03:08
  • 5
    El builder de Super

    El builder de Super

    09:45
Construye tu sitio web sin código
  • 6
    Proyecto: Construye tu blog

    Proyecto: Construye tu blog

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

    Proyecto: Construye tu portafolio de fotografía

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

    Proyecto: Construye tu portafolio de desarrollo

    07:52
Lleva tu sitio más allá
  • 9
    Dominio personalizado

    Dominio personalizado

    04:53
  • 10
    SEO y extensiones

    SEO y extensiones

    09:40
  • 11
    Super + Google Analytics

    Super + Google Analytics

    04:11
  • 12
    Código personalizado

    Código personalizado

    12:37
Cierre
  • 13
    Cierre

    Cierre

    01:00
    Héctor Tello

    Héctor Tello

    student•
    hace 3 años

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

      Sebastián Melo

      Sebastián Melo

      student•
      hace 3 años

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

    Miguel Angel Reyes Moreno

    Miguel Angel Reyes Moreno

    student•
    hace 3 años

    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

      Alejandro Cova

      Alejandro Cova

      student•
      hace 3 años

      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

      Matias Danevitch

      Matias Danevitch

      student•
      hace 2 años

      tengo la misma duda que @frai.frai24 mismo error

    Dania Valenzuela

    Dania Valenzuela

    student•
    hace 3 años

    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

    Gabriela Correa

    Gabriela Correa

    student•
    hace 3 años

    ¡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?

      Jesus Robles

      Jesus Robles

      student•
      hace 3 años

      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!

      Rodrigo Alles

      Rodrigo Alles

      student•
      hace 3 años

      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.

    Rodrigo Alles

    Rodrigo Alles

    student•
    hace 3 años

    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.

    Rodrigo Alles

    Rodrigo Alles

    student•
    hace 3 años

    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.

    Rolando Ceballos

    Rolando Ceballos

    student•
    hace 3 años

    woohoo!

    Les presento mi portafolio!

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

    Alejandro Cova

    Alejandro Cova

    student•
    hace 3 años

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

    Capture 1.JPG
    Capture.JPG
      Alejandro Cova

      Alejandro Cova

      student•
      hace 3 años

      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

      Jesus Robles

      Jesus Robles

      student•
      hace 3 años

      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..

    Darían Rafael Sánchez Muñoz

    Darían Rafael Sánchez Muñoz

    student•
    hace 3 años

    ![](

    Captura de pantalla (363).png

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

      Alex Camacho

      Alex Camacho

      teacher•
      hace 3 años

      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.

    Ana Angelica Hurtado

    Ana Angelica Hurtado

    student•
    hace 3 años

    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

    Michelle Verano

    Michelle Verano

    student•
    hace 3 años

    cada clase es mas interesante a la anterior, me encanta

    Felipe Bernardo González Barranco

    Felipe Bernardo González Barranco

    student•
    hace 3 años

    Muy buena explicación!

    Jorge Ossa

    Jorge Ossa

    student•
    hace 3 años

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

    Daniel Vera

    Daniel Vera

    student•
    hace 3 años

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

    Francisco Karriere

    Francisco Karriere

    student•
    hace 3 años

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

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