SITIOS WEB

Zharick Nicole Martínez Villamil

11-1
El diseño web es el arte de planificar y organizar el contenido de
una página web para compartirlo en Internet. Es una
combinación de elementos estéticos y funcionales, y determina
el aspecto de un sitio web —como sus colores, fuentes y gráficos
—, además de dar forma a la estructura del sitio y a la
experiencia de los usuarios. El diseño web busca que la UX
(experiencia del usuario) sea placentera, se logren los objetivos
del usuario dentro del sitio web, pueda navegar dentro de él y los
usuarios estén dispuestos a volver nuevamente o a contratar los
productos o servicios de la empresa.
En la actualidad, cuando una
persona necesita buscar
cualquier cosa, sin importar lo
que sea, lo primero que hace
es acudir al internet; entra en
algún buscador como los
famosos Google o Yahoo!
Si tú negocio, empresa o
marca está en internet, podrás
contar con una amplia ventaja
respecto a quienes no tienen
presencia en los medios
digitales.
Las redes sociales tienen un
papel preponderante en el
Apenas con unos cuantos establecimiento de relaciones
clics, tus potenciales personales, empresariales o
clientes podrán saber y entre personas y empresas.
ver lo que estás Un negocio con redes
ofreciendo, sin moverse sociales puede establecer
de su casa o de su lugar una relación “personal” con
sus clientes, puesto que existe
de trabajo y en cualquier
mayor interacción y
horario que lo deseen a
comunicación entre todos los
diferencia de los negocios
interesados, vendedores y
físicos.
compradores.
 1. Nombre de dominio
2. Diseño facil de navegar
3. Paginas internas
4. Logotipo
5. Menus
6. Textos persuasivos
7. Imagenes complementarias
8. Datoa de contacto
9. Botones de redes sociales
10. Formulario de contacto
11. Llamadas
12. Mapa de ubicación
13. Páginas complementarias
VIDEOS: Los videos son uno de los tipos de contenidos digitales
más eficientes y atractivos para el público. Por esta razón,
ocupan un lugar muy importante dentro del marketing de
contenidos.

IMAGENES: Las imágenes son uno de los tipos de contenidos

digitales que, en muchas ocasiones, los negocios descuidan. Sin
embargo, debes entender que estas son indispensables para
lograr resultados positivos tanto en el tráfico orgánico como en
los anuncios de pago.

INFOGRAFIAS: Las infografías son una combinación de textos e imágenes

explicativos de fácil comprensión. Es una manera rápida y sencilla de dar a
conocer tu marca, pues las infografías son uno de los tipos de contenidos
digitales que más llama la atención y son muy fáciles de compartir.
BLOG POST: Un blog es un espacio en el que puedes publicar
posts, es decir, textos, sobre temas relacionados con tu negocio.

BOLETINES INFORMATIVOS: Una newsletter es un email que debes

distribuir de manera periódica, cuando tengas un contenido
interesante que desees compartir con tu público objetivo.

EBOOKS: Un ebook es, básicamente, un libro en formato digital que

puedes distribuir de manera paga o gratuita. Crear un ebook y
divulgarlo es una buena estrategia para captar clientes
potenciales pidiéndoles sus datos de contacto a cambio de la
posibilidad de descargar el material.
PLANTILLAS: Las plantillas son una de las herramientas más
efectivas para realizar una buena estrategia para tu negocio,
pues son prácticas y facilitan el trabajo de cualquier persona que
esté emprendiendo.

PODCAST: Un podcast es un contenido en formato de audio o

video. Además, se puede escuchar de forma directa por Internet,
e incluso se puede descargar.

TESTS: Los tests o quizzes son cuestionarios cortos que ayudan a

medir el conocimiento que tiene un usuario sobre un tema en
específico, para aportar una información de manera
personalizada.
 El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para
estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus
contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas
de datos
HTML no es un lenguaje de programación; es un lenguaje de marcado que
define la estructura de tu contenido. HTML consiste en una serie de
elementos que usarás para encerrar diferentes partes del contenido para
que se vean o comporten de una determinada manera..

Con CSS, puedes crear reglas para decirle a tu sitio web cómo quieres mostrar la
información y guardar los comandos para elementos de estilo (como fuentes,
colores, tamaños, etc.) separados de los que configuran el contenido.
Además, puedes crear formatos específicos útiles para comunicar tus ideas y
producir experiencias más agradables, en el aspecto visual, para los usuarios del
sitio web.
 es un moderno editor de código y texto que además es hackeable y que
ha sido creado por la gente de Github. Sus características principales
son: sirve para trabajar en cualquier sistema operativo (Windows, OS X o
Linux) puedes instalarle paquetes o crear los tuyos propios.

Es un editor de código que soporta distintos lenguajes, cuenta con temas

para poner de color la letra según la estructura del código. Tiene una
interfaz muy sencilla y moderna, permite a través de Google Chrome
revisar los cambios en nuestro código sin necesidad de siquiera tener que
guardar el texto.

Notepad++ es un software de código abierto y basado en

Windows que ayuda a las empresas a crear y editar código
fuente usando múltiples lenguajes de programación, como
Visual Studio Code es un editor de código fuente
C++, Java, R, SQL, XML, Python, Pascal, JSON y más.
desarrollado por Microsoft para Windows, Linux, macOS y
Web. Incluye soporte para la depuración, control integrado
de Git, resaltado de sintaxis, finalización inteligente de código,
fragmentos y refactorización de código.
 wordpress

es una plataforma de gestión de contenidos, representa un

software de código abierto altamente versátil que permite a los
usuarios crear y desarrollar sitios web personalizados de manera
sencilla, adaptable y profesional, con una muy buena experiencia
de usuario.

wix

WIx es una plataforma de desarrollo web que basa su sistema en la

nube, en la cual puedes hacer tu sitio web sin tener conocimientos
profundos en programación. Te ofrece cientos de plantillas y
funciones con las cuáles podrás jugar para crear tu sitio web, blog o
tienda online.
Un diseño web responsive es el que es capaz de adaptarse a
pantallas de diferentes tamaños con un solo sitio web. El sistema
detecta automáticamente el ancho de la pantalla y a partir de ahí
adapta todos los elementos de la página, desde el tamaño de letra
hasta las imágenes y los menús, para ofrecer al usuario la mejor
experiencia posible.

Una web adaptada a móviles mejora la experiencia del usuario. Si

la navegación resulta incómoda, afectará a la tasa de abandono y
a las visitas recurrentes. La adaptación a dispositivos móviles es
relevante para el ranking.