SlideShare una empresa de Scribd logo
1 de 10
World Wide Web  Cómo planificar el sitio web Prof. Viviana Zanini
Establecer objetivos Lo primero que debemos hacer es fijarnos los objetivos que queremos alcanzar según la información que vayamos a aportar. Debemos pensar cuáles son los objetivos de nuestro sitio web: ¿divulgar información?, ¿promocionar una asociación? ¿comercio electrónico?, ¿educar?, ¿entretenimiento?.  Tener claros los objetivos nos ayudará a no plasmar contenidos confusos o innecesarios. Prof. Viviana Zanini
Definir la audiencia destino Al crear una web desearemos que comunique adecuadamente el mensaje y contenidos que quiere transmitir: publicar los resultados de una investigación, describir una situación o la inclusión de contenidos diversos.  En función de la audiencia destino el diseño de la web será diferente. Por ejemplo, si queremos publicar un artículo los visitantes visitarán la página para leerlo, por lo que todo elemento que adorne excesivamente la página y ralentice su carga será negativo para nosotros. En una web docente la audiencia destino serán alumnos y profesores de una asignatura, curso o tipo de estudios.  Prof. Viviana Zanini
Recopilar información Una vez definidos los objetivos debemos recopilar todo el material gráfico y escrito que incluiremos en la web.  El material incluido en la web debe ir dirigido a dicha audiencia para un mejor aprovechamiento. Prof. Viviana Zanini
Organización Hay que organizar el contenido por temas o secciones, que se ajusten a nuestros objetivos, reuniendo las informaciones relacionadas bajo el mismo epígrafe.  Es conveniente que los temas sean razonablemente cortos y si fuera necesario dividirlo por subtemas, Prof. Viviana Zanini
Crear la estructura de directorios Es el momento de organizar los contenidos en un sistema de archivos y directorios de forma ordenada. A este proceso se le llama mapeado del sitio web. Para ayudarnos a visualizar la estructura de directorios es recomendable dibujar una especie de organigrama en el que vayamos colocando los directorios en función de su importancia desde un nivel superior a otros inferiores. Prof. Viviana Zanini
Crear un boceto Consiste en  dibujar la estructura que tendrá nuestra web,  es decir el aspecto que queremos que tenga la web.  El boceto es una representación visual simplificada de los elementos visuales que contendrá la página o sistema web y tiene dos objetivos bien definidos:  ,[object Object]
Mostrarle al cliente de forma aproximada qué elementos verá en la página web. Prof. Viviana Zanini
Desarrollo del aspecto externo El siguiente paso será la representación visual del sitio web.  Es esencial la combinación de color, gráficos, tipos y texto que nos ayuden a expresar lo que queremos comunicar con estilo e impacto.  Cuestiones a tener en cuenta ,[object Object]
Color: dependiendo del tipo de web incluiremos colores brillantes o suaves.

Más contenido relacionado

La actualidad más candente

Procesadores de textos y hoja de calculo
Procesadores de textos y hoja de calculoProcesadores de textos y hoja de calculo
Procesadores de textos y hoja de calculo
Gaby Da Dignidad
 
Tipos de-usuarios-en-una-base-de-datos
Tipos de-usuarios-en-una-base-de-datosTipos de-usuarios-en-una-base-de-datos
Tipos de-usuarios-en-una-base-de-datos
Ernesto Velasquez
 
Valeria oertiz ventajas y desventajas de usar herramientas web 2.0
Valeria oertiz ventajas y desventajas de usar herramientas web 2.0Valeria oertiz ventajas y desventajas de usar herramientas web 2.0
Valeria oertiz ventajas y desventajas de usar herramientas web 2.0
Sole Ortiz
 
Elementos de una red de datos
Elementos de una red de datosElementos de una red de datos
Elementos de una red de datos
Mañe Padilla
 
Teleinformatica y comunicaciones
Teleinformatica y comunicacionesTeleinformatica y comunicaciones
Teleinformatica y comunicaciones
Yimmy Caro
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
Meli Vidal
 

La actualidad más candente (20)

Gestores de bases de datos cuadros comparativos
Gestores de bases de datos cuadros comparativosGestores de bases de datos cuadros comparativos
Gestores de bases de datos cuadros comparativos
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
El uso de las tic en la vida cotidiana
El uso de las tic en la vida cotidianaEl uso de las tic en la vida cotidiana
El uso de las tic en la vida cotidiana
 
Tolerancia a fallos
Tolerancia a fallosTolerancia a fallos
Tolerancia a fallos
 
Access point(puntos de acceso)
Access point(puntos de acceso)Access point(puntos de acceso)
Access point(puntos de acceso)
 
Fundamentos de redes
Fundamentos de redesFundamentos de redes
Fundamentos de redes
 
Presentador de diapositivas
Presentador de diapositivasPresentador de diapositivas
Presentador de diapositivas
 
Procesadores de textos y hoja de calculo
Procesadores de textos y hoja de calculoProcesadores de textos y hoja de calculo
Procesadores de textos y hoja de calculo
 
Tipos de-usuarios-en-una-base-de-datos
Tipos de-usuarios-en-una-base-de-datosTipos de-usuarios-en-una-base-de-datos
Tipos de-usuarios-en-una-base-de-datos
 
Planteamiento del problema
Planteamiento del problemaPlanteamiento del problema
Planteamiento del problema
 
Mapa conceptual BD
Mapa conceptual BDMapa conceptual BD
Mapa conceptual BD
 
Etapas en el diseño de Base de Datos
Etapas en el diseño de Base de DatosEtapas en el diseño de Base de Datos
Etapas en el diseño de Base de Datos
 
Buscadores
BuscadoresBuscadores
Buscadores
 
Valeria oertiz ventajas y desventajas de usar herramientas web 2.0
Valeria oertiz ventajas y desventajas de usar herramientas web 2.0Valeria oertiz ventajas y desventajas de usar herramientas web 2.0
Valeria oertiz ventajas y desventajas de usar herramientas web 2.0
 
Elementos de una red de datos
Elementos de una red de datosElementos de una red de datos
Elementos de una red de datos
 
Estándares, modelos y normas internacionales de redes
Estándares, modelos y normas internacionales de redesEstándares, modelos y normas internacionales de redes
Estándares, modelos y normas internacionales de redes
 
Teleinformatica y comunicaciones
Teleinformatica y comunicacionesTeleinformatica y comunicaciones
Teleinformatica y comunicaciones
 
Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0
 
Modelamiento de software
Modelamiento de softwareModelamiento de software
Modelamiento de software
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 

Destacado

Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
tomyycerr
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
marissa
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio web
Juan Flores
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
ogms
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
kksspp
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web
Francisco Berrizbeitia
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
adri9610
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
2012diego
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
katherinviviana
 

Destacado (20)

Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio web
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio web
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Teoría del Diseño Web
Teoría del Diseño WebTeoría del Diseño Web
Teoría del Diseño Web
 
Community Manager: monitorizacion y analitica
Community Manager: monitorizacion y analiticaCommunity Manager: monitorizacion y analitica
Community Manager: monitorizacion y analitica
 
Redes Sociales. Herramientas de Monitorización y Gestión de Resultados AT Int...
Redes Sociales. Herramientas de Monitorización y Gestión de Resultados AT Int...Redes Sociales. Herramientas de Monitorización y Gestión de Resultados AT Int...
Redes Sociales. Herramientas de Monitorización y Gestión de Resultados AT Int...
 
Cuadros De Mando
Cuadros De MandoCuadros De Mando
Cuadros De Mando
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Arquitectura de paginas web
Arquitectura de paginas webArquitectura de paginas web
Arquitectura de paginas web
 

Similar a Cómo planificar el Sitio Web

Diseno web 2 metodologia
Diseno web 2 metodologiaDiseno web 2 metodologia
Diseno web 2 metodologia
lyefraina
 
Principios Basicos
Principios Basicos Principios Basicos
Principios Basicos
camaroun
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2
blogdevon
 
Creación de página web con wix
Creación de página web con wixCreación de página web con wix
Creación de página web con wix
blogdevon
 
Construyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web ConvertidorConstruyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web Convertidor
guest075d9e
 
Como empezar-a-promocionar-tu-negocio-en-redes-sociales.pdf
Como empezar-a-promocionar-tu-negocio-en-redes-sociales.pdfComo empezar-a-promocionar-tu-negocio-en-redes-sociales.pdf
Como empezar-a-promocionar-tu-negocio-en-redes-sociales.pdf
Moises Garcia
 
Como empezar-a-promocionar-tu-negocio-en-redes-sociales
Como empezar-a-promocionar-tu-negocio-en-redes-socialesComo empezar-a-promocionar-tu-negocio-en-redes-sociales
Como empezar-a-promocionar-tu-negocio-en-redes-sociales
Javier Gomez [LION 6K]
 
Cómo empezar a promocionar tu negocio en Redes Sociales - Juan Merodio
Cómo empezar a promocionar tu negocio en Redes Sociales - Juan MerodioCómo empezar a promocionar tu negocio en Redes Sociales - Juan Merodio
Cómo empezar a promocionar tu negocio en Redes Sociales - Juan Merodio
Carlos Terrones Lizana
 

Similar a Cómo planificar el Sitio Web (20)

DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2
 
Preguntas generadoras 9 semestre
Preguntas generadoras 9 semestrePreguntas generadoras 9 semestre
Preguntas generadoras 9 semestre
 
Crear una web de éxito
Crear una web de éxitoCrear una web de éxito
Crear una web de éxito
 
Diseno web 2 metodologia
Diseno web 2 metodologiaDiseno web 2 metodologia
Diseno web 2 metodologia
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
El periódico virtual (capacitación)
El periódico virtual (capacitación)El periódico virtual (capacitación)
El periódico virtual (capacitación)
 
Principios Basicos
Principios Basicos Principios Basicos
Principios Basicos
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2
 
Creación de página web con wix
Creación de página web con wixCreación de página web con wix
Creación de página web con wix
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
 
Laboratorio N° 3 Planificacion Pagina Web.docx
Laboratorio N° 3 Planificacion Pagina Web.docxLaboratorio N° 3 Planificacion Pagina Web.docx
Laboratorio N° 3 Planificacion Pagina Web.docx
 
Marketing digital
Marketing digital Marketing digital
Marketing digital
 
Construyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web ConvertidorConstruyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web Convertidor
 
computación
computación computación
computación
 
Promocion Negocios En Redes Sociales
Promocion Negocios En Redes SocialesPromocion Negocios En Redes Sociales
Promocion Negocios En Redes Sociales
 
Como empezar-a-promocionar-tu-negocio-en-redes-sociales.pdf
Como empezar-a-promocionar-tu-negocio-en-redes-sociales.pdfComo empezar-a-promocionar-tu-negocio-en-redes-sociales.pdf
Como empezar-a-promocionar-tu-negocio-en-redes-sociales.pdf
 
Como empezar-a-promocionar-tu-negocio-en-redes-sociales
Como empezar-a-promocionar-tu-negocio-en-redes-socialesComo empezar-a-promocionar-tu-negocio-en-redes-sociales
Como empezar-a-promocionar-tu-negocio-en-redes-sociales
 
Cómo empezar a promocionar tu negocio en Redes Sociales - Juan Merodio
Cómo empezar a promocionar tu negocio en Redes Sociales - Juan MerodioCómo empezar a promocionar tu negocio en Redes Sociales - Juan Merodio
Cómo empezar a promocionar tu negocio en Redes Sociales - Juan Merodio
 
Empieza a promocionar tu Negocio
Empieza a promocionar tu NegocioEmpieza a promocionar tu Negocio
Empieza a promocionar tu Negocio
 

Último

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (15)

guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 

Cómo planificar el Sitio Web

  • 1. World Wide Web Cómo planificar el sitio web Prof. Viviana Zanini
  • 2. Establecer objetivos Lo primero que debemos hacer es fijarnos los objetivos que queremos alcanzar según la información que vayamos a aportar. Debemos pensar cuáles son los objetivos de nuestro sitio web: ¿divulgar información?, ¿promocionar una asociación? ¿comercio electrónico?, ¿educar?, ¿entretenimiento?. Tener claros los objetivos nos ayudará a no plasmar contenidos confusos o innecesarios. Prof. Viviana Zanini
  • 3. Definir la audiencia destino Al crear una web desearemos que comunique adecuadamente el mensaje y contenidos que quiere transmitir: publicar los resultados de una investigación, describir una situación o la inclusión de contenidos diversos. En función de la audiencia destino el diseño de la web será diferente. Por ejemplo, si queremos publicar un artículo los visitantes visitarán la página para leerlo, por lo que todo elemento que adorne excesivamente la página y ralentice su carga será negativo para nosotros. En una web docente la audiencia destino serán alumnos y profesores de una asignatura, curso o tipo de estudios. Prof. Viviana Zanini
  • 4. Recopilar información Una vez definidos los objetivos debemos recopilar todo el material gráfico y escrito que incluiremos en la web. El material incluido en la web debe ir dirigido a dicha audiencia para un mejor aprovechamiento. Prof. Viviana Zanini
  • 5. Organización Hay que organizar el contenido por temas o secciones, que se ajusten a nuestros objetivos, reuniendo las informaciones relacionadas bajo el mismo epígrafe. Es conveniente que los temas sean razonablemente cortos y si fuera necesario dividirlo por subtemas, Prof. Viviana Zanini
  • 6. Crear la estructura de directorios Es el momento de organizar los contenidos en un sistema de archivos y directorios de forma ordenada. A este proceso se le llama mapeado del sitio web. Para ayudarnos a visualizar la estructura de directorios es recomendable dibujar una especie de organigrama en el que vayamos colocando los directorios en función de su importancia desde un nivel superior a otros inferiores. Prof. Viviana Zanini
  • 7.
  • 8. Mostrarle al cliente de forma aproximada qué elementos verá en la página web. Prof. Viviana Zanini
  • 9.
  • 10. Color: dependiendo del tipo de web incluiremos colores brillantes o suaves.
  • 11. Tipo de letra: es preferible no incluir muchos tipos de letra en una página web.
  • 12. Textura o gráficos de fondo: hay que asegurarse de que el texto sea claro y fácil de leer.Prof. Viviana Zanini
  • 13. Revisión de objetivos Finalmente y antes de ponernos a crear nuestras páginas web, debemos prestar atención a que lo que tenemos plasmado en el boceto cubre los objetivos que nos habíamos propuesto. Si es así ya podemos comenzar a manejarnos con Dreamweaver. Prof. Viviana Zanini
  • 14.
  • 15. Creación de una página web desde cero con Adobe Dreamweaver CS4 http://www.lawebera.es/manuales/macromedia-dreamweaver/creacion-pagina-web-desde-cero-adobe-dreamweaver-cs4-2.phpProf. Viviana Zanini