Download Gestión de información de la web

Document related concepts

Diseño web wikipedia , lookup

Página web wikipedia , lookup

Referer (Cabecera HTTP) wikipedia , lookup

Tableless wikipedia , lookup

Editor de páginas web wikipedia , lookup

Transcript
TALLER # 5
LUIS XAVIER ROMERO CORAL
Una página web es el nombre de un documento o información
electrónica adaptada para la World Wide Web y que puede ser
accedida mediante un navegador . Esta información se encuentra
generalmente en formato HTML o XHTML, y puede proporcionar
navegación a otras páginas web mediante enlaces de hipertexto. Las
páginas web frecuentemente incluyen otros recursos como hojas de
estilo en cascada, guiones e imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o un
servidor web remoto. El servidor web puede restringir el acceso
únicamente para redes privadas, p. ej., en una intranet corporativa, o
puede publicar las páginas en la World Wide Web. El acceso a las
páginas web es realizado mediante su transferencia desde servidores
utilizando el protocolo de transferencia de hipertexto.
•
No le agregues demasiado contenido animado (como animaciones, imágenes muy pesadas, reproductores: Real WindowsMedia, etc.) porque de esa forma la página tarda demasiado en cargarse y muchas computadoras pueden
colgarse (dejar de responder). Eso molesta mucho al usuario.
•
.- Tratá de no ponerle contenidos que sólo se puedan ver en un navegador (Internet Explorer, Netscape Navigator, etc.),
probá la web en varios navegadores. Si querés hacerlo más rápido bajate el DreamWeaver MX, que analiza los
documentos y dice cuáles etiquetas no pueden ser leídas por los navegadores.
•
.- Evitá que aparezcan PopUps y publicidad por todos lados, ya que esto molesta y mucho. Cuando aparecen muchas
ventanitas, los usuarios empiezan a cerrar ventanas y por error también pueden cerrar la de tu página. ¡Pero no olvides
de poner la publicidad de Tresuvesdobles en un lugar visible, de todas formas, no deformará tu diseño porque la podés
personalizar (colores, tamaño, etc).
•
.- Si tu página es nueva, probá si podés entrar desde varias computadoras, no sólo desde la de tu casa. Ya que pueden
haber errores.
•
.- No uses letras específicas o raras de tu computadora para escribir los textos de tu web (pero sí podés en imágenes).
Hacelo con las fuentes que existen en todas las PC's, Ej: Times New Roman, Verdana, Arial, Tahoma. Porque si la
persona que está navegando tu web no tiene esas fuentes, puede llegar a no ver el texto o ver signos extraños,
deformando el diseño de tu web.
•
.- No es conveniente crear tu Sitio con Microsoft Word, ya que éste deja muchas etiquetas y cosas innecesarias en el
código de tu página, haciendo que ésta pese más. Para sacar estas etiquetas y códigos de más, usa el DreamWeaver,
porque tiene una opción para quitarlos

Etapas paso a paso del diseño web
El diseño web hay que clasificarlo en etapas, para dividir mejor el contenido y la arquitectura de la
misma:
LA
MAQUETACION
la estructura y
relación
jerárquica de las
páginas del sitio
web
Escriba la descripción de cada una de las etapas para el diseño
de la página web
•
La maquetación consiste en distribuir los diferentes apartados que ella va a llevar, pongamos un
ejemplo para una mejor explicación, supongamos que empezamos a crear la maquetación, lo primera
será aplicar el tamaño total de anchura, ya que el largo vendrá expresado en imágenes y texto que
introduzcamos en la misma, por eso no podemos aplicar un resultado exacto del largo de la web.
prempezaremos por la cabecera, y distribuiremos donde vamos a insertar los botones La primera, es
el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto,
los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren
pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o pre
diseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene
este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los
vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que
aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que
al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la
estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal
o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle
navegar por el sitio. La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta
consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en
determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto,
aún para el año 2011 no se pueden tener nuevos resultados en los buscadores con sitios muy
gráficos.