AnT12
Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
Hola gente, en este tutorial les enseñare a crear landing pages de calidad sin saber absolutamente nada de programación :couple_inlove:
(el tutorial es 100% mio y si quieres copiarlo en otro lugar al menos mándame un privado pidiendo el permiso)
Lo único es que tienes que tener un programa, que es Adobe Muse, puedes descargarlo gratis ( mientras se pueda ) ya sea el portable o el completo 😉, si deseas me puedes mandar un MP y te paso el link donde yo lo descargue y me funciono al 100%.
Bueno ya que hayas descargado el programa, procederemos a crear nuestra landing 😱nthego:
Al iniciar el programa se nos abrirá una ventana y tendremos que dar clic en "Crear nuevo sitio" Despues se nos abrirá otra ventana 😕 donde configuraremos el ancho y altura de nuestra landing, la altura no importa ya que se desplegara automáticamente cuando vayamos necesitando nuevo espacio.
Yo te recomendaría dejarlo como esta, luego damos en "ok", después damos nos vamos a inicio donde sale una miniatura de nuestra pagina.
Luego veremos nuestra pagina sin ninguna edición, en blanco:
Ahora si, que empiece la edición 😱nthego:
Primero tenemos que crear la cabecera, tienen que hacerla un poco mas grande solo tienen que arrastra un flecha o como se llame hacía abajo
Luego creamos un cuadro y desplegamos hasta abarcar todo el espacio
puedes elegir el color del cuadro con solo pulsar "relleno"
Ahora solo nos falta poner una imagen en la cabecera, para eso tecleamos Ctrl+D y seleccionamos nuestra imagen, y asi ya tendremos nuestra cabecera lista
Luego editamos el color de fondo, solo clickeamos en "Relleno del navegador" y elegimos el color
Ahora donde dice trazo
Pasaremos a escribir un texto, podemos cambiar el color, tamaño y la fuente también
Añadimos otro texto mas abajo
Mas abajo de eso puedes añadir una imagen, vídeo, para añadir un vídeo tendremos que ir a añadir objeto ---> insertar html e insertar el código del vídeo
Ahora solo pasamos a crear el texto de descarga, sigue los pasos anteriores el de crear un texto e insertar una imagen y les quedara algo así
para añadir un link a una imagen, solo sigue la siguiente imagen xD
ya tendremos todo listo, solo faltar el footer, solo tienes que crear un nuevo cuadro y seguir los mismos pasos que dije en el de la cabecera
Ahora exportaremos nuestra landing, seleccionamos "Exportar como HTML"
listo!! ya tendremos nuestra landing page, solo tendremos que subirla a nuestro hosting :encouragement: si no tienen hosting mañana actualizo el post para enseñarles como pasar nuestras landings a blogger :drunk: claro solo si miro el apoyo que me den con un "me agrada" en este tutorial :encouragement:
DEMO:
DEMO ONLINE: ENLACE
Claro que ustedes pueden hacerlas mucho mejor, solo es cuestión de creatividad y aprender a usar el programa 😉
(el tutorial es 100% mio y si quieres copiarlo en otro lugar al menos mándame un privado pidiendo el permiso)
Lo único es que tienes que tener un programa, que es Adobe Muse, puedes descargarlo gratis ( mientras se pueda ) ya sea el portable o el completo 😉, si deseas me puedes mandar un MP y te paso el link donde yo lo descargue y me funciono al 100%.
Bueno ya que hayas descargado el programa, procederemos a crear nuestra landing 😱nthego:
Al iniciar el programa se nos abrirá una ventana y tendremos que dar clic en "Crear nuevo sitio" Despues se nos abrirá otra ventana 😕 donde configuraremos el ancho y altura de nuestra landing, la altura no importa ya que se desplegara automáticamente cuando vayamos necesitando nuevo espacio.
Yo te recomendaría dejarlo como esta, luego damos en "ok", después damos nos vamos a inicio donde sale una miniatura de nuestra pagina.
Luego veremos nuestra pagina sin ninguna edición, en blanco:
Ahora si, que empiece la edición 😱nthego:
Primero tenemos que crear la cabecera, tienen que hacerla un poco mas grande solo tienen que arrastra un flecha o como se llame hacía abajo
Luego creamos un cuadro y desplegamos hasta abarcar todo el espacio
puedes elegir el color del cuadro con solo pulsar "relleno"
Ahora solo nos falta poner una imagen en la cabecera, para eso tecleamos Ctrl+D y seleccionamos nuestra imagen, y asi ya tendremos nuestra cabecera lista
Luego editamos el color de fondo, solo clickeamos en "Relleno del navegador" y elegimos el color
Ahora donde dice trazo
Pasaremos a escribir un texto, podemos cambiar el color, tamaño y la fuente también
Añadimos otro texto mas abajo
Mas abajo de eso puedes añadir una imagen, vídeo, para añadir un vídeo tendremos que ir a añadir objeto ---> insertar html e insertar el código del vídeo
Ahora solo pasamos a crear el texto de descarga, sigue los pasos anteriores el de crear un texto e insertar una imagen y les quedara algo así
para añadir un link a una imagen, solo sigue la siguiente imagen xD
ya tendremos todo listo, solo faltar el footer, solo tienes que crear un nuevo cuadro y seguir los mismos pasos que dije en el de la cabecera
Ahora exportaremos nuestra landing, seleccionamos "Exportar como HTML"
listo!! ya tendremos nuestra landing page, solo tendremos que subirla a nuestro hosting :encouragement: si no tienen hosting mañana actualizo el post para enseñarles como pasar nuestras landings a blogger :drunk: claro solo si miro el apoyo que me den con un "me agrada" en este tutorial :encouragement:
DEMO:
DEMO ONLINE: ENLACE
Claro que ustedes pueden hacerlas mucho mejor, solo es cuestión de creatividad y aprender a usar el programa 😉
Última edición:
