Este documento proporciona definiciones y explicaciones sobre varios conceptos relacionados con las páginas web y el desarrollo web. Define términos como WWW, página web, tipos de páginas web, blog, wiki, webquest, portafolio digital y álbum multimedia. También describe los pasos básicos para crear una página web simple en Microsoft Word.
Portafolio de servicios Centro de Educación Continua EPN
PAGINA WEB
1. República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación Superior
Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo
IUTEPAL
Ampliación – Puerto Cabello
Pagina Web
Profesora: Integrantes:
Padrón Sonia Ortiz Yoandri C.I. 21.531.534
Salcedo Alexander C.l. 25.779.817
Puerto Cabello; 08 de Agosto del 2016
2. Que significa las siglas WWW
WWW son las iniciales que identifican a la expresión inglesa Word Wide Web,
el sistema de documentos de hipertexto que se encuentran enlazados entre sí y a
los que se accede por medio de Internet. A través de un software conocido
como navegador, los usuarios pueden visualizar diversos sitios web (los cuales
contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a
través de ellos mediante los hipervínculos.
De esta manera, podríamos decir, utilizando una comparación con el sector de las
comunicaciones telefónicas, que www es el “prefijo” que tiene todo portal que se
encuentre en la mencionada Red al que queremos acceder.
Gracias precisamente a Internet, al uso de la www y, por consiguiente, a las
diversas páginas web que aquellas presentan los ciudadanos de todo el mundo
tenemos la posibilidad de acceder a un sinfín de espacios donde podemos
encontrar la información sobre un aspecto que estamos buscando, donde tenemos
la oportunidad de entretenernos visualizando imágenes interesantes o incluso
donde podemos comunicarnos con personas de cualquier rincón de la geografía de
nuestro planeta
Que es una página WEB
Se conoce como página web al documento que forma parte de un sitio web y
que suele contar con enlaces (también conocidos como hipervínculos o links)
para facilitar la navegación entre los contenidos.
Las páginas web están desarrolladas con lenguajes de marcado como el HTML,
que pueden ser interpretados por los navegadores. De esta forma, las páginas
pueden presentar información en distintos formatos (texto, imágenes, sonidos,
videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones
interactivas.
Tipos de Pagina WEB
Las páginas web son documentos o información que se crean en formato
HTML, estos son adaptados a la Word Wide Web (WWW) y se puede acceder a
ellos por medio de un navegador. Al conjunto de páginas web enlazadas se las
conoce bajo el nombre se sitio web.
3. Existen distintas formas de clasificar a las páginas web, algunos criterios para ello
son:
Según su construcción:
Estáticas: este tipo de páginas web están compuestas por archivos que contienen
código HTML, es por medio de este que se pueden mostrar las imágenes, textos,
videos y todos aquellos contenidos que componen a la página en sí. Los archivos
que constituyen a la página web son almacenados en el servidor de Hosting, cuyo
formato es también en HTML. Las páginas web pueden ser editadas por medio de
programas como el Dreamweaver. Para esto, los archivos deben ser descargados
del servidor con algún software, editarlos, guardarlos y subirlos nuevamente. El
contenido de estas páginas no se modifica constantemente puesto que estas suelen
estar en manos de personas que requieren contratar a diseñadores para que se
encarguen de esto, lo que implica una serie de gastos. Además, las actualización
contante no es algo que sus dueños necesiten.
Dinámicas: en estas páginas, en cambio, los contenidos son modificados
continuamente ya que esto queda en manos de quienes las visitan. La información
de estas páginas está guardada en bases de datos de las cuales los usuarios extraen
aquello que les interese. Estas páginas se caracterizan entonces por ser sus
usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy
fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen
numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos
de compras, entre otros.
Según su tecnología:
En HTML: estas páginas están construidas con lenguaje HTML, por lo que se
requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas es
que son estáticas, además ofrecen muy poco, por lo que no son recomendables
para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de
construir, con conocimientos básicos de diseño, alcanza.
4. En Flash: estas páginas se construyen utilizando el software Flash, de Adobe, que
permite la realización de animaciones, efectos, sonidos y movimientos. Para que
los usuarios puedan visualizarlas, es necesario contar con los plug-in requeridos.
Para realizarlas sí es necesario tener conocimientos en profundidad sobre el
software, otra desventaja, es que las páginas hechas con Flash son muy pesadas,
por lo que el tiempo de descarga puede prolongarse.
En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre
otros. Para desarrollar esta clase de páginas también es necesario tener
conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para interactuar
con los usuarios y para el área de marketing.
Características de una página WEB
Es importante que, de un simple vistazo, se puedan identificar los siguientes
elementos de una forma clara y consistente a lo largo del sitio:
Encabezado
Logotipo (no borroso, no mal recortado, no pixeleado)
Bajo el logotipo, una frase corta que indique exactamente a qué se
dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño
y desarrollo de páginas y aplicaciones web”.
Barra de navegación.
Debe permanecer en el mismo lugar en todas las páginas interiores,
aunque puede estar en otro lugar en la portada si hay una buena
justificación. Al estar siempre en el mismo lugar el visitante sabe en todo
momento donde buscar las demás opciones. Los diferentes niveles de
opciones deben indicarse visualmente con tipos de letra, negritas, colores
o menús desplegables. Los textos de cada opción deben ser claros y
concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o
5. tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un
camino fácil de intuir.
Área de contenido principal.
Es el área donde la vista del visitante va después de ojear rápidamente el
encabezado. Aquí debes poner tu información.
Barra lateral de contenido (opcional).
En algunos casos es muy útil tener una barra lateral, en la cual se puede
colocar información de fácil acceso, como números telefónicos o una liga
a nuestro formulario de cotizaciones.
Pie de página.
Debe contener un menú alterno en puro texto, con las opciones de primer
nivel. También úsalo para colocar información de contacto u otra
información importante. El contenido del pie debe aparecer en todas las
páginas.
Características que hacen placentera y útil la visita a un sitio web
Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS,
ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una
navegación que cuente con las siguientes características:
Páginas ligeras que descarguen rápidamente.
El formato y estilo de los diferentes elementos están centralizados en un
solo archivo, de tal forma que el navegador solamente lo tiene que leer
una vez.
Elementos técnicos que facilitan la indexación en buscadores de Internet:
Inclusión de Metatags “Description” y “Keywords”.
6. Información bien redactada sin intentos de engañar a los
buscadores de Internet.
Uso de etiquetas H1 a H6 para títulos.
Imágenes optimizadas para que pesen menos.
No utilizar marcos (frames). Esto evita algunos posibles errores de
visualización en el navegador y facilita la impresión.
No utilizar Flash cuando no agregue valor. Los buscadores de Internet y
algunos smartphones y tabletas no pueden leer el texto en Flash.
En la mayoría de los casos es recomendable utilizar un ancho fijo (no
expandible a todo lo ancho de la pantalla) porque facilita la lectura.
Utilización de tipos de letra fácilmente legibles y una herramienta para
permitir crecer el texto. Existe una estimación de que el 75% de los
adultos utiliza algún tipo de anteojos para corregir la visión.
Todas las páginas contarán con un URL absoluto. Esto es, cada página
tendrá una dirección distinta y única en la barra de direcciones de tu
navegador (puede parecer obvio, pero hay sitios web que no funcionan
así). Haciéndolo correctamente, es posible para el visitante añadir tu
página a favoritos o enviar una liga a un producto determinado por e-mail.
De manera opcional se puede utilizar la migaja (breadcrumb) en todas las
páginas. Ejemplo: “Usted está en: Inicio –> Servicios –> Consultoría”.
Apegarse a estándares de desarrollo para garantizar que el sitio web pueda
ser visualizado en todos los navegadores, como Internet Explorer, Firefox
, Safari, Chrome y Opera tanto en computadoras Windows como Mac.
Establecer contacto con el visitante mediante formularios y una
herramienta de chat en línea.
Para romper la monotonía de grandes cantidades de texto, utilizar
fotografías propias o de stock.
7. Utilización de Google Analytics o alguna otra herramienta para medir los
ingresos al sitio web.
El copy del sitio web, es decir, la información que contiene, debe tener
estas características:
Textos bien redactados, que contengan información relevante a lo
que queremos destacar.
No tratar de engañar a los buscadores de Internet mediante
repeticiones exageradas de palabras, utilización del mismo color
de texto y fondo, o alguna otra táctica indeseable.
No utilizar un lenguaje muy técnico ya que nuestros posibles
clientes no son necesariamente expertos en el tema.
Mantener los textos breves y concisos.
Incluir alguna sección (o blog) en la que se publiquen artículos
generados por tu empresa sobre el tema que domina. Esto ayuda a
que tu página sea más relevante para los buscadores, además de
que te conviertes en una fuente de información confiable para tus
clientes y posibles clientes.
Que es un Blog
Un blog 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.
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
8. información, citar fuentes o hacer notar que se continúa con un tema que empezó
otro blog.
Que es una Wiki
es el nombre que recibe un sitio web, cuyas páginas pueden ser editadas
directamente desde el navegador, donde los usuarios crean, modifican o eliminan
contenidos que, generalmente, comparten. No tiene por qué ser necesariamente un
sitio en la web, puesto que hay wikis instalables para uso en el escritorio de
computador personal, o portables en un llavero usb que llevan un entorno LAMP,
como por ejemplo XAMPP.
Los textos o «páginas wiki» tienen títulos únicos. Si se escribe el título de una
página wiki en algún sitio del wiki entre dobles corchetes ([[Título de la página]])
esta palabra se convierte en un «enlace web» a la página correspondiente. De este
modo, en una página sobre «alpinismo» puede haber una palabra como «piolet» o
«brújula» que esté marcada como palabra perteneciente a un título de página wiki.
La mayor parte de las implementaciones de wikis indican en el localizador de
recursos uniforme (URL) de la página el propio título de la
página wiki(en Wikipedia ocurre así: <https://es.wikipedia.org/wiki/Alpinismo>
es el URL de la página wiki Alpinismo), facilitando el uso y comprensibilidad del
enlace fuera del propio sitio web. Además, esto permite formar en muchas
ocasiones una coherencia terminológica, generando una ordenación natural del
contenido.
Que 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
9. 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.
Que es un Portafolio 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.
Que es un Álbum Multimedia
El concepto se aplica a objetos y sistemas que apelan a múltiples medios
físicos y/o digitales para comunicar sus contenidos. El término también se usa en
referencia a los medios en sí que permiten almacenar y difundir contenidos con
estas características.
La comunicación multimedia facilita la comprensión y el aprendizaje, ya que
resulta muy parecida a la comunicación humana directa (cara a cara). En una
conversación, observamos al interlocutor (lo que sería equivalente a un vídeo) y lo
escuchamos (audio) mientras acompaña sus palabras con gestos y movimientos
corporales (animaciones).
Pasos para realizar una página web en Word
Abrir Word y posteriormente abrir un archivo nuevo.
10. Guardar el documento como: guardar como página web, con el nombre de "index"
y guardarlo en una carpeta que este dentro de la carpeta de "mis documentos"
(procura crear una carpeta única, para guardar ahí todos los documentos de la
página, incluyendo fotos, imágenes, videos, textos, etcétera).
Ir a menú formato, fondo, y seleccionar un color o un efecto de color.
Crear una tabla con dos columnas y dos líneas, la primera línea (que contiene dos
columnas) seleccionarla y convertirla en una sola.
De la segunda línea (que contiene dos columnas), poner el puntero del ratón
sobre la línea inferior de la tabla, mantener presionado el botón izquierdo del
mismo, y arrastra hacia abajo, de tal forma que la segunda línea ocupe el espacio
restante de la hoja.
Posterior al trabajo de la tabla, escribe el nombre de tu página web en la primera
línea de la tabla, este nombre deberá ir en letras mayúsculas, letras negrillas, y con
algún color que combine con el fondo (puedes poner algún logotipo que vaya de
acuerdo con tu página.
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