SlideShare una empresa de Scribd logo
Soluciones Integrales
10pasosparacrearunsitioweb “Identificar
necesidadesyobjetivos”
“Obtener
informaciónnecesaria”
“Ajustar
losdatos obtenidos”
“Seleccionar
servicios parawebsite”
“Diagramar
contenidosdenuestraweb”
“Definir
unaguíadeestilos”
“Diseñar
nuestra páginamaestra”
“Programar
elsitioweb”
“Probar
lafuncionalidad”
“Presentar
eltrabajofinal”
PlanificarConstruirAplicar
{ w w w . c s - p e . c o m
Contenido
institucional, servicios ,
formularios, datos de
contacto, procesos
de producción y
transacción.
Sirven de base para
todo el diseño y
programación de la
web.
Es momento de
adaptar el contenido
y los procesos
empresariales al
mundo mundo
on-line.
Proveedores de
hosting, dominio,
correo, imágenes,
CMS, scripts, etc
Revisar los textos,
imágenes,
visualización en
diferentes
buscadores y
dispositivos.
Ubicar la información
en bloques o
“wireframes”. Esta
primera maqueta se
denominara
“mock-up”.
Crearemos hojas
CSS definiendo
fuentes, colores,
efectos y posiciones
de textos e
imágenes
Llegó la hora de
empezar con la
programación, los
códigos HTML, CSS,
java y demás scripts.
Crearemos una vista
previa de la web
para ello usaremos
programas como
photoshop.
Explicar los procesos
y el diseño. Si es una
web dinámica
debemos capacitar
en gestión y edición.
Temas relacionados
blasamiqjoomla
wordpress
html5
css3
social media
adobe muse
adobe edge
open cart
prestashop
gimp
<iframe>
seo
motor de reservas

Más contenido relacionado

Similar a 10 pasos para diseñar una página web

Web2 Quiensomos
Web2 QuiensomosWeb2 Quiensomos
Web2 Quiensomos
Joaquín Salvachúa
 
pagina
paginapagina
Front
FrontFront
Presentación trabajo final recursos estefanía
Presentación trabajo final recursos estefaníaPresentación trabajo final recursos estefanía
Presentación trabajo final recursos estefanía
estefaniapb21
 
Diseño web
Diseño webDiseño web
Diseño web
valenciaredsocial
 
Guia N3 Proyectos Web Php Css, Js
Guia N3   Proyectos Web   Php Css, JsGuia N3   Proyectos Web   Php Css, Js
Guia N3 Proyectos Web Php Css, Js
Jose Ponce
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
Kevin Cullisp
 
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
edwin.bernal
 
Tema 2 - Introducción a los proyectos web
Tema 2 - Introducción a los proyectos webTema 2 - Introducción a los proyectos web
Tema 2 - Introducción a los proyectos web
Pamela Rodriguez
 
Oracle WebCenter
Oracle WebCenterOracle WebCenter
Oracle WebCenter
TEAdrian
 
Diseño web
Diseño webDiseño web
Diseño web
valenciaredsocial
 
Planificacion y formulacion de web.
Planificacion y formulacion de web.Planificacion y formulacion de web.
Planificacion y formulacion de web.
MaritzaD
 
Sergio alexis
Sergio alexisSergio alexis
Sergio alexis
Sergio Alexis Guerrero
 
Digital boardroom checklist
Digital boardroom checklistDigital boardroom checklist
Digital boardroom checklist
Jaime Phang Ibáñez
 
La web tic (1)
La web tic (1)La web tic (1)
La web tic (1)
Naax Lopez
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
Ezequiel Maraschio
 
Fases para elaborar un sitios web
Fases para elaborar un sitios webFases para elaborar un sitios web
Fases para elaborar un sitios web
Complejo Educativo "Antonio J. Alfaro"
 
Bit drive
Bit driveBit drive
Bit drive
Albert Omenat
 
Bit drive
Bit driveBit drive
Bit drive
Albert Omenat
 
Revista Mundo Contact Septiembre 2011
Revista Mundo Contact Septiembre 2011Revista Mundo Contact Septiembre 2011
Revista Mundo Contact Septiembre 2011
Mundo Contact
 

Similar a 10 pasos para diseñar una página web (20)

Web2 Quiensomos
Web2 QuiensomosWeb2 Quiensomos
Web2 Quiensomos
 
pagina
paginapagina
pagina
 
Front
FrontFront
Front
 
Presentación trabajo final recursos estefanía
Presentación trabajo final recursos estefaníaPresentación trabajo final recursos estefanía
Presentación trabajo final recursos estefanía
 
Diseño web
Diseño webDiseño web
Diseño web
 
Guia N3 Proyectos Web Php Css, Js
Guia N3   Proyectos Web   Php Css, JsGuia N3   Proyectos Web   Php Css, Js
Guia N3 Proyectos Web Php Css, Js
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
 
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
 
Tema 2 - Introducción a los proyectos web
Tema 2 - Introducción a los proyectos webTema 2 - Introducción a los proyectos web
Tema 2 - Introducción a los proyectos web
 
Oracle WebCenter
Oracle WebCenterOracle WebCenter
Oracle WebCenter
 
Diseño web
Diseño webDiseño web
Diseño web
 
Planificacion y formulacion de web.
Planificacion y formulacion de web.Planificacion y formulacion de web.
Planificacion y formulacion de web.
 
Sergio alexis
Sergio alexisSergio alexis
Sergio alexis
 
Digital boardroom checklist
Digital boardroom checklistDigital boardroom checklist
Digital boardroom checklist
 
La web tic (1)
La web tic (1)La web tic (1)
La web tic (1)
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
 
Fases para elaborar un sitios web
Fases para elaborar un sitios webFases para elaborar un sitios web
Fases para elaborar un sitios web
 
Bit drive
Bit driveBit drive
Bit drive
 
Bit drive
Bit driveBit drive
Bit drive
 
Revista Mundo Contact Septiembre 2011
Revista Mundo Contact Septiembre 2011Revista Mundo Contact Septiembre 2011
Revista Mundo Contact Septiembre 2011
 

Último

Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...
Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...
Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...
ignaciocandiachocca
 
Portadas Nacionales 11-Junio-2024.pdf...
Portadas Nacionales 11-Junio-2024.pdf...Portadas Nacionales 11-Junio-2024.pdf...
Portadas Nacionales 11-Junio-2024.pdf...
Portadas Nacionales Think Mercadotecnia
 
Taller de campañas publicitarias Volt .pptx
Taller de campañas publicitarias Volt .pptxTaller de campañas publicitarias Volt .pptx
Taller de campañas publicitarias Volt .pptx
EstefannyGuardia1
 
Caso Dove Marketing, analisis de branding, caso de exito
Caso Dove Marketing, analisis de branding, caso de exitoCaso Dove Marketing, analisis de branding, caso de exito
Caso Dove Marketing, analisis de branding, caso de exito
SofaRivas9
 
El Viaje | Charla de SEO para WordPress | WordPress Valencia | Wayco
El Viaje | Charla de SEO para WordPress | WordPress Valencia | WaycoEl Viaje | Charla de SEO para WordPress | WordPress Valencia | Wayco
El Viaje | Charla de SEO para WordPress | WordPress Valencia | Wayco
Ericjorge Sp
 
Examen Mercadotecnia de servicios universidad
Examen Mercadotecnia de servicios universidadExamen Mercadotecnia de servicios universidad
Examen Mercadotecnia de servicios universidad
0520AlejandraRomeroF
 

Último (6)

Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...
Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...
Caso de Plaza Vea Perú, enfocado a su historia y la aplicación de estrategias...
 
Portadas Nacionales 11-Junio-2024.pdf...
Portadas Nacionales 11-Junio-2024.pdf...Portadas Nacionales 11-Junio-2024.pdf...
Portadas Nacionales 11-Junio-2024.pdf...
 
Taller de campañas publicitarias Volt .pptx
Taller de campañas publicitarias Volt .pptxTaller de campañas publicitarias Volt .pptx
Taller de campañas publicitarias Volt .pptx
 
Caso Dove Marketing, analisis de branding, caso de exito
Caso Dove Marketing, analisis de branding, caso de exitoCaso Dove Marketing, analisis de branding, caso de exito
Caso Dove Marketing, analisis de branding, caso de exito
 
El Viaje | Charla de SEO para WordPress | WordPress Valencia | Wayco
El Viaje | Charla de SEO para WordPress | WordPress Valencia | WaycoEl Viaje | Charla de SEO para WordPress | WordPress Valencia | Wayco
El Viaje | Charla de SEO para WordPress | WordPress Valencia | Wayco
 
Examen Mercadotecnia de servicios universidad
Examen Mercadotecnia de servicios universidadExamen Mercadotecnia de servicios universidad
Examen Mercadotecnia de servicios universidad
 

10 pasos para diseñar una página web

  • 1. Soluciones Integrales 10pasosparacrearunsitioweb “Identificar necesidadesyobjetivos” “Obtener informaciónnecesaria” “Ajustar losdatos obtenidos” “Seleccionar servicios parawebsite” “Diagramar contenidosdenuestraweb” “Definir unaguíadeestilos” “Diseñar nuestra páginamaestra” “Programar elsitioweb” “Probar lafuncionalidad” “Presentar eltrabajofinal” PlanificarConstruirAplicar { w w w . c s - p e . c o m Contenido institucional, servicios , formularios, datos de contacto, procesos de producción y transacción. Sirven de base para todo el diseño y programación de la web. Es momento de adaptar el contenido y los procesos empresariales al mundo mundo on-line. Proveedores de hosting, dominio, correo, imágenes, CMS, scripts, etc Revisar los textos, imágenes, visualización en diferentes buscadores y dispositivos. Ubicar la información en bloques o “wireframes”. Esta primera maqueta se denominara “mock-up”. Crearemos hojas CSS definiendo fuentes, colores, efectos y posiciones de textos e imágenes Llegó la hora de empezar con la programación, los códigos HTML, CSS, java y demás scripts. Crearemos una vista previa de la web para ello usaremos programas como photoshop. Explicar los procesos y el diseño. Si es una web dinámica debemos capacitar en gestión y edición. Temas relacionados blasamiqjoomla wordpress html5 css3 social media adobe muse adobe edge open cart prestashop gimp <iframe> seo motor de reservas