Quiero crear mi propia página web ahora mismo
¿Cómo crearla sin experiencia previa en diseño web?
¿Cuál es la mejor manera de hacer realidad mis sueños de una web buena, bonita y, si es posible, gratis total?
Aprendiendo.
No hay otra vía alternativa.
Estás en la web ideal.
La web que te permitirá crear tu página en internet desde cero.
Con un método fácil de entender y sencillo de ejecutar.
Un método rápido.
Solo necesitas paciencia y constancia.
Si tienes un negocio te servirá para vender más y mejor.
Si tienes mucho que decir, tu web será una ventana abierta al mundo.
Si buscas trabajo, un CV virtual se convertirá en tu mejor carta de presentación.
Si solo deseas ser alguien en el universo online y decir aquí estoy yo, una página web es la fórmula correcta para conseguir realzar tu personalidad única.
Cada persona tiene su razones íntimas para querer diseñar su propia página web.
Todas son aceptables.
¿Cuáles son las tuyas?
Antes de comenzar nuestros cursos gratuitos, lee hasta el final.
De esta manrea comprenderás en pocas palabras los fundamentos del diseño web.
Llegar a experto profesional no es sencillo.
Lo importante es dar el primer paso.
El resto vendrá por si solo.
Diseño web: ideas claras desde el principio
- Tienes un negocio o solo quieres una web personal para tus cosas. Deseas darte a conocer. Piensa en un nombre para tu web. Debe ser fácil de leer y recordar. Mejor en singular que en plural. Incluye palabras-clave que identifiquen tu sector de actividad, producto o servicio más relevante. Antes de decidirte por un nombre mira si está registrado o sujeto a derechos de autor. Selecciona después la extensión del dominio: ,com, .net, ,es, .org… (existen extensiones para dar y tormar). Registra tu nombre comercial (o personal) como dominio web
- Ahora debes elegir un alojamiento web o hosting para tu web, esto es, una casa (servidor) donde vivir. Tienes tres vías a tu disposiciñon: Servidor dedicado (indicado para empresas grandes o con mucho tráfico web o con bases de datos muy extensa), Hosting compartido (es el alojamiento más asequible del mercado y su operativiodad está garantizada casi al cien por cien) y VPS (se trata de un servidor virtual privadom flexible y personalizado)
- Escoge un gestor de contenido CMS para generar tu sitio web. WordPress es el más popular a escala mundia. También puedes crear tu pàgina web a medida
Tipos de página web
Estáticas
Para incluir informaciones básicas que no requieran modificaciones frecuentes ni tampoco agregar contenidos a menudo.
Contemplan texto, enlaces, alguna imagen y poco más.
Cualquier lenguaje de programación puede servirte.
Dinámicas
Son más complejas.
Buscan la interacción con el usuario.
Incluyen un panel de control y administración.
Requieren actualizaciones permanentes.
Muy indicadas para comercio electrónico.
Es recomendable tener conocimientos previos de programación y bases de datos.
Puedes hacerla a tu medida o utilizar un creador CMS de contenidos con multitud de plantillas y plugins que facilitarán tu tarea de dar a luz una web funcional y eficiente.
Personales
Ideales para blogs corporativos, informaciones diversas, hobbys, currículos profesionales…
Corporativas
De empresa o para ofertar servicios profesionales.
Los apartados esenciales son: breve historia de tu negocio, tu catálogo de servcios o productos, tu ubicación, tus horarios y la forma de contactar contigo.
Blogs
Corporativo o privado.
El contenido ha de ser actualizado con mucha frecuencia.
Trata sobre temas específicos e incluye formularios de contacto, espacio para comentarios y/o chat.
Los contenidos más recientes siempre han de aparecer al principio.
Tiendas virtuales
Para productos o descargas de compra online.
Hay que diseñar muy bien el carro de compra, ofertas y las formas de pago admitidas.
Es necesario aplicar un plan de marketing sofisticado.
Comunidades de interés y foros
Son territorios virtuales de encuentro para diálogos y discusiones temáticas.
Se llevan a cabo mediante comunicaciones interactivas a varias bandas.
Directorios
Agrupan a profesionales y empresas por categorías y sectores.
Portfolio
Presentación visual de trabajos.
Pensado para artistas, creativos, fotógrafos, modelos…
Portales de noticias
En formato periódico o revista.
Piden actualizaciones constantes.
Deben ser páginas web muy dinámicas.
Microsites
Sitios pequeños con información sintética sobre productos, servicios o conceptos muy bien definidos.
Resuelven dudas en pocas palabras.
Landing pages
Carácter eminentemente publicitario.
Información básica acerca del lanzamiento de un nuevo producto o servicio.
Se buscan leads (datos de contacto) y clientes potenciales a través de llamadas a la acción atractivas e inmediatas.
Aplicaciones web
Para descargar apps o para usar aplicaciones online desde el mismo navegador (con registro previo o no).
Buscadores
Para consultas concretas o genéricas.
El ejemplo más significativo es Google.
Wikis
Los propios usuarios crean contenido colaborativo.
Videowebs
Su finalidad es subir y compartir contenido audiovisual.
E-learning
Son aulas virtuales para seguir cursos y seminarios de todo tipo.
De juegos
Ocio total sin salir de casa.
Comparadores
De precios, servicios y/o productos.
Podcasting
Para aficionados a la radio.
Permite la subida de audios más o menos elaborados.
¿Qué es un certificado SSL?
Es un documento digital que acredita la identidad y el acceso seguro a tu web mediante una conexión cifrada y secreta.
¿Cómo obtener un certificado SSL?
- Al darte de alta en un proveedor de alojamiento web: suelen llevarlo integrado en sus packs de hosting
- Hay servidores especializados que lo ofertan de modo gratuito
- A través de partners (empresas asociadas) de Google
¿Cuánto puede costarme un certificado SSL?
Entre 0 y 200 euros.
¿Es necesario que mi web tenga certificado SSL?
Sí.
Caso de no tenerlo Google penalizará tu sitio web de muchas formas diferentes: pasará de ella y no figurará en su lista de resultados cuando alguien busque información relacionada con tu sector de actividad, productos y/o servicios profesionales.
Si no tienes SSL los piratas informáticos o hackers podrán acceder a tus datos confidenciales y existe un peligro elevado de fuga de informaciones sensibles de tus clientes o suscriptores.
Razones poderosas para tener tu propio sitio web
- Te comunicarás diretamente con el mundo en general y con tu audiencia, público-objetivo o target en particular
- Si eres original y creativo marcarás diferencias con tus competidores directos
- Tu web te permitirá tener una presencia total en el mundo las 24 horas del día
- Ganarás prestigio y reputación online
- Obtendrás ventas rápidas e inmediatas
- Potenciarás tu imagen de marca y que se hable de ti en foros especializados y redes sociales
- Una página web eficaz y bien diseñada te permite actualizaciones de software, aplicaciones y contenidos sencillas y en tiempo real
- Estarás creando valor para ti y tu negocio incluso cuando estés durmiendo o inactivo
¿Qué tengo que aprender para crear una web a medida?
- Lenguaje HTML para definir la estructura y la arquitectura de tu web, Es un lenguaje fundamental
- Lenguaje CSS para determinar el estilo y la apariencia de tu sitio web
- Lenguaje JavaScript para incrementar la interactividad de tu pàgina web
- Lenguaje SQL, imprescidnible para crear bases de datos
- Lenguaje PHP: crea dinámicas internas ocultas al usuario (back-end)
- Tecnologías punteras para crear frameworks: son herramientas específicas para alcanzar objetivos de diseño y programación muy determinados e incluso de alta sofisticación
¿Para qué sirve el lenguaje HTML?
Para definir contenidos: textos, imágenes, vídeos, etc.
¿Para qué sirve el lenguaje CSS?
Para organizar, ordenar, presentar y separar los elementos o documentos elaborados en lenguaje HTML.
Los más habitual son las hojas de estilo en cascada.
¿Para qué sirve JavaScript?
Para agregar funciones interactivas a tu web.
Por ejmplo, gráficos, animaciones, actualizaciones, controles multimedia, acciones automatizadas al pulsar un botón, hipervínculo, icono o pestaña…
¿Cuál es la estructura básica de una página web?
Pueden distinguirse cuatro clases genéricas de páginas:
- Home o página principal: la puerta de emtrada a tu web
- Páginas secundarias: contacto, avisos legales, formularios para suscripciones y newsletters
- De contenido: blog, tienda online, catálogo comercial
- De navegación: menú, listas, enlaces
Cabecera
Es una franja horizontal que va en la parte superior de tu sitio web.
Incluye un título, lema o eslogan idetificativo y original.
Logotipo
Lo normal es que esté situada a la izquierda del encabezado.
Contempla un enlace a la home o página principal.
Áreas de navegación
Zona alta o superior
- Buscador interno
- Acceso a usuarios registrados
- Nuevos usuarios
Zona baja o inferior
Menú principal y secundarios.
Columnas laterlaes.
Una o dos.
- Rutas de navegación interna entre páginas y contenidos
- Categorías y secciones especiales
- Informaciñon general
- Título principal y breve descripción de los contenidos principales
- Enlaces externos de interés
Pie de página
- Propietario legítimo y/o autor
- Copyright
- Aviso legal
- Política de cookies y privacidad
- Contacto
- Links internos y externos
Los colores
- Elige colores para tu web que vayan bien a tu imagen de marca, logotipo o enseña comercial
- ¿Cálidos o fríos? Los cálidos van del magenta al marillo verdoso y llaman más la atenciñon. Los fríos comprenden la gama del azul al púrpura, son más serios y trasladan la idea de responsabilidad
Combinaciones posibles
- Monocromáticas: gradaciones de un solo color
- Complementarias: por ejemplo, azul con rojo, rosa y verde, violeta con amarillo. Aportan equilibrio a tu web
- Análogas: hay similitud entre los colores seleccionados. Sensación de tranquilidad, sosiego y calma
- Adyacentes: varios colores en un mismo tono
Psicología de los colores
- Amarillo: felicidad, energía, entusiasmo, juventud. Son perfectos para las llamadas a la acción
- Rojo: fuerza, pasión, expectativas. Funciona bien en webs de moda, deportes, restauración y hostelería
- Azul: confianza, madurez, calidad. Indicado para empresas de tecnología, servicios financieros y sector de la salud
- Morado: poder, exclusividad, riqueza, elegancia, misterio. Para negocios de belleza, salud, masajes, fisioterapia y cuidado personal
- Naranja: diversion, emociones a flor de piel. Empresas de tecnología, informática y entretenimiento en general
- Negro: lujo, estilo propio, sofisticación. Si tu web incluye mucho texto, no lo uses. Marketing, moda y cosmética
- Blanco: limpieza, sinceridad, pureza, paz, transparencia. Perfecto para clinicas médicas, odontólogos y artículos suntuarios
- Verde: armonía, bienestar, ecología, naturaleza. Sector viajes y productos dietéticos
- Marrón: estabilidad, equilibrio, sentido común. Sector alimentación y veterinarios
- Gris: formalidad, profesionalidad. Arte y cultura en general
- Rosa: amor, sentimientos profundos. Negocios relacionados con estilos de vida
Recomendaciones
- Antes de elegir colores para tu web conoce a fondo los gustos estéticos y preferencias de tu audiencia
- Traslada emociones y sentimientos
- Usa contrastes para que tu página web no sea plana y aburrida
- Crea un punto preferente de atención para dirigir con sutielza la mirada de los usuarios al mensaje más importante de tu sitio web
- Deja espacios en blanco que faciliten la navegación de los internautas
- Utiliza dos colores: uno principal y otro secundario
Los tipos de letra
- Que sean legibles
- Que vayan con el estilo de tu marca o logotipo
- No uses más de tres tipografías diferentes
Sugerencias
Helvetia
Es un tipo de letra elegante, simple y clara.
Calibri
Trazos curvos con mucho estilo.
Serif
Letra clásica, formal y refinada,
Baskerville
Tradicional, de fácil lectura.
Conceptos fundamentales de diseño web
- Diseño gráfico: son las formas visuales de la estructura de tu web
- Diseño de interfaz: conecta el software con otros sistema, progamas y aplicaciones de tu web para lograr un fucionamiento estable, eficiente e integrado de toda la estructura
- Experiencia de usuario: facilita y maximiza la comunicación entre tu web y los internautas o usuarios
- Navegabilidad: se dice de las webs que pernmiten desplazamientos rápidos e intuitivos por sus páginas y contenidos
- Interacciones: fomenta la participiación y el diálogo virtual con los usuarios
- Usabilidad: es un término que engloba navegabilidad, interacciones y experiencia de usario
- Aqruitectura web; es la disposiciòn jerárquica, atractiva y eficente de páginas y contenidos
- Multimedia: combinación apropiada de textos, imágenes, gráficos, animaciones, audios y vídeos
- Visibilidad: hace mención a la técnica SEO de posicionamiento en Google y otros buscadores
- Velocidad de carga: si la carga no está optimizada para que tu web pueda servista en no más de tres segundos, los usuarios la abandonarán sin entrar en ella, sin importar que los contenidos sean de calidad y la estética muy bella
- Diseño responsive: son webs compatibles con smartphones y tablets. El dieño actual se piensa primero para ser accesible desde teléfonos móviles inteligentes
Fases de un buen diseño web
- Diseño visual. ¿Cómo quieres que te vean?
- Estrctura jerárquica. Separa con claridad meridiana lo importante de lo accesorio
- Posicionamiento SEO: crea contenidos útiles y significativos para que Google los tenga en consideracion en sus resultados de búsqueda
Do it yourself: hazlo tú mismo
Hay varios métodos o técnicas.
- Por analogía. ¿Cómo han resuelto otros antes que yo problemas similares a los míos?
- Tormenta de ideas o brainstorming. Libertad totaL habla en alto, consulta, que todas tus ideas salgan a la luz. Elige las mejores soluciones tras un cribado selectivo
- Blue style. Plantea libremente todas las preguntas que se te ocurran. Muchas respuestas van implicitas en las preguntas mismas
- Mapas mentales. Mira el problema adoptando diferentes perspectivas. Realiza una síntesis o resumen con el punto de vista más adecuado para resolver tus dudas o inquietudes
Ya estás en disposiciòn de comenzar nuestro curso para crear tu propia página web.
Échale pasión.
Sé constante.
Ármate de paciente.
Do it ypurself!
Tú puedes.