SlideShare una empresa de Scribd logo
1 de 10
Pasos técnicos para crear
un sitio web
Roxsy Velasquez
objetivo: Es el
primer paso de
la creación de
un sitio web,
se debe
determinar
exactamente por
qué quieres
crear una
página y cuál
será su uso
Planeación:
Ante todo, debe
determinar a
qué público se
dirige su
sitio. Esto es
esencial,
porque muchos
diseños y
contenidos
dependen de
esto.
Desarrollo de
contenido: El
contenido de su
sitio será muy
probablemente
una combinación
de la
información que
usted
actualmente
posee y de la
que usted
tendrá que
crear.
Diseño Gráfico:
Sin importar lo
bien organizado e
interesante de su
contenido, el
diseño gráfico
determina el
tono. Usted puede
crear una buena
impresión con
algunos gráficos
bien diseñados en
la página central
Programación y
ayuda técnica:
Una vez que ha
planeado su
sitio y ha
creado el
contenido y los
gráficos, usted
necesitará
convertir su
información en
formato que se
pueda leer en
la Web.
Mercadeo y
promoción:
Crear un sitio
Web brillante
es inútil si
nadie sabe
acerca de él.
Con millones de
sitios, captar
la atención
puede ser un
reto.
Criterios para evaluar
un sitio web
Calidad del contenido
El contenido de un sitio web incluye todo
el texto, información, imágenes y media
contenidos dentro de él, en vez de los
medios técnicos por los cuales son
presentados.
Funcionalidad
La funcionalidad se refiera al rango de
tareas y actividades que un sitio web
facilita a sus usuarios, más
específicamente, se refiera a los aspectos
técnicos de las mismas.
Relevancia
Que un sitio web es considerado relevante
depende de su propósito y de cuan útil es
considerado en relación a ese propósito.
Presentación
La presentación se refiere al estilo
visual de un sitio web y generalmente a la
forma en que el contenido es presentado a
los usuarios
Accesibilidad
La accesibilidad es un factor clave en la
evaluación de un sitio web. El rango de
gente navegando la web es extremadamente
amplio, como el rango de dispositivos y
entornos que están recorriendo.
Aspectos técnicos y estéticos
de página web
Aspecto Técnico
Aspectos éticos
Combinación de
colores
• Cuando un objeto o figura de un color dado se encuentra en contacto con otro objeto de color
diferente, se produce lo que llamamos combinación de colores. En el diseño web,
el contraste entre los diferentes colores empleados para decorar y los colores propios de las
imágenes
Tipos de forma y
su utilización en
el diseño web
• formas geométricas: más usuales en el diseño web son el cuadrado,
el rectángulo, el triángulo y el círculo.
Las formas naturales también tienen un empleo frecuente, ya que permite
una rápida asociación con un mensaje.
Las formas abstractas constituyen el terreno menos explorado,
Utilidad de la
forma en el
diseño web
• Como cualquier otro elemento de diseño web, la forma puede emplearse de
muchas formas y en múltiples funciones. El único límite con que cuenta el
diseñador es el límite que tenga su propia imaginación.
También sirve como forma de mantener el interés.
Funciones del web
master
Concepto:
Un web master (contracción de las
palabras inglesas web y master), es la
persona responsable de mantenimiento o
programación de un sitio web. La
definición específica de este cargo puede
variar según el ámbito en el que se
presente a la persona:
1. en ciertos casos es el responsable de los contenidos del
sitio
2 mientras que en otros es el encargado de la operatividad,
programación y mantenimiento de la disponibilidad de un
sitio web sin que necesariamente intervenga en la creación
de contenidos.
3 De acuerdo a la definición del Diccionario de Oxford, el
web master es la persona responsable por un servidor de
Internet,
4 sin embargo en la jerga informática se puede indicar que
el web master es el dueño del sitio web o el encargado de
mantener el sitio web habilitado.

Más contenido relacionado

Destacado

Strunde hoch vier: Baustellen im Kernbereich von Bergisch Gladbach
Strunde hoch vier: Baustellen im Kernbereich von Bergisch GladbachStrunde hoch vier: Baustellen im Kernbereich von Bergisch Gladbach
Strunde hoch vier: Baustellen im Kernbereich von Bergisch GladbachBürgerportal Bergisch Gladbach
 
Compra en línea
Compra en línea Compra en línea
Compra en línea Elizama T
 
GALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler Broschuere
GALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler BroschuereGALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler Broschuere
GALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler BroschuereJohann HUMER
 
Congreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologia
Congreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologiaCongreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologia
Congreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologiaadriecologia
 
Neurociencia y educación
Neurociencia y educaciónNeurociencia y educación
Neurociencia y educaciónHaydee Cunyas
 
Proyecto práctica final_v7
Proyecto práctica final_v7Proyecto práctica final_v7
Proyecto práctica final_v7VeroFrank
 
Lanzamiento del martillo
Lanzamiento del martilloLanzamiento del martillo
Lanzamiento del martilloEl Barto
 
Bases conceptuales seminario_multiculti
Bases conceptuales seminario_multicultiBases conceptuales seminario_multiculti
Bases conceptuales seminario_multicultiSOTECNI
 
Wasserstoffperoxidhaltige Zahnbleichmittel & Mundpflegeprodukte
Wasserstoffperoxidhaltige Zahnbleichmittel & MundpflegeprodukteWasserstoffperoxidhaltige Zahnbleichmittel & Mundpflegeprodukte
Wasserstoffperoxidhaltige Zahnbleichmittel & MundpflegeprodukteGreenFacts
 
Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...
Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...
Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...Johann HUMER
 

Destacado (20)

Strunde hoch vier: Baustellen im Kernbereich von Bergisch Gladbach
Strunde hoch vier: Baustellen im Kernbereich von Bergisch GladbachStrunde hoch vier: Baustellen im Kernbereich von Bergisch Gladbach
Strunde hoch vier: Baustellen im Kernbereich von Bergisch Gladbach
 
Compra en línea
Compra en línea Compra en línea
Compra en línea
 
GALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler Broschuere
GALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler BroschuereGALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler Broschuere
GALLER _ Düngung und Eutrophierung Praxisratgeber von Josef Galler Broschuere
 
MAQUINAS SIMPLES
MAQUINAS SIMPLESMAQUINAS SIMPLES
MAQUINAS SIMPLES
 
KETTLER Fitness
KETTLER FitnessKETTLER Fitness
KETTLER Fitness
 
Congreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologia
Congreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologiaCongreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologia
Congreso socla2007 nuevos desarrollos sobre el marco teorico de la agroecologia
 
Aborto
AbortoAborto
Aborto
 
Neurociencia y educación
Neurociencia y educaciónNeurociencia y educación
Neurociencia y educación
 
Tarea ciencias de la comunicacion
Tarea ciencias de la comunicacionTarea ciencias de la comunicacion
Tarea ciencias de la comunicacion
 
Proyecto práctica final_v7
Proyecto práctica final_v7Proyecto práctica final_v7
Proyecto práctica final_v7
 
Hardware
HardwareHardware
Hardware
 
Lanzamiento del martillo
Lanzamiento del martilloLanzamiento del martillo
Lanzamiento del martillo
 
Bases conceptuales seminario_multiculti
Bases conceptuales seminario_multicultiBases conceptuales seminario_multiculti
Bases conceptuales seminario_multiculti
 
Mexi07 atembar
Mexi07 atembarMexi07 atembar
Mexi07 atembar
 
Marisabel john
Marisabel  johnMarisabel  john
Marisabel john
 
Tu decides
Tu decidesTu decides
Tu decides
 
Wasserstoffperoxidhaltige Zahnbleichmittel & Mundpflegeprodukte
Wasserstoffperoxidhaltige Zahnbleichmittel & MundpflegeprodukteWasserstoffperoxidhaltige Zahnbleichmittel & Mundpflegeprodukte
Wasserstoffperoxidhaltige Zahnbleichmittel & Mundpflegeprodukte
 
Entwurf der neuen Marktgalerie in Bensberg
Entwurf der neuen Marktgalerie in BensbergEntwurf der neuen Marktgalerie in Bensberg
Entwurf der neuen Marktgalerie in Bensberg
 
Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...
Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...
Einsaat Fotodoku, Arzberg, 2010und2011, Spitzenertagswiesen durch "gewusst wi...
 
Proyecto san antonio
Proyecto san antonioProyecto san antonio
Proyecto san antonio
 

Similar a Pasos técnicos para crear un sitio web

Similar a Pasos técnicos para crear un sitio web (20)

pasos técnicos para crear sitios web
pasos técnicos para crear sitios webpasos técnicos para crear sitios web
pasos técnicos para crear sitios web
 
Leccion V
Leccion VLeccion V
Leccion V
 
Pulso Digital
Pulso DigitalPulso Digital
Pulso Digital
 
Johan nicolás penagos roa
Johan nicolás penagos roaJohan nicolás penagos roa
Johan nicolás penagos roa
 
Diseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdfDiseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdf
 
Diseño de páginas web (web design)
Diseño de páginas web (web design)Diseño de páginas web (web design)
Diseño de páginas web (web design)
 
Preguntas generadoras 9 semestre
Preguntas generadoras 9 semestrePreguntas generadoras 9 semestre
Preguntas generadoras 9 semestre
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Diseño web ANTONIO.pptx
Diseño web ANTONIO.pptxDiseño web ANTONIO.pptx
Diseño web ANTONIO.pptx
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Presentacion
PresentacionPresentacion
Presentacion
 
Paginaswebhermosillo
PaginaswebhermosilloPaginaswebhermosillo
Paginaswebhermosillo
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivos
 
Bases pag web 4
Bases pag web 4Bases pag web 4
Bases pag web 4
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
fases de un proyecto web
fases de un proyecto webfases de un proyecto web
fases de un proyecto web
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 

Último

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 

Último (13)

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 

Pasos técnicos para crear un sitio web

  • 1. Pasos técnicos para crear un sitio web Roxsy Velasquez
  • 2. objetivo: Es el primer paso de la creación de un sitio web, se debe determinar exactamente por qué quieres crear una página y cuál será su uso Planeación: Ante todo, debe determinar a qué público se dirige su sitio. Esto es esencial, porque muchos diseños y contenidos dependen de esto. Desarrollo de contenido: El contenido de su sitio será muy probablemente una combinación de la información que usted actualmente posee y de la que usted tendrá que crear.
  • 3. Diseño Gráfico: Sin importar lo bien organizado e interesante de su contenido, el diseño gráfico determina el tono. Usted puede crear una buena impresión con algunos gráficos bien diseñados en la página central Programación y ayuda técnica: Una vez que ha planeado su sitio y ha creado el contenido y los gráficos, usted necesitará convertir su información en formato que se pueda leer en la Web. Mercadeo y promoción: Crear un sitio Web brillante es inútil si nadie sabe acerca de él. Con millones de sitios, captar la atención puede ser un reto.
  • 5. Calidad del contenido El contenido de un sitio web incluye todo el texto, información, imágenes y media contenidos dentro de él, en vez de los medios técnicos por los cuales son presentados. Funcionalidad La funcionalidad se refiera al rango de tareas y actividades que un sitio web facilita a sus usuarios, más específicamente, se refiera a los aspectos técnicos de las mismas. Relevancia Que un sitio web es considerado relevante depende de su propósito y de cuan útil es considerado en relación a ese propósito. Presentación La presentación se refiere al estilo visual de un sitio web y generalmente a la forma en que el contenido es presentado a los usuarios Accesibilidad La accesibilidad es un factor clave en la evaluación de un sitio web. El rango de gente navegando la web es extremadamente amplio, como el rango de dispositivos y entornos que están recorriendo.
  • 6. Aspectos técnicos y estéticos de página web
  • 8. Aspectos éticos Combinación de colores • Cuando un objeto o figura de un color dado se encuentra en contacto con otro objeto de color diferente, se produce lo que llamamos combinación de colores. En el diseño web, el contraste entre los diferentes colores empleados para decorar y los colores propios de las imágenes Tipos de forma y su utilización en el diseño web • formas geométricas: más usuales en el diseño web son el cuadrado, el rectángulo, el triángulo y el círculo. Las formas naturales también tienen un empleo frecuente, ya que permite una rápida asociación con un mensaje. Las formas abstractas constituyen el terreno menos explorado, Utilidad de la forma en el diseño web • Como cualquier otro elemento de diseño web, la forma puede emplearse de muchas formas y en múltiples funciones. El único límite con que cuenta el diseñador es el límite que tenga su propia imaginación. También sirve como forma de mantener el interés.
  • 9. Funciones del web master Concepto: Un web master (contracción de las palabras inglesas web y master), es la persona responsable de mantenimiento o programación de un sitio web. La definición específica de este cargo puede variar según el ámbito en el que se presente a la persona:
  • 10. 1. en ciertos casos es el responsable de los contenidos del sitio 2 mientras que en otros es el encargado de la operatividad, programación y mantenimiento de la disponibilidad de un sitio web sin que necesariamente intervenga en la creación de contenidos. 3 De acuerdo a la definición del Diccionario de Oxford, el web master es la persona responsable por un servidor de Internet, 4 sin embargo en la jerga informática se puede indicar que el web master es el dueño del sitio web o el encargado de mantener el sitio web habilitado.