La composición de una página web comoésta puede considerarse desde el punto devista de su diseño o atendiendo a las partes...
Una página web es superficialmente parecida a cualquier otro documento:    un texto, unas imágenes, todocompuesto de una d...
Constantino Centella R.
Así que la página web, vista con uneditor de texto, contiene una mezcla de  texto normal y una serie de códigos.  Estos có...
Principales componentes de una página web1- Texto. El texto editablese muestra en pantallacon alguna de las fuentesque el ...
2- Gráficos. Sonficheros enlazadosdesde el fichero de lapágina propiamentedicho. Se puedehablar de dosformatos casiexclusi...
3- Formularios. Sonuna mezcla de texto ya veces gráficos, quepermiten enviarinformación por partedel visitante, porejemplo...
4- Java script. Es untipo de lenguaje deprogramación que seinterpreta y ejecutapor parte delnavegador; muyutilizado paradi...
5- Java. El código Javaestá también escritoen un lenguaje deprogramaciónindependiente deplataforma (válidopara cualquier t...
6- Shockwave/Flash.Interesantes imágenes fijaso animaciones interactivasde tipovectorial, extremadamentecompactas. Es prec...
Existen otros componentesque, más que formar parte de laspáginas web, las acompañan ysuelen guardarse al disco duropara de...
Ficheros adjuntos:Zip, rar, sit...Es frecuente que encontremos enmuchos sitios programas o ficheroscomprimidos en algún fo...
Establecimiento de objetivosTodo sitio web tiene un objetivofuncional a la marca.Un Medio Digital comerciales, en última i...
Un Medio Digital puede servir paraamplificar y/o aumentar la experiencia de lamarca, para acercar la marca a otrosclientes...
Organización de un Sitio Web• Para hacer una buena presentación Weblo ideal es crearnos un boceto inicial de laestructura....
• ObjetivosLo primero que debemos hacer esfijarnos los objetivos que queremosalcanzar según la información quevayamos a ap...
• ContenidosUna vez que tenemos los objetivos, hayque organizar el contenido por temas osecciones, Es conveniente que lost...
• EstructuraLa estructura de un conjunto de páginasweb es muy importante, ya que una buenaestructura permitirá al lector v...
No cree páginas que sean un callejón sinsalida.Al menos cada página Web ha de tener unenlace por el cual se pueda continua...
• Menú es/Barras de NavegaciónPara poder navegar por un Sitio esnecesario que sus páginas esténrelacionadas. Para ello deb...
NavegaciónUn buen sistema de navegación esimprescindible en toda página web. Es unaparte importante de la organización de ...
Puntos importantes en la navegación• La página de inicioLa página de inicio de tuweb es la puerta principalde acceso a tu ...
• Menú de navegaciónEl menú de una página web es la principalherramienta de navegación que lepodemos facilitar al visitant...
Hay varios tipos de menús de navegación; podemos encontrarlos en disposición                             Constantino Cente...
• Pie de páginaEl pié de página de la web también puedeusarse para mejorar la navegación del sitio.Normalmente no se utili...
• Evitar páginas huérfanasUna página huérfana es aquella desde lacual no se puede acceder a ninguna otra.Cuando el usuario...
Estructura: o jerarquíasLa estructura de un conjunto depagina web muy importante, ya queuna buena estructura permite allec...
•Lineal: el usuario navegasecuencialmente, en un cuadro ofragmento de la información a otro.•Jerárquica:      el usuario n...
•No lineal: el usuario navegalibremente a través del contenido delproyecto, sin limitarse a víaspredeterminadas.•Compuesta...
Constantino Centella R.
Upcoming SlideShare
Loading in …5
×

Anatomia de una pagina web

2,263 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,263
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Anatomia de una pagina web

  1. 1. La composición de una página web comoésta puede considerarse desde el punto devista de su diseño o atendiendo a las partes y tipos de fichero que la componen. Empezaremos por este segundo enfoque. Es preciso entender bien de qué está formada una página para poder aprender con éxito como crearlas y modificarlas. Constantino Centella R.
  2. 2. Una página web es superficialmente parecida a cualquier otro documento: un texto, unas imágenes, todocompuesto de una determinada manera. Se trata simplemente de un fichero de texto, con una extensión .htm o .html (de hypertext markup language - lenguaje de hipertexto.). Este fichero contiene el texto más una serie de códigos que permiten dar formato a la página en el navegador Constantino Centella R.
  3. 3. Constantino Centella R.
  4. 4. Así que la página web, vista con uneditor de texto, contiene una mezcla de texto normal y una serie de códigos. Estos códigos del lenguaje HTML son siempre del estilo <head> y </head>, por ejemplo. Siempre van entre llaves, y cada código tiene una forma inicial y otra de cierre queindican el intervalo de texto o imágenes que reciben el formato correspondiente. Constantino Centella R.
  5. 5. Principales componentes de una página web1- Texto. El texto editablese muestra en pantallacon alguna de las fuentesque el usuario tieneinstaladas (a veces seutiliza una tecnología defuentes incrustadas, conlo que vemos en elmonitor una fuente querealmente noposeemos, pero es poco Constantino Centella R.
  6. 6. 2- Gráficos. Sonficheros enlazadosdesde el fichero de lapágina propiamentedicho. Se puedehablar de dosformatos casiexclusivamente: GIF yJPG. Hablamos endetalle de este temaen la sección deGráficos para la Web. Constantino Centella R.
  7. 7. 3- Formularios. Sonuna mezcla de texto ya veces gráficos, quepermiten enviarinformación por partedel visitante, porejemplo, consultandouncatálogo, solicitandomásinformación, comunicando suopinión, votando en Constantino Centella R.
  8. 8. 4- Java script. Es untipo de lenguaje deprogramación que seinterpreta y ejecutapor parte delnavegador; muyutilizado paradiferentes efectosvisuales, en especiallos efectos de cambiode imagen al pasar elratón por encima. Constantino Centella R.
  9. 9. 5- Java. El código Javaestá también escritoen un lenguaje deprogramaciónindependiente deplataforma (válidopara cualquier tipo deordenador) quetambién permitediferentesefectos, interactividad Constantino Centella R.
  10. 10. 6- Shockwave/Flash.Interesantes imágenes fijaso animaciones interactivasde tipovectorial, extremadamentecompactas. Es preciso unplug-in para poder verlas enel navegador, aunque lasversiones más recientes loincluyen y es gratis: sepuede obtener, si hacefalta, de Macromedia . Constantino Centella R.
  11. 11. Existen otros componentesque, más que formar parte de laspáginas web, las acompañan ysuelen guardarse al disco duropara después verlos o ejecutarlos: Constantino Centella R.
  12. 12. Ficheros adjuntos:Zip, rar, sit...Es frecuente que encontremos enmuchos sitios programas o ficheroscomprimidos en algún formato(normalmente el Zip), para acelerar eltiempo de descarga por parte de losusuarios.Documentos PDF (Portable DocumentFormat). Se utilizan también bastante. Constantino Centella R.
  13. 13. Establecimiento de objetivosTodo sitio web tiene un objetivofuncional a la marca.Un Medio Digital comerciales, en última instancia, unescenario de explotación de lamarca. Integramos el objetivo demarketing digital con el objetivoglobal. Constantino Centella R.
  14. 14. Un Medio Digital puede servir paraamplificar y/o aumentar la experiencia de lamarca, para acercar la marca a otrosclientes, para añadir un nuevo canal decomercialización, para añadir un nuevocanal de comunicación, para desarrollarnuevos mercados, productos, servicios yhasta incluso, nuevas marcas. Dos cosasestán claras:Todo medio digital comercial persigue unobjetivo.Ese objetivo ha de ser funcional a la marca. Constantino Centella R.
  15. 15. Organización de un Sitio Web• Para hacer una buena presentación Weblo ideal es crearnos un boceto inicial de laestructura. Constantino Centella R.
  16. 16. • ObjetivosLo primero que debemos hacer esfijarnos los objetivos que queremosalcanzar según la información quevayamos a aportar. Para crear nuestraprimera página, estos objetivosdeberían no ser muy pretenciosos otener un sentido únicamentepersonal. Constantino Centella R.
  17. 17. • ContenidosUna vez que tenemos los objetivos, hayque organizar el contenido por temas osecciones, Es conveniente que lostemas sean razonablemente cortos y sifuera necesario divida en subtemas. Constantino Centella R.
  18. 18. • EstructuraLa estructura de un conjunto de páginasweb es muy importante, ya que una buenaestructura permitirá al lector visualizartodos los contenidos de una manera fácil yclara, mientras que un conjunto de páginasweb con una mala estructura producirá enel lector una sensación de estar perdido, noencontrará rápidamente lo que busca yterminará por abandonar nuestro sitio. Constantino Centella R.
  19. 19. No cree páginas que sean un callejón sinsalida.Al menos cada página Web ha de tener unenlace por el cual se pueda continuar lanavegación Constantino Centella R.
  20. 20. • Menú es/Barras de NavegaciónPara poder navegar por un Sitio esnecesario que sus páginas esténrelacionadas. Para ello debemos crearuna barra de navegación como la quepuedes visualizar arriba de estas líneas.Su función es permitirle al visitantenavegar por un mismo Sitio. Constantino Centella R.
  21. 21. NavegaciónUn buen sistema de navegación esimprescindible en toda página web. Es unaparte importante de la organización de laestructura de la web . Que el usuario seacapaz de moverse con soltura y facilidad porlas distintas páginas del sitio, que encuentrelo que busca rápidamente, que no se pierdayendo de un enlace a otro sin saber dondeestá, que no quede colgado en una páginaconcreta sin poder navegar por otras o volveratrás… Constantino Centella R.
  22. 22. Puntos importantes en la navegación• La página de inicioLa página de inicio de tuweb es la puerta principalde acceso a tu web. Porella entrarán la mayor partede visitantes, por lo quehay que cuidar al máximocada detalle. Constantino Centella R.
  23. 23. • Menú de navegaciónEl menú de una página web es la principalherramienta de navegación que lepodemos facilitar al visitante para queencuentre lo que busca. Esimprescindible para que las personasencuentren las demás páginas de la web,además del índice. Constantino Centella R.
  24. 24. Hay varios tipos de menús de navegación; podemos encontrarlos en disposición Constantino Centella R.
  25. 25. • Pie de páginaEl pié de página de la web también puedeusarse para mejorar la navegación del sitio.Normalmente no se utiliza para ponerenlaces a todas las secciones (para eso yaestá el menú), pero sí para poner enlacesimportantes o que consideras que debenaparecer en todas las páginas de la web, porejemplo información legal sobre tuempresa, direcciones de contacto, políticasde uso del sitio, etc. Constantino Centella R.
  26. 26. • Evitar páginas huérfanasUna página huérfana es aquella desde lacual no se puede acceder a ninguna otra.Cuando el usuario se encuentra con una deestas páginas la confusión y el enfadopueden ser importantes. Constantino Centella R.
  27. 27. Estructura: o jerarquíasLa estructura de un conjunto depagina web muy importante, ya queuna buena estructura permite allector visualizar todo , loscontenidos de una manera fácil yclara, entre estas existen lassiguientes: Constantino Centella R.
  28. 28. •Lineal: el usuario navegasecuencialmente, en un cuadro ofragmento de la información a otro.•Jerárquica: el usuario navega através de las ramas de la estructura deárbol que se forma dada la lógicanatural del contenido. Constantino Centella R.
  29. 29. •No lineal: el usuario navegalibremente a través del contenido delproyecto, sin limitarse a víaspredeterminadas.•Compuesta: los usuarios puedennavegar libremente (no linealmente), perotambién están limitados, en ocasionespor presentaciones lineales de película ode información crítica y de datos que seorganizan con más lógica en una formajerárquica. Constantino Centella R.
  30. 30. Constantino Centella R.

×