SlideShare a Scribd company logo
1 of 9
Partes de una Pagina Web

       Cesar Torres R.
 Home:
 es la página a la que se ingresa por defecto. En
 esta sección se suele hacer la presentación de la
 empresa y del sitio Web, de ser necesario. En lo
 que a diseño concierne, no hay mayor diferencia
 entre el home y las demás secciones: es una
 sección más en la que siempre se presenta a la
 empresa y que se utiliza como página de inicio
 predeterminada.
 Secciones:
 un sitio se divide en secciones. Generalmente, se
 usan entre 5 y 9 secciones, pero pueden ser más
 o menos. Lo que hay que tener en cuenta al
 momento de elegir las secciones es que cada
 una de ellas trate un tema específico y concreto
 sin confundirse con otra y que el nombre que
 reciba cada sección sea claro para el visitante.
 Es decir, es necesario que una persona que está
 buscando información sepa a dónde ir viendo el
 nombre de las secciones.
 Fotos:
 las fotos de su sitio son un elemento visual muy
 importante. Lo más recomendable es que usted
 tenga sus propias fotos, pero sólo en caso de
 poder pagar un fotógrafo profesional que se las
 saque. Si usted no tiene esa posibilidad, es mejor
 utilizar fotos de Internet (existen stock de fotos
 gratuitos y pagos). Lo que no es recomendable
 para nada es utilizar fotos propias de mala
 calidad porque eso perjudica mucho la imagen
 del sitio.
 Header:
 es el encabezado del sitio. Todas las secciones lo
 comparten y es en él en donde se concentra el
 mayor trabajo de diseño. El header es la parte
 más importante de un sitio en lo que a diseño se
 refiere. Dentro del header pueden estar incluidos
 los botones de las secciones o datos de contacto
 de la empresa.
 Botones:
 se utilizan para ingresar a las secciones del sitio.
 Los botones también son elementos que
 requieren bastante trabajo de diseño. El objetivo
 del diseñador es lograr un botón diferente pero
 que sea estéticamente agradable y fácil de
 utilizar. Hay efectos muy comunes en los botones
 como son el que quede presionado cuando uno
 ingresa en la sección correspondiente o que se
 ilumine cuando se le pase el mouse por encima.
 Cuentas de correo electrónico:
 al comprar un sitio Web usted tiene que tener un
 dominio y un hosting. El dominio es la dirección
 de su página (www.suempresa.com) y el
 hosting es el alojamiento en algún servidor.
 Teniendo estas cosas usted puede sacar muchas
 cuentas de correo electrónico con el siguiente
 formato: sunombre@suempresa.com
 Formulario:
 el formulario se utiliza principalmente en la
 sección de contacto pero puede ser utilizado para
 muchas cosas. El formulario de contacto está
 compuesto de diferentes campos de información
 personal como ser nombre, empresa, dirección
 de correo electrónico, etc. y un campo en el que
 escribir la consulta. Esta consulta llegará
 automáticamente a una cuenta de correo que
 será info@suempresa.com. La ventaja de
 utilizar un formulario de contacto es que se le
 facilita las cosas al visitante y que además usted
 puede incluir campos de información obligatorios
 y de esta manera usted siempre conocerá los
 datos que necesite de su remitente.
 Introducción:
 suele ser una animación hecha en un programa
 llamado Flash. A nuestro entender, no es nada
 útil ya que nadie la ve realmente: o bien la saltan
 o bien cierran la página.

More Related Content

What's hot (20)

1. Modelo de Datos
1. Modelo de Datos1. Modelo de Datos
1. Modelo de Datos
 
HTML5
HTML5HTML5
HTML5
 
DESARROLLO DE APLICACIONES MOVILES.pptx
DESARROLLO DE APLICACIONES MOVILES.pptxDESARROLLO DE APLICACIONES MOVILES.pptx
DESARROLLO DE APLICACIONES MOVILES.pptx
 
Metodos de busqueda
Metodos de busquedaMetodos de busqueda
Metodos de busqueda
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Metodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones webMetodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones web
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Internet & Recursos en Linea
Internet & Recursos en LineaInternet & Recursos en Linea
Internet & Recursos en Linea
 
MYSQL
MYSQLMYSQL
MYSQL
 
Css - Tema 1
Css - Tema 1Css - Tema 1
Css - Tema 1
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
Diapositivas de sgbd
Diapositivas de sgbdDiapositivas de sgbd
Diapositivas de sgbd
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidor
 
Tipos de navegadores y clasificación de software
Tipos de navegadores y clasificación de softwareTipos de navegadores y clasificación de software
Tipos de navegadores y clasificación de software
 
Historia base de datos
Historia base de datosHistoria base de datos
Historia base de datos
 
MOCKFLOW (PROTOTIPO)
MOCKFLOW (PROTOTIPO)MOCKFLOW (PROTOTIPO)
MOCKFLOW (PROTOTIPO)
 
Power point navegadores de internet
Power point navegadores de internetPower point navegadores de internet
Power point navegadores de internet
 
Navegación internet
Navegación internetNavegación internet
Navegación internet
 

Similar to Partes clave de una página web: Home, Secciones, Fotos, Header y más

Similar to Partes clave de una página web: Home, Secciones, Fotos, Header y más (20)

Trabajo de informatica #2
Trabajo de informatica #2Trabajo de informatica #2
Trabajo de informatica #2
 
Trabajo de informatica #2
Trabajo de informatica #2Trabajo de informatica #2
Trabajo de informatica #2
 
QUE ES UNA PAGINA WEB
QUE ES UNA PAGINA WEBQUE ES UNA PAGINA WEB
QUE ES UNA PAGINA WEB
 
Web corporativa
Web corporativaWeb corporativa
Web corporativa
 
Diseño de Salidas
Diseño de SalidasDiseño de Salidas
Diseño de Salidas
 
Elementos manualima
Elementos manualimaElementos manualima
Elementos manualima
 
Elementos manualima
Elementos manualimaElementos manualima
Elementos manualima
 
Que es la web 2.0
Que es la web 2.0Que es la web 2.0
Que es la web 2.0
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamora
 
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesPresentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
 
Diseño y Negocios Web
Diseño y Negocios WebDiseño y Negocios Web
Diseño y Negocios Web
 
1.7 y 1.8
1.7 y 1.81.7 y 1.8
1.7 y 1.8
 
[EBOOK- CLIENTE] Pagina web Seguros Falabella Clombia | SI SEÑOR AGENCIA
[EBOOK- CLIENTE] Pagina web Seguros Falabella Clombia | SI SEÑOR AGENCIA[EBOOK- CLIENTE] Pagina web Seguros Falabella Clombia | SI SEÑOR AGENCIA
[EBOOK- CLIENTE] Pagina web Seguros Falabella Clombia | SI SEÑOR AGENCIA
 
dreamweaver
 dreamweaver dreamweaver
dreamweaver
 
Manual publisher
Manual publisherManual publisher
Manual publisher
 
Publisher 2010
Publisher 2010Publisher 2010
Publisher 2010
 
Publisher
PublisherPublisher
Publisher
 
Optimizacion De Landing Pages
Optimizacion De Landing PagesOptimizacion De Landing Pages
Optimizacion De Landing Pages
 

Recently uploaded

sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfpatriciavsquezbecerr
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 

Recently uploaded (20)

sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdf
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 

Partes clave de una página web: Home, Secciones, Fotos, Header y más

  • 1. Partes de una Pagina Web Cesar Torres R.
  • 2.  Home:  es la página a la que se ingresa por defecto. En esta sección se suele hacer la presentación de la empresa y del sitio Web, de ser necesario. En lo que a diseño concierne, no hay mayor diferencia entre el home y las demás secciones: es una sección más en la que siempre se presenta a la empresa y que se utiliza como página de inicio predeterminada.
  • 3.  Secciones:  un sitio se divide en secciones. Generalmente, se usan entre 5 y 9 secciones, pero pueden ser más o menos. Lo que hay que tener en cuenta al momento de elegir las secciones es que cada una de ellas trate un tema específico y concreto sin confundirse con otra y que el nombre que reciba cada sección sea claro para el visitante. Es decir, es necesario que una persona que está buscando información sepa a dónde ir viendo el nombre de las secciones.
  • 4.  Fotos:  las fotos de su sitio son un elemento visual muy importante. Lo más recomendable es que usted tenga sus propias fotos, pero sólo en caso de poder pagar un fotógrafo profesional que se las saque. Si usted no tiene esa posibilidad, es mejor utilizar fotos de Internet (existen stock de fotos gratuitos y pagos). Lo que no es recomendable para nada es utilizar fotos propias de mala calidad porque eso perjudica mucho la imagen del sitio.
  • 5.  Header:  es el encabezado del sitio. Todas las secciones lo comparten y es en él en donde se concentra el mayor trabajo de diseño. El header es la parte más importante de un sitio en lo que a diseño se refiere. Dentro del header pueden estar incluidos los botones de las secciones o datos de contacto de la empresa.
  • 6.  Botones:  se utilizan para ingresar a las secciones del sitio. Los botones también son elementos que requieren bastante trabajo de diseño. El objetivo del diseñador es lograr un botón diferente pero que sea estéticamente agradable y fácil de utilizar. Hay efectos muy comunes en los botones como son el que quede presionado cuando uno ingresa en la sección correspondiente o que se ilumine cuando se le pase el mouse por encima.
  • 7.  Cuentas de correo electrónico:  al comprar un sitio Web usted tiene que tener un dominio y un hosting. El dominio es la dirección de su página (www.suempresa.com) y el hosting es el alojamiento en algún servidor. Teniendo estas cosas usted puede sacar muchas cuentas de correo electrónico con el siguiente formato: sunombre@suempresa.com
  • 8.  Formulario:  el formulario se utiliza principalmente en la sección de contacto pero puede ser utilizado para muchas cosas. El formulario de contacto está compuesto de diferentes campos de información personal como ser nombre, empresa, dirección de correo electrónico, etc. y un campo en el que escribir la consulta. Esta consulta llegará automáticamente a una cuenta de correo que será info@suempresa.com. La ventaja de utilizar un formulario de contacto es que se le facilita las cosas al visitante y que además usted puede incluir campos de información obligatorios y de esta manera usted siempre conocerá los datos que necesite de su remitente.
  • 9.  Introducción:  suele ser una animación hecha en un programa llamado Flash. A nuestro entender, no es nada útil ya que nadie la ve realmente: o bien la saltan o bien cierran la página.