República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación Superior
Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo
Ampliación Puerto Cabello
PAGINA WEB
Profesora: Bachilleres:
Sonia Padrón. Argenis Arteaga C.I V-22.512.740
Henry Perozo C.I V-11.433.922
Índice
- Introducción ……………………………………. …………………….Pagina I
- ¿Significado siglas WWW?, ¿Que es una página WEB?……………...Pagina II
- Tipos y Características de páginas WEB………………....................... Página III
- ¿Qué es un BLOG, una WIKI y una WEBQUEST? ………………….Pagina VI
- ¿Qué es un PORTFOLIO DIGITAL?, ¿Qué es un ALBUM MULTIMEDIA?...
Página VII
- Pasos para elaborar una página WEB…………………………. ………Pagina VIII
- Conclusión ……………………………………………………………..Pagina XV
Introducción
Se pretende con el presente dar una introducción o nociones básicas a todos los usuarios
de la internet a profundizar algo más sobre los diferentes aspectos técnicos generales,
necesarios para llevar a cabo la realización de una página WEB, esperamos así cambiar la
perspectiva común o cotidiana que tenemos la mayoría de los usuarios.
Conclusión
En conclusión, el trabajo del desarrollador web (esa especie de alquimista obligado a
dominar y combinar variables tan dispares, y a veces de apariencia incompatible, como la
usabilidad y el atractivo de cara al usuario, y la efectividad técnica de cara a la empresa que
paga sus honorarios, como por ejemplo en el caso de tiendas on-line), este trabajo, decía, es
un proceso largo que requiere un enorme grado de instrucción y aprendizaje técnico, pero
también generosas dosis de intuición y anticipación. A fin de cuentas, la Red muta y crece
cada poco tiempo, y no podemos quedar atrás. Buena suerte.
Referencias Bibliográficas
- https://es.wikipedia.org/wiki/World_Wide_Web
- http://www.ajaxperu.com/paginas-web/tipos-paginas
- https://es.wikipedia.org/wiki/Wiki
- https://es.scribd.com/doc/44471457/Manual-creacion-album-multimedia
- https://es.wikipedia.org/wiki/WebQuest
1- ¿Qué significan las siglas WWW?
W.W.W. la sigla más utilizada en todo el mundo
Lo primero que debemos saber del uso WWW es que es una sigla que significa: World
Wide Web. A partir de allí poder comprender realmente de qué se trata y qué representa
para el mundo de la informática y las telecomunicaciones.
World Wide Web se puede traducir al español como Red Informática Mundial y se trata
del protocolo de distribución de datos más popular en la actualidad. El protocolo WWW
actualmente está unido al protocolo HTTP, sin embargo existen otros protocolos de
distribución como FTP (File Transfer Protocol) o SMTP (Simple Mail Transfer Protocol).
2- ¿Qué es una página WEB?
Una página web, página electrónica o ciberpágina, es un documento o información
electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas
otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida
mediante un navegador. Esta información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web
mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros
recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales,
entre otros.
Las páginas web pueden estar almacenadas en un equipo local o en un servidor
web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por
ejemplo, 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 una transferencia desde servidores,
utilizando el protocolo de transferencia de hipertexto (HTTP).
3- Tipos de páginas WEB
4-Caracteristicas de páginas WEB.
Una página web está compuesta principalmente por información (sólo texto y/o módulos
multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo,
datos de estilo para especificar cómo debe visualizarse, y también aplicaciones
embebidas para así permitir interactividad.
Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de
manejar e insertar hiperenlaces, generalmente HTML.
Respecto a la estructura de las páginas web, algunos organismos, en especial el World
Wide Web Consortium (W3C), suelen establecer directivas con la intención de normalizar
el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido.
Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas,
organizaciones, o personas, así como una manera de comunicar ideas, pensamientos,
conocimientos, informaciones o teorías. Así mismo, la nueva tendencia orienta a que las
páginas web no sean sólo atractivas para los internautas, sino también optimizadas
(preparadas), para los buscadores a través del código fuente. Forzar esta doble función
puede, sin embargo, crear conflictos respecto de la calidad del contenido.
Uso correcto del término "página web"
Conviene reseñar que en la jerga popular se han generalizado un cierto mal uso del
término de página web.
Es frecuente ver a personas referirse con "página web" a un sitio web completo. Siendo
rigurosos, esto es incorrecto ya que "página web" se refiere a una página concreta, con
una URL específica y no a un sitio completo compuesto por múltiples páginas web con
diferentes URLs.
Páginas estáticas versus páginas dinámicas
El contenido de una página web puede ser predeterminado (página web estática) o
generado al momento de visualizarla, o solicitarla a un servidor web (página web
dinámica).
En el caso de las páginas estáticas, al acceder el usuario, el servidor descarga
simplemente un simple fichero con un contenido codificado en HTML que se visualiza a
continuación en su navegador. Un proceso muy similar a la descarga de cualquier fichero,
por ejemplo un documento PDF.
El principal problema de estas páginas es que no permiten la interacción con el usuario,
equivalente a una colección de documentos invariables, como un libro, en la web.
Las páginas dinámicas que se generan al momento de la visualización. No son un simple
documento HTML, sino que se están creadas en algún lenguaje interpretado. El ejemplo
más popular es PHP, el lenguaje en el que están programadas aplicaciones muy populares
como WordPress o MediaWiki, el software en el que está implementado la propia
Wikipedia.
Esto permite la creación de aplicaciones muy complejas. Un ejemplo típico serían las
tiendas online como Amazon.
Aquí la web interactúa con el usuario y es necesario que componga las páginas de manera
dinámica. Por ejemplo: cuando un usuario busca determinados productos, la aplicación
realiza una consulta a su base de datos, obtiene los resultados y compone con ellos "sobre la
marcha" el HTML que corresponde a la lista de los productos. Una vez compuesto
dinámicamente el HTML de la página entera, se devuelve al navegador exactamente igual
que si hubiese sido una página HTML estática.
JavaScript
Por otra parte, existe la posibilidad de introducir dinamismo en el lado cliente a través
del lenguaje JavaScript, diseñado específicamente para navegadores web. Los controles de
interfaz de usuario como árboles o tablas con funciones de paginación están creados
típicamente en JavaScript.
Creación y edición de páginas web
La manera más simple de crear páginas web consiste en utilizar un simple editor de
texto como, por ejemplo, Notepad++ y editar directamente el código HTML más las hojas
de estilo. Es la manera en la que en los inicios de Internet se creaban la mayoría de las
páginas web.
Sistemas CMS
Este enfoque "artesanal" es poco productivo por la gran cantidad de codificación de
HTML que implica y, además, sirve sólo para webs completamente estáticas. No permite
implementar cosas como, por ejemplo, una sección de comentarios de los lectores como las
que son habituales en blogs o en periódicos digitales.
Por ese motivo surgieron los sistemas CMS como, por ejemplo, Joomla que evitan al
usuario la codificación en HTML y ofrecen herramientas como editores visuales que
convierten la tarea de la creación de páginas web a algo parecido a la edición de un
documento en una aplicación de ofimática como Open Office o Word.
Estas herramientas son aplicaciones web creadas con lenguajes de programación
como PHP y que usan bases de datos como MySQL que no solamente permiten una edición
más cómoda de los contenidos, sino también implementar webs dinámicas.
Entre estos sistemas destacan las herramientas para la creación de blogs por ser las más
populares, lideradas por el CMSWordPress.
WordPress en particular, además de ser la herramienta líder para la creación de blogs, se
está convirtiendo en la herramienta más utilizada para la creación de webs pequeñas y
medianas.3
Posicionamiento web (SEO)
El posicionamiento web de una página web es la base para optimizar todo un sitio web
el cual es un conjunto de páginas web.
La finalidad es que la página sea lo más inteligible posible para los bots de los buscadores,
lo cual ayudará a que se posicionen más alto en las búsquedas para las cuales están
optimizadas.
5- ¿Que es un BLOG?
Un blog (del inglés web log) o bitácora web2
es un sitio web que incluye, a modo
de diario personal de su autor o autores, contenidos de su interés, actualizados con
frecuencia y a menudo comentados por los lectores.1
Sirve como publicación en línea de historias con una periodicidad muy alta, que son
presentadas en orden cronológico inverso, es decir, lo más reciente que se ha publicado es
lo primero que aparece en la pantalla. Es muy frecuente que los blogs dispongan de una
lista de enlaces a otros blogs, a páginas para ampliar información, citar fuentes o hacer
notar que se continúa con un tema que empezó otro blog.
6- ¿Qué es una WIKI?
Sistema de trabajo informático utilizado en los sitios web que permite a los usuarios
modificar o crear su contenido de forma rápida y sencilla.
"los sitios wiki me resultan muy interesantes porque ensalzan el espíritu colaborativo"
7- ¿Qué es una WEBQUEST?
La WebQuest es una herramienta que forma parte de un proceso de aprendizaje guiado,
con recursos principalmente procedentes de Internet, que promueve la utilización de
habilidades cognitivas superiores, el trabajo cooperativo, la autonomía de los estudiantes e
incluye una evaluación auténtica. El antecedente de estas actividades lo constituye el uso de
retos (challenging learning) en el desarrollo de ambientes de aprendizaje basados en
tecnologías de la información y comunicación, que se aplican desde 1980.
8- ¿Qué es un PORTFOLIO DIGITAL?
Un portfolio digital, en términos generales, se refiere a una recopilación de documentos
que pueden mostrar diferentes aspectos globales o parciales de una persona (personales,
académicos, profesionales...) o de una organización (objetivos, organigrama, productos...)
los cuales han estado seleccionados y organizados de forma reflexiva y deliberada y
presentados en formato digital (texto, imágenes, animaciones, simulaciones, audio y vídeo);
podríamos decir que es una manera de presentar una identidad en forma digital.
Concepto de Portfolio
El concepto de portfolio hace alusión al conjunto de trabajos, bocetos, muestras,
técnicas, menciones, etc., que una persona recopila para dar a conocer su obra, bien
estemos hablando del ámbito artístico, del educativo, del arquitectónico etc.
Se podría decir que el portfolio viene a ser una especie de memoria documentada de un
proceso de creación, un proceso educativo o de otra índole, que muestra la evolución de
dicho proceso, de tal manera que se puede recomponer una trayectoria.
9- ¿Que es un ALBUM MULTIMEDIA?
Definición Ofrece a los alumnos una lista de enlaces a páginas web cargadas de
contenidos y elementos multimediales para elaborar, a partir de ellas, una colección
multimedia con imágenes, gráficos, sonidos, vídeos, animaciones y textos. Berrios (2009)
Ventajas Educativas Presenta información en formato multimedia, asimismo permite el
almacenamiento, gestión y mantenimiento de la mismos. Estimula toma de decisiones en
cuanto a elección de tareas, formas de ejecución y nivel de profundidad de los temas a
tratar. Estimula el desarrollo de habilidades meta cognitivas y estrategias de aprendizaje
que les permitan planificar, regular y evaluar sus aprendizajes.
10- Pasos para elaborar una página WEB en la WORLD WIDE WEB.
La World Wide Web ya no se entiende como un macro texto, sino como un espacio de
relación y de servicios de todo tipo. Quizás haya triunfado la visión mercantil de la Web
como un hipermercado global para hacer negocios, pero a la par, se han desarrollado otros
servicios con fines menos crematísticos y con un enfoque centrado en la transmisión de
conocimientos, la puesta en común y el desarrollo colaborativo para crear cultura,
pensamiento, ciencia, saber y, en suma, conocimiento.
Francisco Tosete fija el proceso de diseño de sitios web, en Arquitectura de la información:
Definición: abarca aspectos como la definición de la finalidad del web, objetivos,
expectativas y necesidades de los usuarios, estudio del sector y definición de audiencias,
identificación y recopilación del contenido, definición de los servicios y funcionalidades.
Estructuración: engloba todos los aspectos referidos al rotulado y organización de
categorías; organización del sitio mediante un mapa, esquemas de organización y estructura
de directorios; aspectos referentes a la buscabilidad como elección del motor de búsqueda y
la política de indización de contenidos, meta información y meta estructuras.
Producción: abarca las cuestiones referidas al prototipado como el diseño de prototipos y
patrones, al estilo y diseño de la imagen gráfica, a los aspectos relacionados con
la usabilidad y accesibilidad. Una vez lanzado el producto, se procederá al seguimiento y
análisis mediante su posicionamiento en buscadores, feedback y medición de resultados y
propuestas de rediseño.
Este mismo autor, en Arquitectura de la información: fundamentos del diseño de sedes en
la World Wide Web, establece los siguientes aspectos a tener en cuenta en el diseño de una
sede web:
información: contenidos.
gestión: estructura, organización, esquemas.
disposición y presentación: acceso, búsqueda, recuperación y consultas.
Y, por lo tanto, una sede web tendría que contar son los siguientes componentes:
definición de la sede: misión, objetivos y estrategias. ¿Cuáles son las razones que tiene la
organización para producirla? ¿Por qué está aquí el usuario?
gestión de los contenidos: identificación, recopilación, selección, producción,
mantenimiento y actualización de los contenidos. El contenido es la base de la sede, los
usuarios acceden a la sede por el contenido o por los servicios. Para este autor, la clave del
sitio web está en potenciar los contenidos, debe haber como mínimo un 30% de espacio en
la web dedicado a contenidos.
sistemas de navegación: para facilitar el desplazamiento por la sede y el acceso a los
contenidos. La Web es interacción, movimiento, acción, toma de decisiones y asimilación.
Un sistema de navegación evita la desorientación y el desbordamiento cognitivo. Hay que
dotar al sistema de consistencia, predictibilidad y retroactividad.
sistemas de rotulado: su función es representar, describir y transmitir de forma sintética
los contenidos. Los rótulos deben ser concisos y significativos para que el usuario
comprenda con claridad y rapidez la información que hay detrás de ellos para tomar una
decisión. El lenguaje ha de ser próximo al usuario, por eso surge una tensión entre los
lenguajes controlados (lenguajes de clasificación jerárquicos/ facetados, tesauros) y los
lenguajes naturales. El sistema de rotulado también se ocupa de los micro contenidos,
metadatos y marcado.
sistemas de búsqueda: par facilitar la exploración, el acceso y la recuperación de
información. Permiten expresar las consultas en lenguaje natural y acceder a los contenidos
sin navegar por un gran número de seccione intermedias. Son complementarios y nos
sustitutivos de la navegación. Para diseñarlos hay que tener en cuenta las características del
motor de búsqueda (operadores, capacidades de indización, personalización, funciones
de feedback y ayuda automática), el tipo de indización de los contenidos y la presentación
de los resultados.
Así pues, antes de elaborar cualquier sitio web, es preciso seguir un plan ordenado. Se
pueden establecer las siguientes etapas para el diseño Web:
Delimitación del tema: de qué va a tratar el sitio web. Delimitación de contenidos.
Recolección de la información: recopilar y seleccionar la información que se va a incluir.
Agregación: hacer un balance equilibrado entre linealidad y jerarquización. Creación de
páginas, nodos, secciones y subsecciones.
Estructuración de los contenidos: unión de los diferentes nodos y páginas teniendo en
cuenta la jerarquización y ordenación de los contenidos. Creación de nodos de meta
información sobre otros nodos y enlaces que permitan la estructuración horizontal y
vertical. Creación de la página inicial y de las páginas principales. En esta etapa se definen
tanto las estructuras jerárquicas y horizontales, como las taxonomías y esquemas de
clasificación.
Creación de los sistemas de navegación y búsqueda: creación de páginas guía, ayudas a
la navegación, tablas de contenido, índices, sumarios, mapas de navegación, glosarios,
páginas de búsqueda, uso de iconos y barras de navegación, utilización de metáforas, etc.
accesibles desde cualquier otra página del sitio web.
Diseño y estilo gráfico: estilos y formatos textuales, coherencia gráfica, diseño de fondos y
distribución de los elementos dentro de la página, inclusión de material multimedia,
cantidad y tamaño de las imágenes, etc. Dar homogeneidad y coherencia a todo el sitio
web. Utilizar metáforas orgánicas, funcionales y visuales.
Ensamblaje final: últimos enlaces, diseño de portadas y estilos gráficos, logotipos, enlaces
sobre autoría, contacto, fechas de creación o de actualizaciones, etc.
Evaluación y test de uso: comprobación del funcionamiento, vínculos y páginas
rotas, usabilidad, accesibilidad, últimos ajustes, etc.
En el diseño de un sitio web, podemos distinguir 2 aspectos diferenciados:
Diseño de la interfaz: para guiar al usuario por medio de un sistema visual e informativo
adecuado. Para ello hay que disponer la interacción con metáforas, imágenes y conceptos
que puedan transmitir significados a través de la pantalla del ordenador. Se debe elegir un
modelo y conservar la integridad, uniformidad y coherencia de ese diseño a lo largo de todo
el hiperdocumento. El diseño de la interfaz gráfica engloba conceptos y nociones
provenientes de diferentes campos y disciplinas como el diseño gráfico, la informática, los
sistemas audiovisuales, la psicología cognitiva, ergonomía, etc.
Diseño de las páginas: disposición de los elementos dentro de las páginas para ser vistos
en pantalla, esquemas de contenido, tipografía, rotulado, títulos, disposición de las
imágenes y del contenido multimedia, equilibrio entre el contenido textual y gráfico, y la
sensación visual, etc.
El proceso de diseño del sitio web abarca muchos y diferentes aspectos como son:
Estructuración del conocimiento: delimitar el ámbito disciplinar, corpus de conocimiento
y tema sobre el que vamos a tratar de acuerdo con el fin perseguido: informar, investigar,
educar, vender, etc. La estructuración del conocimiento en la web permite convertir la
tradicional estructura secuencial en una estructura multisecuencial, por tanto, se atenderá
pues más a las relaciones entre conocimientos que a la información aislada.
Estructuración de la información: para ello se debe fragmentar la información
en nodos que posteriormente se organizarán estableciendo distintas categorías que atiendan
a diferentes aspectos: relaciones jerárquicas, cronológicas, secuenciales, espaciales, etc.
Además de los nodos, se precisa la creación de metanodos con información sobre otros
nodos: sumarios, índices, tablas de contenido, etc. Para esta fase es muy útil la utilización
de mapas conceptuales, no sólo para el diseño, sino con el fin de integrarlos dentro del
propio hipertexto a modo de mapa de navegación junto a otras herramientas de navegación.
Una de las ventajas que ofrece el hipertexto es la posibilidad de organizar la información de
más de una forma, dejando al usuario la elección de en qué modo acceder a ella, por lo
tanto, se pueden conjugar varios criterios de organización y ofrecer al usuario distintas
formas de acceso para que elija la forma que le sea más cómoda o la más adecuada para los
fines que persigue. La web permite una estructuración de la información modular y
descentralizada que por medio de los enlaces se podrán conexionar a otros módulos,
atendiendo a diferentes perspectivas.
Planteamiento general del diseño: hay que utilizar criterios de accesibilidad, plantearse el
tipo servicios y funcionalidades que se van a ofrecer y con qué fin, y cómo se van a
presentar al usuario, es decir, diseñar su usabilidad. La finalidad del sitio web debe
condicionar la interfaz para adaptarse a las expectativas del usuario (un sitio de ocio no
puede tener un diseño serio, poco atractivo y aburrido), pero la interfaz debe ser, ante todo,
funcional.
Organizar la información: hay que dotar al sitio de una buena organización para que el
usuario pueda localizar lo que busca de la forma más fácil, clara e intuitiva posible. Se
deben crear tablas de contenido, índices, diferentes secciones con títulos significativos,
etc. Hay que simplificar el contenido y no mezclar varios temas en una misma página,
jerarquizar la información no sólo dentro del propio hipertexto, sino dentro de la propia
página colocando la información más importante en las ramas superiores o en la parte
superior de la página dejando la información complementaria o más detallada para el final o
para las ramas más bajas, agrupar las opciones importantes en la misma página, no ampliar
el número de opciones en cada nivel hasta la extenuación. La organización de la
información debe anticiparse en todo momento a los deseos del usuario y a las tareas más
frecuentes para que el usuario llegue antes a ellas.
Tipos de información e interfaz de usuario: disposición de la página en
la pantalla (utilización de marcos o frames, distribución de los contenidos, colores, fondos,
presencia de logotipos, etc.); elementos textuales (determinar la amplitud de cada uno de
ellos, selección de la información, palabras clave, enlaces, formatos y estilos de letra);
selección y elaboración de gráficos; inclusión y uso de audio, vídeo y animaciones;
selección de iconos, botones, barras de menús; presencia de campos de ayuda para la
orientación del usuario, etc.
Interrelación entre la información: estructuración de los nodos de texto, audio, vídeo e
interconexión de todas estas morfologías para convertir el hipertexto enhipermedia;
establecimiento de enlaces entre documentos, partes de documentos, fragmentos de
información, etc. dentro del propio documento y fuera de él.
Creación de un sistema de navegación: que posibilite una navegación simple, intuitiva,
consistente, transparente y flexible. Se trata de interrelacionar la información y la interfaz.
Se pueden elaborar una gran número de herramientas que ayuden a la navegación en forma
de botones, barras de navegación, uso de metáforas, mapas sensibles, FAQ o Preguntas más
frecuentes (Frequently Asked Question) que faciliten la navegación y la hagan
comprensible. Todas estas herramientas son imprescindibles si se trata de documentos
largos y complejos en los que el peligro de pérdida del contexto aumenta cuando el usuario
se aleja de la página principal y se adentra por las ramas inferiores de una estructura
profunda o demasiado amplia.
Creación de un sistema de búsqueda y recuperación: Para ello es necesario el uso de
herramientas de representación de la información (metadatos, métodos de indización, etc.),
formas de presentación de las consultas y los resultados, y otras herramientas de
recuperación y búsqueda tanto de la información interna como externa. Se pueden
incorporar motores de búsqueda para que rastreen dentro del propio documento y/o en toda
la World Wide Web.
No vamos a analizar aquí de forma pormenorizada cómo se crea una página web, ya que
existen en la Web un gran número de manuales que lo explican de forma detallada, sin
embargo, sí abordaremos 2 aspectos fundamentales para la creación de páginas, por un
lado, el diseño de la estructura y, por otro, el diseño la página propiamente dicha.
Diseño de la estructura
En la Web no existe una metodología concreta para crear hiperdocumentos o sitios web
completos. Por el contrario, existen multitud de estructuras organizativas tanto en lo visual
como en lo conceptual, que pueden provocar una gran desorientación al usuario. Es por eso,
que a la hora de elaborar un hipertexto se deben establecer una serie de reglas para que el
sistema sea coherente (visual y cognoscitivamente), y para que no se produzca duplicación
de informaciones o reiteración de esfuerzos a la hora de recopilar o introducir la
información, y de crear la red hipertextual. Como la macro estructura común de
información debe constituirse a partir de una serie de microestructuras, éstas deben
construirse siguiendo unas reglas mínimas que favorezcan su articulación en la estructura
global. Por lo tanto, las reglas deben establecer:
Los tipos de documentos que pueden entrar a formar parte del sistema
Los datos de identificación del documento: título, autor, descripción, localización, fecha de
introducción, fecha de la última consulta, nivel de acceso, etc.
El formato de introducción del texto: estructuración del texto, posición de las páginas,
modelo gráfico utilizado, etc.
El tipo de relación entre los documentos: normas que indican qué documentos pueden
relacionarse, lugares dentro del documento en donde se deben encontrar esas relaciones (en
todo el documento o en una parte del mismo), presentación visual de enlaces, etc.
El acceso a los documentos: recomendaciones para el uso del hipertexto en la búsqueda de
información, etc.

trabajo de pagina web

  • 1.
    República Bolivariana deVenezuela Ministerio del Poder Popular para la Educación Superior Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo Ampliación Puerto Cabello PAGINA WEB Profesora: Bachilleres: Sonia Padrón. Argenis Arteaga C.I V-22.512.740 Henry Perozo C.I V-11.433.922
  • 2.
    Índice - Introducción …………………………………….…………………….Pagina I - ¿Significado siglas WWW?, ¿Que es una página WEB?……………...Pagina II - Tipos y Características de páginas WEB………………....................... Página III - ¿Qué es un BLOG, una WIKI y una WEBQUEST? ………………….Pagina VI - ¿Qué es un PORTFOLIO DIGITAL?, ¿Qué es un ALBUM MULTIMEDIA?... Página VII - Pasos para elaborar una página WEB…………………………. ………Pagina VIII - Conclusión ……………………………………………………………..Pagina XV
  • 3.
    Introducción Se pretende conel presente dar una introducción o nociones básicas a todos los usuarios de la internet a profundizar algo más sobre los diferentes aspectos técnicos generales, necesarios para llevar a cabo la realización de una página WEB, esperamos así cambiar la perspectiva común o cotidiana que tenemos la mayoría de los usuarios.
  • 4.
    Conclusión En conclusión, eltrabajo del desarrollador web (esa especie de alquimista obligado a dominar y combinar variables tan dispares, y a veces de apariencia incompatible, como la usabilidad y el atractivo de cara al usuario, y la efectividad técnica de cara a la empresa que paga sus honorarios, como por ejemplo en el caso de tiendas on-line), este trabajo, decía, es un proceso largo que requiere un enorme grado de instrucción y aprendizaje técnico, pero también generosas dosis de intuición y anticipación. A fin de cuentas, la Red muta y crece cada poco tiempo, y no podemos quedar atrás. Buena suerte.
  • 5.
    Referencias Bibliográficas - https://es.wikipedia.org/wiki/World_Wide_Web -http://www.ajaxperu.com/paginas-web/tipos-paginas - https://es.wikipedia.org/wiki/Wiki - https://es.scribd.com/doc/44471457/Manual-creacion-album-multimedia - https://es.wikipedia.org/wiki/WebQuest
  • 6.
    1- ¿Qué significanlas siglas WWW? W.W.W. la sigla más utilizada en todo el mundo Lo primero que debemos saber del uso WWW es que es una sigla que significa: World Wide Web. A partir de allí poder comprender realmente de qué se trata y qué representa para el mundo de la informática y las telecomunicaciones. World Wide Web se puede traducir al español como Red Informática Mundial y se trata del protocolo de distribución de datos más popular en la actualidad. El protocolo WWW actualmente está unido al protocolo HTTP, sin embargo existen otros protocolos de distribución como FTP (File Transfer Protocol) o SMTP (Simple Mail Transfer Protocol). 2- ¿Qué es una página WEB? Una página web, página electrónica o ciberpágina, es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros. Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, 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 una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP). 3- Tipos de páginas WEB
  • 7.
    4-Caracteristicas de páginasWEB. Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para así permitir interactividad. Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. Respecto a la estructura de las páginas web, algunos organismos, en especial el World Wide Web Consortium (W3C), suelen establecer directivas con la intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido. Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una manera de comunicar ideas, pensamientos, conocimientos, informaciones o teorías. Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas para los internautas, sino también optimizadas (preparadas), para los buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido. Uso correcto del término "página web" Conviene reseñar que en la jerga popular se han generalizado un cierto mal uso del término de página web. Es frecuente ver a personas referirse con "página web" a un sitio web completo. Siendo rigurosos, esto es incorrecto ya que "página web" se refiere a una página concreta, con una URL específica y no a un sitio completo compuesto por múltiples páginas web con diferentes URLs. Páginas estáticas versus páginas dinámicas El contenido de una página web puede ser predeterminado (página web estática) o generado al momento de visualizarla, o solicitarla a un servidor web (página web dinámica).
  • 8.
    En el casode las páginas estáticas, al acceder el usuario, el servidor descarga simplemente un simple fichero con un contenido codificado en HTML que se visualiza a continuación en su navegador. Un proceso muy similar a la descarga de cualquier fichero, por ejemplo un documento PDF. El principal problema de estas páginas es que no permiten la interacción con el usuario, equivalente a una colección de documentos invariables, como un libro, en la web. Las páginas dinámicas que se generan al momento de la visualización. No son un simple documento HTML, sino que se están creadas en algún lenguaje interpretado. El ejemplo más popular es PHP, el lenguaje en el que están programadas aplicaciones muy populares como WordPress o MediaWiki, el software en el que está implementado la propia Wikipedia. Esto permite la creación de aplicaciones muy complejas. Un ejemplo típico serían las tiendas online como Amazon. Aquí la web interactúa con el usuario y es necesario que componga las páginas de manera dinámica. Por ejemplo: cuando un usuario busca determinados productos, la aplicación realiza una consulta a su base de datos, obtiene los resultados y compone con ellos "sobre la marcha" el HTML que corresponde a la lista de los productos. Una vez compuesto dinámicamente el HTML de la página entera, se devuelve al navegador exactamente igual que si hubiese sido una página HTML estática. JavaScript Por otra parte, existe la posibilidad de introducir dinamismo en el lado cliente a través del lenguaje JavaScript, diseñado específicamente para navegadores web. Los controles de interfaz de usuario como árboles o tablas con funciones de paginación están creados típicamente en JavaScript. Creación y edición de páginas web La manera más simple de crear páginas web consiste en utilizar un simple editor de texto como, por ejemplo, Notepad++ y editar directamente el código HTML más las hojas de estilo. Es la manera en la que en los inicios de Internet se creaban la mayoría de las páginas web.
  • 9.
    Sistemas CMS Este enfoque"artesanal" es poco productivo por la gran cantidad de codificación de HTML que implica y, además, sirve sólo para webs completamente estáticas. No permite implementar cosas como, por ejemplo, una sección de comentarios de los lectores como las que son habituales en blogs o en periódicos digitales. Por ese motivo surgieron los sistemas CMS como, por ejemplo, Joomla que evitan al usuario la codificación en HTML y ofrecen herramientas como editores visuales que convierten la tarea de la creación de páginas web a algo parecido a la edición de un documento en una aplicación de ofimática como Open Office o Word. Estas herramientas son aplicaciones web creadas con lenguajes de programación como PHP y que usan bases de datos como MySQL que no solamente permiten una edición más cómoda de los contenidos, sino también implementar webs dinámicas. Entre estos sistemas destacan las herramientas para la creación de blogs por ser las más populares, lideradas por el CMSWordPress. WordPress en particular, además de ser la herramienta líder para la creación de blogs, se está convirtiendo en la herramienta más utilizada para la creación de webs pequeñas y medianas.3 Posicionamiento web (SEO) El posicionamiento web de una página web es la base para optimizar todo un sitio web el cual es un conjunto de páginas web. La finalidad es que la página sea lo más inteligible posible para los bots de los buscadores, lo cual ayudará a que se posicionen más alto en las búsquedas para las cuales están optimizadas. 5- ¿Que es un BLOG? Un blog (del inglés web log) o bitácora web2 es un sitio web que incluye, a modo de diario personal de su autor o autores, contenidos de su interés, actualizados con frecuencia y a menudo comentados por los lectores.1
  • 10.
    Sirve como publicaciónen línea de historias con una periodicidad muy alta, que son presentadas en orden cronológico inverso, es decir, lo más reciente que se ha publicado es lo primero que aparece en la pantalla. Es muy frecuente que los blogs dispongan de una lista de enlaces a otros blogs, a páginas para ampliar información, citar fuentes o hacer notar que se continúa con un tema que empezó otro blog. 6- ¿Qué es una WIKI? Sistema de trabajo informático utilizado en los sitios web que permite a los usuarios modificar o crear su contenido de forma rápida y sencilla. "los sitios wiki me resultan muy interesantes porque ensalzan el espíritu colaborativo" 7- ¿Qué es una WEBQUEST? La WebQuest es una herramienta que forma parte de un proceso de aprendizaje guiado, con recursos principalmente procedentes de Internet, que promueve la utilización de habilidades cognitivas superiores, el trabajo cooperativo, la autonomía de los estudiantes e incluye una evaluación auténtica. El antecedente de estas actividades lo constituye el uso de retos (challenging learning) en el desarrollo de ambientes de aprendizaje basados en tecnologías de la información y comunicación, que se aplican desde 1980. 8- ¿Qué es un PORTFOLIO DIGITAL? Un portfolio digital, en términos generales, se refiere a una recopilación de documentos que pueden mostrar diferentes aspectos globales o parciales de una persona (personales, académicos, profesionales...) o de una organización (objetivos, organigrama, productos...) los cuales han estado seleccionados y organizados de forma reflexiva y deliberada y
  • 11.
    presentados en formatodigital (texto, imágenes, animaciones, simulaciones, audio y vídeo); podríamos decir que es una manera de presentar una identidad en forma digital. Concepto de Portfolio El concepto de portfolio hace alusión al conjunto de trabajos, bocetos, muestras, técnicas, menciones, etc., que una persona recopila para dar a conocer su obra, bien estemos hablando del ámbito artístico, del educativo, del arquitectónico etc. Se podría decir que el portfolio viene a ser una especie de memoria documentada de un proceso de creación, un proceso educativo o de otra índole, que muestra la evolución de dicho proceso, de tal manera que se puede recomponer una trayectoria. 9- ¿Que es un ALBUM MULTIMEDIA? Definición Ofrece a los alumnos una lista de enlaces a páginas web cargadas de contenidos y elementos multimediales para elaborar, a partir de ellas, una colección multimedia con imágenes, gráficos, sonidos, vídeos, animaciones y textos. Berrios (2009) Ventajas Educativas Presenta información en formato multimedia, asimismo permite el almacenamiento, gestión y mantenimiento de la mismos. Estimula toma de decisiones en cuanto a elección de tareas, formas de ejecución y nivel de profundidad de los temas a tratar. Estimula el desarrollo de habilidades meta cognitivas y estrategias de aprendizaje que les permitan planificar, regular y evaluar sus aprendizajes. 10- Pasos para elaborar una página WEB en la WORLD WIDE WEB. La World Wide Web ya no se entiende como un macro texto, sino como un espacio de relación y de servicios de todo tipo. Quizás haya triunfado la visión mercantil de la Web como un hipermercado global para hacer negocios, pero a la par, se han desarrollado otros servicios con fines menos crematísticos y con un enfoque centrado en la transmisión de conocimientos, la puesta en común y el desarrollo colaborativo para crear cultura, pensamiento, ciencia, saber y, en suma, conocimiento. Francisco Tosete fija el proceso de diseño de sitios web, en Arquitectura de la información:
  • 12.
    Definición: abarca aspectoscomo la definición de la finalidad del web, objetivos, expectativas y necesidades de los usuarios, estudio del sector y definición de audiencias, identificación y recopilación del contenido, definición de los servicios y funcionalidades. Estructuración: engloba todos los aspectos referidos al rotulado y organización de categorías; organización del sitio mediante un mapa, esquemas de organización y estructura de directorios; aspectos referentes a la buscabilidad como elección del motor de búsqueda y la política de indización de contenidos, meta información y meta estructuras. Producción: abarca las cuestiones referidas al prototipado como el diseño de prototipos y patrones, al estilo y diseño de la imagen gráfica, a los aspectos relacionados con la usabilidad y accesibilidad. Una vez lanzado el producto, se procederá al seguimiento y análisis mediante su posicionamiento en buscadores, feedback y medición de resultados y propuestas de rediseño. Este mismo autor, en Arquitectura de la información: fundamentos del diseño de sedes en la World Wide Web, establece los siguientes aspectos a tener en cuenta en el diseño de una sede web: información: contenidos. gestión: estructura, organización, esquemas. disposición y presentación: acceso, búsqueda, recuperación y consultas. Y, por lo tanto, una sede web tendría que contar son los siguientes componentes: definición de la sede: misión, objetivos y estrategias. ¿Cuáles son las razones que tiene la organización para producirla? ¿Por qué está aquí el usuario? gestión de los contenidos: identificación, recopilación, selección, producción, mantenimiento y actualización de los contenidos. El contenido es la base de la sede, los usuarios acceden a la sede por el contenido o por los servicios. Para este autor, la clave del sitio web está en potenciar los contenidos, debe haber como mínimo un 30% de espacio en la web dedicado a contenidos. sistemas de navegación: para facilitar el desplazamiento por la sede y el acceso a los contenidos. La Web es interacción, movimiento, acción, toma de decisiones y asimilación. Un sistema de navegación evita la desorientación y el desbordamiento cognitivo. Hay que dotar al sistema de consistencia, predictibilidad y retroactividad.
  • 13.
    sistemas de rotulado:su función es representar, describir y transmitir de forma sintética los contenidos. Los rótulos deben ser concisos y significativos para que el usuario comprenda con claridad y rapidez la información que hay detrás de ellos para tomar una decisión. El lenguaje ha de ser próximo al usuario, por eso surge una tensión entre los lenguajes controlados (lenguajes de clasificación jerárquicos/ facetados, tesauros) y los lenguajes naturales. El sistema de rotulado también se ocupa de los micro contenidos, metadatos y marcado. sistemas de búsqueda: par facilitar la exploración, el acceso y la recuperación de información. Permiten expresar las consultas en lenguaje natural y acceder a los contenidos sin navegar por un gran número de seccione intermedias. Son complementarios y nos sustitutivos de la navegación. Para diseñarlos hay que tener en cuenta las características del motor de búsqueda (operadores, capacidades de indización, personalización, funciones de feedback y ayuda automática), el tipo de indización de los contenidos y la presentación de los resultados. Así pues, antes de elaborar cualquier sitio web, es preciso seguir un plan ordenado. Se pueden establecer las siguientes etapas para el diseño Web: Delimitación del tema: de qué va a tratar el sitio web. Delimitación de contenidos. Recolección de la información: recopilar y seleccionar la información que se va a incluir. Agregación: hacer un balance equilibrado entre linealidad y jerarquización. Creación de páginas, nodos, secciones y subsecciones. Estructuración de los contenidos: unión de los diferentes nodos y páginas teniendo en cuenta la jerarquización y ordenación de los contenidos. Creación de nodos de meta información sobre otros nodos y enlaces que permitan la estructuración horizontal y vertical. Creación de la página inicial y de las páginas principales. En esta etapa se definen tanto las estructuras jerárquicas y horizontales, como las taxonomías y esquemas de clasificación. Creación de los sistemas de navegación y búsqueda: creación de páginas guía, ayudas a la navegación, tablas de contenido, índices, sumarios, mapas de navegación, glosarios, páginas de búsqueda, uso de iconos y barras de navegación, utilización de metáforas, etc. accesibles desde cualquier otra página del sitio web.
  • 14.
    Diseño y estilográfico: estilos y formatos textuales, coherencia gráfica, diseño de fondos y distribución de los elementos dentro de la página, inclusión de material multimedia, cantidad y tamaño de las imágenes, etc. Dar homogeneidad y coherencia a todo el sitio web. Utilizar metáforas orgánicas, funcionales y visuales. Ensamblaje final: últimos enlaces, diseño de portadas y estilos gráficos, logotipos, enlaces sobre autoría, contacto, fechas de creación o de actualizaciones, etc. Evaluación y test de uso: comprobación del funcionamiento, vínculos y páginas rotas, usabilidad, accesibilidad, últimos ajustes, etc. En el diseño de un sitio web, podemos distinguir 2 aspectos diferenciados: Diseño de la interfaz: para guiar al usuario por medio de un sistema visual e informativo adecuado. Para ello hay que disponer la interacción con metáforas, imágenes y conceptos que puedan transmitir significados a través de la pantalla del ordenador. Se debe elegir un modelo y conservar la integridad, uniformidad y coherencia de ese diseño a lo largo de todo el hiperdocumento. El diseño de la interfaz gráfica engloba conceptos y nociones provenientes de diferentes campos y disciplinas como el diseño gráfico, la informática, los sistemas audiovisuales, la psicología cognitiva, ergonomía, etc. Diseño de las páginas: disposición de los elementos dentro de las páginas para ser vistos en pantalla, esquemas de contenido, tipografía, rotulado, títulos, disposición de las imágenes y del contenido multimedia, equilibrio entre el contenido textual y gráfico, y la sensación visual, etc. El proceso de diseño del sitio web abarca muchos y diferentes aspectos como son: Estructuración del conocimiento: delimitar el ámbito disciplinar, corpus de conocimiento y tema sobre el que vamos a tratar de acuerdo con el fin perseguido: informar, investigar, educar, vender, etc. La estructuración del conocimiento en la web permite convertir la tradicional estructura secuencial en una estructura multisecuencial, por tanto, se atenderá pues más a las relaciones entre conocimientos que a la información aislada. Estructuración de la información: para ello se debe fragmentar la información en nodos que posteriormente se organizarán estableciendo distintas categorías que atiendan a diferentes aspectos: relaciones jerárquicas, cronológicas, secuenciales, espaciales, etc. Además de los nodos, se precisa la creación de metanodos con información sobre otros nodos: sumarios, índices, tablas de contenido, etc. Para esta fase es muy útil la utilización
  • 15.
    de mapas conceptuales,no sólo para el diseño, sino con el fin de integrarlos dentro del propio hipertexto a modo de mapa de navegación junto a otras herramientas de navegación. Una de las ventajas que ofrece el hipertexto es la posibilidad de organizar la información de más de una forma, dejando al usuario la elección de en qué modo acceder a ella, por lo tanto, se pueden conjugar varios criterios de organización y ofrecer al usuario distintas formas de acceso para que elija la forma que le sea más cómoda o la más adecuada para los fines que persigue. La web permite una estructuración de la información modular y descentralizada que por medio de los enlaces se podrán conexionar a otros módulos, atendiendo a diferentes perspectivas. Planteamiento general del diseño: hay que utilizar criterios de accesibilidad, plantearse el tipo servicios y funcionalidades que se van a ofrecer y con qué fin, y cómo se van a presentar al usuario, es decir, diseñar su usabilidad. La finalidad del sitio web debe condicionar la interfaz para adaptarse a las expectativas del usuario (un sitio de ocio no puede tener un diseño serio, poco atractivo y aburrido), pero la interfaz debe ser, ante todo, funcional. Organizar la información: hay que dotar al sitio de una buena organización para que el usuario pueda localizar lo que busca de la forma más fácil, clara e intuitiva posible. Se deben crear tablas de contenido, índices, diferentes secciones con títulos significativos, etc. Hay que simplificar el contenido y no mezclar varios temas en una misma página, jerarquizar la información no sólo dentro del propio hipertexto, sino dentro de la propia página colocando la información más importante en las ramas superiores o en la parte superior de la página dejando la información complementaria o más detallada para el final o para las ramas más bajas, agrupar las opciones importantes en la misma página, no ampliar el número de opciones en cada nivel hasta la extenuación. La organización de la información debe anticiparse en todo momento a los deseos del usuario y a las tareas más frecuentes para que el usuario llegue antes a ellas. Tipos de información e interfaz de usuario: disposición de la página en la pantalla (utilización de marcos o frames, distribución de los contenidos, colores, fondos, presencia de logotipos, etc.); elementos textuales (determinar la amplitud de cada uno de ellos, selección de la información, palabras clave, enlaces, formatos y estilos de letra); selección y elaboración de gráficos; inclusión y uso de audio, vídeo y animaciones;
  • 16.
    selección de iconos,botones, barras de menús; presencia de campos de ayuda para la orientación del usuario, etc. Interrelación entre la información: estructuración de los nodos de texto, audio, vídeo e interconexión de todas estas morfologías para convertir el hipertexto enhipermedia; establecimiento de enlaces entre documentos, partes de documentos, fragmentos de información, etc. dentro del propio documento y fuera de él. Creación de un sistema de navegación: que posibilite una navegación simple, intuitiva, consistente, transparente y flexible. Se trata de interrelacionar la información y la interfaz. Se pueden elaborar una gran número de herramientas que ayuden a la navegación en forma de botones, barras de navegación, uso de metáforas, mapas sensibles, FAQ o Preguntas más frecuentes (Frequently Asked Question) que faciliten la navegación y la hagan comprensible. Todas estas herramientas son imprescindibles si se trata de documentos largos y complejos en los que el peligro de pérdida del contexto aumenta cuando el usuario se aleja de la página principal y se adentra por las ramas inferiores de una estructura profunda o demasiado amplia. Creación de un sistema de búsqueda y recuperación: Para ello es necesario el uso de herramientas de representación de la información (metadatos, métodos de indización, etc.), formas de presentación de las consultas y los resultados, y otras herramientas de recuperación y búsqueda tanto de la información interna como externa. Se pueden incorporar motores de búsqueda para que rastreen dentro del propio documento y/o en toda la World Wide Web. No vamos a analizar aquí de forma pormenorizada cómo se crea una página web, ya que existen en la Web un gran número de manuales que lo explican de forma detallada, sin embargo, sí abordaremos 2 aspectos fundamentales para la creación de páginas, por un lado, el diseño de la estructura y, por otro, el diseño la página propiamente dicha. Diseño de la estructura En la Web no existe una metodología concreta para crear hiperdocumentos o sitios web completos. Por el contrario, existen multitud de estructuras organizativas tanto en lo visual como en lo conceptual, que pueden provocar una gran desorientación al usuario. Es por eso, que a la hora de elaborar un hipertexto se deben establecer una serie de reglas para que el sistema sea coherente (visual y cognoscitivamente), y para que no se produzca duplicación
  • 17.
    de informaciones oreiteración de esfuerzos a la hora de recopilar o introducir la información, y de crear la red hipertextual. Como la macro estructura común de información debe constituirse a partir de una serie de microestructuras, éstas deben construirse siguiendo unas reglas mínimas que favorezcan su articulación en la estructura global. Por lo tanto, las reglas deben establecer: Los tipos de documentos que pueden entrar a formar parte del sistema Los datos de identificación del documento: título, autor, descripción, localización, fecha de introducción, fecha de la última consulta, nivel de acceso, etc. El formato de introducción del texto: estructuración del texto, posición de las páginas, modelo gráfico utilizado, etc. El tipo de relación entre los documentos: normas que indican qué documentos pueden relacionarse, lugares dentro del documento en donde se deben encontrar esas relaciones (en todo el documento o en una parte del mismo), presentación visual de enlaces, etc. El acceso a los documentos: recomendaciones para el uso del hipertexto en la búsqueda de información, etc.