SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
Víctor Manuel Silva Ampudia
10-1
Estructura de una Página Web
Lo primero que debemos hacer para iniciar a diseñar nuestra página web, es pensar en el tamaño de nuestra
página web, el cual podemos medir con la cantidad de información que se tiene para construir el sitio, ejemplo:
Quienes Somos, Misión, Visión, Valores, Productos, Servicios, Contactos, etc.
Estructura del Contenido
Organización de la página web
Diseño de la página web
Lo que veremos a continuación, será esencial para el correcto diseño y desarrollo de una excelente página web,
con un enfoque dirigido hacia el cliente deseado.
1 Paso: Contenido del Sitio Web.
En este paso debemos buscar y analizar todo el contenido que tenemos sobre la empresa a la cual vamos a
realizar el diseño.
2. Paso: Seleccionar el Tipo de Diseño
Luego de desarrollar la tabla, y de acuerdo a las necesidades del cliente, se pueden diseñar tres tipos de
páginas web: Sencilla, Profesional, Portal.
3. Paso: Seleccionar la Categoría de la Página
Todas las páginas están categorizadas de acuerdo a su contenido, por ejemplo, si la empresa es una que vende
celulares, la página estará en la categoría de Comunicaciones.
4. Paso: Dibujar un bosquejo de la página web
Víctor Manuel Silva Ampudia
10-1
Este paso es muy importante también, ya que te permitirá imaginar como va a quedar tu página web según el
contenido que tengas de la empresa, Ejemplo:
Víctor Manuel Silva Ampudia
10-1
Tipos y categorías de páginas Web:
PRIMER TIPO: Informativas (Sencillas)
Este tipo de páginas es el más utilizado ya que es el más sencillo de realizar. En este tipo de páginas, solo se
muestran información de la empresa.
La página principal es la más importante y a la que debemos diseñar con mucho cuidado.
Páginas Secundarias
Las páginas secundarias son más fáciles de diseñar, ya que utilizan un mismo estilo para todas.
SEGUNDO TIPO: Negocios
Este tipo de páginas web combina el primer tipo de diseño (informativas) con aplicaciones web básicas y
avanzadas. Un ejemplo de estas aplicaciones y el más utilizado por este tipo de páginas son las cotizaciones en-
línea, También se puede realizar una cotización
personalizada automática, en donde el cliente puede
seleccionar las opciones que necesita de un producto o
servicio, y automáticamente puede ver el valor total final.
Víctor Manuel Silva Ampudia
10-1
TERCER TIPO: Portales Estas páginas son muy complejas y tienen aplicaciones web avanzadas: manejo de
grandes cantidades de información y contenido, manejo de clientes, etc.
Ejemplo de estos grandes portales son los más conocidos: Yahoo! AOL, etc.
Para tener una página web en internet y que pueda ser accedida y navegada, debemos tener dos cosas
importantes:
Servidor de Hosting o un servicio de alojamiento de páginas web.
El servidor hosting o servicio de alojamiento de páginas web es un computador o servidor que está conectado a
las redes de internet a una velocidad muy alta, en donde se alojan todos los archivos de nuestra página web
(HTML, imágenes, documentos, etc.) para poder visualizarlos.
Un dominio
El dominio nos permite conectarnos al Servidor Hosting. El dominio es un conjunto de letras compuestas por
un nombre y una extensión de dominio.
Existen los llamados subdominios los cuales, sirven para configurar enlaces entre otros servidores, por ejemplo:
normalmente los servidores al configurar un dominio, crean el subdominio: Mail, el cual es apuntado al
servidor de correo.

Weitere ähnliche Inhalte

Ähnlich wie Rs estructura paginaweb(2)

Documentacion ihm3
Documentacion ihm3Documentacion ihm3
Documentacion ihm3
coorie100
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
Elisa Arce
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
Elisa Arce
 

Ähnlich wie Rs estructura paginaweb(2) (20)

Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
 
Sitios web exposición
Sitios web exposiciónSitios web exposición
Sitios web exposición
 
Documentacion ihm3
Documentacion ihm3Documentacion ihm3
Documentacion ihm3
 
ACTIVIDAD UNO
ACTIVIDAD UNO ACTIVIDAD UNO
ACTIVIDAD UNO
 
Ebusiness para Pymes Curso virtual módulo 1
Ebusiness para Pymes Curso virtual módulo 1Ebusiness para Pymes Curso virtual módulo 1
Ebusiness para Pymes Curso virtual módulo 1
 
La web
La webLa web
La web
 
La web
La webLa web
La web
 
Diferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamicaDiferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamica
 
Páginas web
Páginas webPáginas web
Páginas web
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
 
Ccni unidad 1
Ccni unidad 1Ccni unidad 1
Ccni unidad 1
 
Tarea 4 02 noviembre 2011
Tarea 4   02 noviembre 2011Tarea 4   02 noviembre 2011
Tarea 4 02 noviembre 2011
 
Paginas web
Paginas web Paginas web
Paginas web
 
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
 
Sitios Web
Sitios WebSitios Web
Sitios Web
 
Interlat Upb Curso Ebusiness Pymes Modulo I 2009
Interlat Upb Curso Ebusiness Pymes Modulo I 2009Interlat Upb Curso Ebusiness Pymes Modulo I 2009
Interlat Upb Curso Ebusiness Pymes Modulo I 2009
 
Diseño y Negocios Web
Diseño y Negocios WebDiseño y Negocios Web
Diseño y Negocios Web
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
 
Blogs, tráfico, cobranza.
Blogs, tráfico, cobranza.Blogs, tráfico, cobranza.
Blogs, tráfico, cobranza.
 

Mehr von Víctor Manuel Silva Ampudia

Mehr von Víctor Manuel Silva Ampudia (20)

T consocio w3
T consocio w3T consocio w3
T consocio w3
 
Rs que esdreamweaver
Rs que esdreamweaverRs que esdreamweaver
Rs que esdreamweaver
 
Logotipos y botones_en_gimp
Logotipos y botones_en_gimpLogotipos y botones_en_gimp
Logotipos y botones_en_gimp
 
Autoevaluacion bd
Autoevaluacion bdAutoevaluacion bd
Autoevaluacion bd
 
Rs pinceles gimp
Rs pinceles gimpRs pinceles gimp
Rs pinceles gimp
 
Rs flyer volante(5)
Rs flyer volante(5)Rs flyer volante(5)
Rs flyer volante(5)
 
Rs targeta presentacion
Rs targeta presentacionRs targeta presentacion
Rs targeta presentacion
 
Rs capas
Rs capasRs capas
Rs capas
 
Rs imagen digital
Rs imagen digitalRs imagen digital
Rs imagen digital
 
Evidencia
EvidenciaEvidencia
Evidencia
 
Encuesta oficial (1)
Encuesta oficial (1)Encuesta oficial (1)
Encuesta oficial (1)
 
Encuesta oficial
Encuesta oficialEncuesta oficial
Encuesta oficial
 
Encuesta oficial
Encuesta oficialEncuesta oficial
Encuesta oficial
 
Encuesta oficial
Encuesta oficialEncuesta oficial
Encuesta oficial
 
Ram10 1
Ram10 1Ram10 1
Ram10 1
 
Rs tips socializarpresentaciones-ap
Rs tips socializarpresentaciones-apRs tips socializarpresentaciones-ap
Rs tips socializarpresentaciones-ap
 
Rs power point
Rs power pointRs power point
Rs power point
 
Ejerciciofuncionsi
EjerciciofuncionsiEjerciciofuncionsi
Ejerciciofuncionsi
 
Autoevaluacion ofima.
Autoevaluacion ofima.Autoevaluacion ofima.
Autoevaluacion ofima.
 
Ejercicio graficoexcel2
Ejercicio graficoexcel2Ejercicio graficoexcel2
Ejercicio graficoexcel2
 

Kürzlich hochgeladen

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
MiNeyi1
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 

Kürzlich hochgeladen (20)

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 

Rs estructura paginaweb(2)

  • 1. Víctor Manuel Silva Ampudia 10-1 Estructura de una Página Web Lo primero que debemos hacer para iniciar a diseñar nuestra página web, es pensar en el tamaño de nuestra página web, el cual podemos medir con la cantidad de información que se tiene para construir el sitio, ejemplo: Quienes Somos, Misión, Visión, Valores, Productos, Servicios, Contactos, etc. Estructura del Contenido Organización de la página web Diseño de la página web Lo que veremos a continuación, será esencial para el correcto diseño y desarrollo de una excelente página web, con un enfoque dirigido hacia el cliente deseado. 1 Paso: Contenido del Sitio Web. En este paso debemos buscar y analizar todo el contenido que tenemos sobre la empresa a la cual vamos a realizar el diseño. 2. Paso: Seleccionar el Tipo de Diseño Luego de desarrollar la tabla, y de acuerdo a las necesidades del cliente, se pueden diseñar tres tipos de páginas web: Sencilla, Profesional, Portal. 3. Paso: Seleccionar la Categoría de la Página Todas las páginas están categorizadas de acuerdo a su contenido, por ejemplo, si la empresa es una que vende celulares, la página estará en la categoría de Comunicaciones. 4. Paso: Dibujar un bosquejo de la página web
  • 2. Víctor Manuel Silva Ampudia 10-1 Este paso es muy importante también, ya que te permitirá imaginar como va a quedar tu página web según el contenido que tengas de la empresa, Ejemplo:
  • 3. Víctor Manuel Silva Ampudia 10-1 Tipos y categorías de páginas Web: PRIMER TIPO: Informativas (Sencillas) Este tipo de páginas es el más utilizado ya que es el más sencillo de realizar. En este tipo de páginas, solo se muestran información de la empresa. La página principal es la más importante y a la que debemos diseñar con mucho cuidado. Páginas Secundarias Las páginas secundarias son más fáciles de diseñar, ya que utilizan un mismo estilo para todas. SEGUNDO TIPO: Negocios Este tipo de páginas web combina el primer tipo de diseño (informativas) con aplicaciones web básicas y avanzadas. Un ejemplo de estas aplicaciones y el más utilizado por este tipo de páginas son las cotizaciones en- línea, También se puede realizar una cotización personalizada automática, en donde el cliente puede seleccionar las opciones que necesita de un producto o servicio, y automáticamente puede ver el valor total final.
  • 4. Víctor Manuel Silva Ampudia 10-1 TERCER TIPO: Portales Estas páginas son muy complejas y tienen aplicaciones web avanzadas: manejo de grandes cantidades de información y contenido, manejo de clientes, etc. Ejemplo de estos grandes portales son los más conocidos: Yahoo! AOL, etc. Para tener una página web en internet y que pueda ser accedida y navegada, debemos tener dos cosas importantes: Servidor de Hosting o un servicio de alojamiento de páginas web. El servidor hosting o servicio de alojamiento de páginas web es un computador o servidor que está conectado a las redes de internet a una velocidad muy alta, en donde se alojan todos los archivos de nuestra página web (HTML, imágenes, documentos, etc.) para poder visualizarlos. Un dominio El dominio nos permite conectarnos al Servidor Hosting. El dominio es un conjunto de letras compuestas por un nombre y una extensión de dominio. Existen los llamados subdominios los cuales, sirven para configurar enlaces entre otros servidores, por ejemplo: normalmente los servidores al configurar un dominio, crean el subdominio: Mail, el cual es apuntado al servidor de correo.