SlideShare une entreprise Scribd logo
1  sur  12
UNIVERSIDAD ESTATAL DE BOLIVAR
DEPARTAMENTO DE INFORMATICA 
NIVEL II
DOCENTE: ING. ROCIO BARRAGÁN.
INTEGRANTES :
SHILDA CHIMBOLEMA.
EVELYN POMA.
VICTORIA CABEZAS.
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 
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.
  
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. 
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.
●
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
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.
Características
● Encabezado
Logotipo (no borroso, no mal recortado).
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.
●
Á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.
●
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.
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
Diseño de sitios web

Contenu connexe

Tendances (10)

Angie lorena
Angie lorena Angie lorena
Angie lorena
 
Web 2. aprender aprender
Web 2. aprender aprenderWeb 2. aprender aprender
Web 2. aprender aprender
 
Actividad 5.
Actividad 5.Actividad 5.
Actividad 5.
 
LA WEB 2.0
LA WEB 2.0LA WEB 2.0
LA WEB 2.0
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Presentciones electronocas ------102
Presentciones electronocas ------102Presentciones electronocas ------102
Presentciones electronocas ------102
 
La Web 2
La Web 2La Web 2
La Web 2
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Blog andval
Blog andvalBlog andval
Blog andval
 
Ventajas y desventajas de la web
Ventajas y desventajas de la webVentajas y desventajas de la web
Ventajas y desventajas de la web
 

En vedette

2015 - Anand Rooplal
2015 - Anand Rooplal2015 - Anand Rooplal
2015 - Anand Rooplal
Anand Rooplal
 

En vedette (15)

About me
About meAbout me
About me
 
Team khamiz party creative carnival round1
Team khamiz party creative carnival round1Team khamiz party creative carnival round1
Team khamiz party creative carnival round1
 
2015 - Anand Rooplal
2015 - Anand Rooplal2015 - Anand Rooplal
2015 - Anand Rooplal
 
DevOps Summit Brasil 2016 - Confiança em DevOps através da automação de Testes
DevOps Summit Brasil 2016 - Confiança em DevOps através da automação de TestesDevOps Summit Brasil 2016 - Confiança em DevOps através da automação de Testes
DevOps Summit Brasil 2016 - Confiança em DevOps através da automação de Testes
 
Gestiona tus dependencias con NuGet, VSTs y MyGet
Gestiona tus dependencias con NuGet, VSTs y MyGetGestiona tus dependencias con NuGet, VSTs y MyGet
Gestiona tus dependencias con NuGet, VSTs y MyGet
 
A05810107
A05810107A05810107
A05810107
 
10 derivadas de funciones trigonometricas
10 derivadas de funciones trigonometricas10 derivadas de funciones trigonometricas
10 derivadas de funciones trigonometricas
 
Knowledge Center (Microsoft)
Knowledge Center (Microsoft)Knowledge Center (Microsoft)
Knowledge Center (Microsoft)
 
Agile smells
Agile smellsAgile smells
Agile smells
 
Redtrain Parent First Aid - Paediatric First Aid for Parents
Redtrain Parent First Aid - Paediatric First Aid for ParentsRedtrain Parent First Aid - Paediatric First Aid for Parents
Redtrain Parent First Aid - Paediatric First Aid for Parents
 
Chatakpat, Learning Aid for Children with Special Needs
Chatakpat, Learning Aid for Children with Special NeedsChatakpat, Learning Aid for Children with Special Needs
Chatakpat, Learning Aid for Children with Special Needs
 
ASCO 2016 Twitter Analysis
ASCO 2016 Twitter AnalysisASCO 2016 Twitter Analysis
ASCO 2016 Twitter Analysis
 
Nocturnal enuresis
Nocturnal enuresisNocturnal enuresis
Nocturnal enuresis
 
Bimodal IT: Shortcut to Innovation or Path to Dysfunction?
Bimodal IT: Shortcut to Innovation or Path to Dysfunction?Bimodal IT: Shortcut to Innovation or Path to Dysfunction?
Bimodal IT: Shortcut to Innovation or Path to Dysfunction?
 
Iit 1782 designing for the internet of things (io t) v4 gb
Iit 1782 designing for the internet of things (io t) v4 gbIit 1782 designing for the internet of things (io t) v4 gb
Iit 1782 designing for the internet of things (io t) v4 gb
 

Similaire à Diseño de sitios web

Mafe tibata multimedia2
Mafe tibata multimedia2Mafe tibata multimedia2
Mafe tibata multimedia2
mafeti
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
jedtris
 
Diseño y manejo de una paginn9j90j90a web
Diseño y manejo de una paginn9j90j90a webDiseño y manejo de una paginn9j90j90a web
Diseño y manejo de una paginn9j90j90a web
andersond88
 

Similaire à Diseño de sitios web (20)

Paginas web
Paginas webPaginas web
Paginas web
 
Pdf
PdfPdf
Pdf
 
INGENIERIA WEB
INGENIERIA WEBINGENIERIA WEB
INGENIERIA WEB
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
Modulo taller progwebaa2
Modulo   taller progwebaa2Modulo   taller progwebaa2
Modulo taller progwebaa2
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
las herramientas 2.0
las herramientas 2.0las herramientas 2.0
las herramientas 2.0
 
Diseño web
Diseño webDiseño web
Diseño web
 
Luis e
Luis eLuis e
Luis e
 
Comunicacion corporativa medios on line
 Comunicacion corporativa medios on line Comunicacion corporativa medios on line
Comunicacion corporativa medios on line
 
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptxMAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
 
Ruben
RubenRuben
Ruben
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Mafe tibata multimedia2
Mafe tibata multimedia2Mafe tibata multimedia2
Mafe tibata multimedia2
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Diseño y manejo de una paginn9j90j90a web
Diseño y manejo de una paginn9j90j90a webDiseño y manejo de una paginn9j90j90a web
Diseño y manejo de una paginn9j90j90a web
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
 
Power point de herramientas de desarrollo de sittio web
Power point de herramientas de desarrollo de sittio webPower point de herramientas de desarrollo de sittio web
Power point de herramientas de desarrollo de sittio web
 

Dernier

Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
NELLYKATTY
 
Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14
KevinBuenrostro4
 

Dernier (20)

ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
Cerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencialCerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencial
 
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxComunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024
 
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxCONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
 
a propósito de la globalización y sus efectos
a propósito de la globalización y sus efectosa propósito de la globalización y sus efectos
a propósito de la globalización y sus efectos
 
2.15. Calendario Civico Escolar 2024.docx
2.15. Calendario Civico Escolar 2024.docx2.15. Calendario Civico Escolar 2024.docx
2.15. Calendario Civico Escolar 2024.docx
 
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
PLAN DE GESTION DEL RIESGO  2023 - 2024.docxPLAN DE GESTION DEL RIESGO  2023 - 2024.docx
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
 
Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )
 
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx
 
el poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptxel poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptx
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
 
Power Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptxPower Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptx
 
Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14
 
Lecciones 07 Esc. Sabática. Motivados por la esperanza
Lecciones 07 Esc. Sabática. Motivados por la esperanzaLecciones 07 Esc. Sabática. Motivados por la esperanza
Lecciones 07 Esc. Sabática. Motivados por la esperanza
 
a propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionesa propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definiciones
 
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
 

Diseño de sitios web