Este documento describe los conceptos básicos de diseño de sitios web. Define diseño web como la planificación, diseño e implementación de sitios web teniendo en cuenta factores como la navegabilidad, usabilidad y la interacción de medios. Explica herramientas comunes para diseño web como Adobe Dreamweaver, Microsoft Expressions Web, Coda 2 y Amaya. También discute características clave de diseño como encabezados, menús de navegación, contenido principal y pie de página.

1. UNIVERSIDAD ESTATAL DE BOLIVAR
DEPARTAMENTO DE INFORMATICA
NIVEL II
DOCENTE: ING. ROCIO BARRAGÁN.
INTEGRANTES :
SHILDA CHIMBOLEMA.
VICTORIA CABEZAS.
EVELYN POMA.

2. TEMA: DISEÑO DE SITIOS WEB
DEFINICION:
El diseño web es una actividad que consiste en la
planificación, diseño e implementación de
sitios web.
No es simplemente una aplicación de diseño
convencional, ya que requiere tener en cuenta la
navegabilidad, interactividad, usabilidad,
arquitectura de la información y la interacción de
medios como el audio, texto, imagen, enlaces y
vídeo

3. La unión de un buen diseño con una jerarquía bien
elaborada de contenidos, aumenta la eficiencia de
la web como canal de comunicación e intercambio
de datos.
El diseño web ha visto amplia aplicación en los
sectores comerciales de Internet especialmente en
la World,Wide,Web.

4. Herramientas
1. Adobe Dreamweaver
Este proporciona a los usuarios un alto nivel de
control a lo largo de todo el proceso de diseño, te
permite crear funciones interactivas avanzadas.
2. Microsoft Expressions Web
Este Tiene funciones de edición híbrida en una
configuración de doble panel, lo que permite a los
usuarios trabajar en WYSIWYG y con el código
manual al mismo tiempo.

5. 3. Coda 2
Coda es un programa de software de diseño web
exclusivo para Mac.
4. Amaya
Su propósito es una creación de sitios web que es
ejecutable en Linux.
5. Bluefish
Es un editor de texto avanzado gratuito además es
compatible con múltiples plataformas, incluyendo
Linux, es muy versátil y flexible; ofrece una
variedad de herramientas para la programación en
general.

6. ●
No se necesitan habilidades técnicas. Usted puede
crear un sitio web en minutos.
●
Accesible. Además, reduce los costos al hacer tú
mismo los cambios en tu sitio.
●
A menudo incluye, hosting integrado gratis.
Ventajas

7. Desventajas
●
No te aseguran que tu sitio web estará disponible, si tiene
algún problema tu pagina, no tienes a quien quejarte, ni
quien te asesore en problemas.
●
No hay garantía de la disponibilidad y longevidad de tu
sitio.
●
El dominio con el que trabajes, nunca será tuyo, siempre
dependerá de la empresa, y si esta desaparece, también
desaparece el tuyo, nada como tener tu propio dominio.

8. Caracteristicas
● Encabezado
Logotipo (no borroso, no mal recortado, no
pixeleado)
Bajo el logotipo, una frase corta que indique
exactamente a qué se dedica tu empresa.
● Barra de navegación.
Los textos de cada opción deben ser claros y
concisos. Si tu sitio web tiene muchas secciones
y tienes que crear dos o tres niveles de menú,
no dudes en hacerlo, siempre y cuando crees un
camino fácil de intuir.

9. ●
Área de contenido principal.
Es el área donde la vista del visitante va después
de ojear rápidamente el encabezado. Aquí debes
poner tu información.
Barra lateral de contenido (opcional).
En algunos casos es muy útil tener una barra
lateral, en la cual se puede colocar información
de fácil acceso, como números telefónicos o una
liga a nuestro formulario de cotizaciones.

10. ●
Pie de página.
Debe contener un menú alterno en puro texto,
con las opciones de primer nivel. También úsalo
para colocar información de contacto u otra
información importante. El contenido del pie
debe aparecer en todas las páginas.

11. BIBLIOGRAFIA
https://blog.udemy.com/las-5-mejores-herramientas-de-
https://es.godaddy.com/business/pros-cons-to-diy-webs
http://www.ideainternet.com.mx/publicaciones/230-vent
http://blog.quadrato.mx/caracteristicas-basicas-de-un-s