“Año de la diversificación productiva y del fortalecimiento de la educación.”

Profesora: Gladis Vergara

Curso: lenguaje de programación

Tema: cuestionarioSección: MbAula: D-6-4Alumnos: * Baez Alcca Maria Teresa

AÑO: 2015

CUESTIONARIO N°1

Desarrollar el siguiente cuestionario a fin de obtener conocimientos básicos, para el desarrollo de Lenguaje de Programación web en HMTL.

1. ¿Qué es Internet?2. ¿Qué es un servicio de Internet?3. ¿Qué es un Navegador?4. Tipos de Navegadores5. ¿Qué es WWW o World Wide Web?6. ¿Qué es URL?7. ¿Qué es Link?8. ¿Qué es una Página Web?9. Tipos de Estructura de Pagina Web10. ¿Qué protocolo se usa para la transmisión de archivos de

hipertexto?11. ¿Qué es Hipertexto?12. ¿Qué es lenguaje HTML?13. Características del lenguaje HTML14. ¿Qué necesitas para crear una página HTML?15. ¿Qué es una etiqueta HTML?16. Estructura Básica de un documento HTML (ejemplo

explicativo)17. Atributos de una etiqueta HTML18. ¿Qué tipo de Navegador se utiliza para visualizar una

página Web en HTML?

1. ¿Qué es Internet?

Podemos definir a Internet como una "red de redes", es decir, una red que no sólo interconecta computadoras, sino que interconecta redes de computadoras entre sí.

Una red de computadoras es un conjunto de máquinas que se comunican a través de algún medio (cable coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.) con el objeto de compartir recursos.

De esta manera, Internet sirve de enlace entre redes más pequeñas y permite ampliar su cobertura al hacerlas parte de una "red global". Esta red global tiene la característica de que utiliza un lenguaje común que garantiza la intercomunicación de los diferentes participantes; este lenguaje común o protocolo (un protocolo es el lenguaje que utilizan las computadoras al compartir recursos) se conoce como TCP/IP

2. ¿Qué es un servicio de Internet?

El servicio de internet implica el uso del enlace institucional para acceso a servicios ubicados fuera de las instalaciones de la institución, ya sea de manera inalámbrica o cableada o bien para proveer de algún servicio albergado en la Red Institucional a los usuarios localizados fuera de la Universidad.

3. ¿Qué es un Navegador?

Un navegador es un software utilizado para acceder a internet. Un navegador te permite visitar páginas web y hacer actividades en ella, como iniciar sesión, ver contenido multimedia, enlazar de un sitio a otro, visitar una página desde otra, imprimir, y enviar y recibir correo, entre muchas otras actividades. Los nombres de los navegadores más comunes del mercado son: Microsoft Internet Explorer, Mozilla Firefox, Apple Computer's Safari y Opera.

4. Tipos de Navegadores

Firefox: Regularmente el lector utilice Internet Explorer que es el navegador más conocido y utilizado, pero o el mejor.

Windows Internet Explorer: Anteriormente Microsoft Internet Explorer, conocido comúnmente como IE, es un navegador web desarrollado por Microsoft para el sistema operativo Microsoft Windows desde 1995.

Opera: Es un navegador web y suite de Internet creado por la empresa noruega Opera Software, capaz de realizar múltiples tareas como navegar por sitios web, gestionar correo electrónico, contactos, fuentes web, charlar vía IRC y funcionar como cliente BitTorrent.

Safari: Es un navegador web de código cerrado desarrollado por Apple Inc. Está disponible para Mac OS X, iOS (el sistema usado por el iPhone, el iPod Touchy el iPad) y Windows Incluye navegación por pestañas, corrector ortográfico, búsqueda progresiva, vista del historial en CoverFlow, administrador de descargas y un sistema de búsqueda integrado.

Google Chrome :Es un navegador web desarrollado por Google y compilado con base en componentes de código abierto como el motor de renderizado Web Kit y su estructura de desarrollo de aplicaciones (framework), disponible gratuitamente bajo condiciones de servicio específicas

Chromium: Es el proyecto de software libre con el que se ha desarrollado Google Chrome y es de participación comunitaria (bajo el ámbito de Google Code) para fundamentar las bases del diseño y desarrollo del navegador Chrome

Arora:Es un navegador de código abierto basado en Qt 4 y WebKit como motor de renderizado, el cual también es el corazón de los navegadores Google Chrome y Safari

Avant Browser: Fue desarrollado y mantenido por la empresa Avant Force, con base en las Islas Vírgenes británicas. Avant Browser es una aplicación de tipo freeware, es decir, es código cerrado pero es de uso gratuito.

Netscape Navigator: Fue un navegador web y el primer producto comercial de la compañía Netscape Communications, creada por Marc Andreessen, uno de los autores de Mosaic

AOL Explorer: Anteriormente conocido como AOL Browser es un navegador web con entorno gráfico basado en el motor Trident y desarrollado por AOL.

Netscape Navigator

AOL Explorer

Konqueror

Sleipnir

Dolphin

Maxthon

Beonex Communicator

Galeon

K-Meleon

Camino

Bobcat

IEs4Linux

HotJava

ABrowse

Mozilla SeaMonkey o SeaMonkey

CometBird

5. World Wide Web (WWW) o red informática mundial

Es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.

6. ¿Qué es url?

Un localizador de recursos uniforme o URL —siglas en inglés de uniform resource locator— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo.1 Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.

7. ¿Qué es link?

Un enlace o link es texto o imágenes en un sitio web que un usuario puede pinchar para tener acceso o conectar con otro documento. Los enlaces son como la tecnología que conecta dos sitios web o dos páginas web. En el navegador se ven como palabras subrayadas (como Ir al índice de FAQ's al final de ésta página). Una vez que pinchas en un enlace, puede poner en acción varios acontecimientos:

8. ¿Qué es una página web?

Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

9. Tipos de Estructura de Pagina Web

La página web y su constitución Lo que define el diseño de una página web es la forma de organizar los elementos que la componen. Hay miles de formas diferentes, pero son pocas las que funcionan y adquieren el sentido que necesitamos para nuestro trabajo.

Básicamente, los sitios web se componen y estructuran de la siguiente manera:

Contenedor

Esto es lo que definimos en la regla Body o en algún div de nuestra estructura. Dentro de este contenedor estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc.

Este contenedor puede tener un ancho fijo; el ancho será igual para todos los navegadores y dispositivos, o uno fluido que se adaptará al ancho de nuestra ventana. Si usamos web responsive, podemos manejarlo con CSS sin problemas.

Logotipo

Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. Puede ser el logotipo de la empresa o el nombre. Al estar arriba acompañara la navegación por todo el sitio ayudando al reconocimiento de la marca.

Navegación

Que importante es la navegación y el menú que la contiene. La forma más aceptada y fácil, es el menú horizontal, que siempre tiene a mano lo más importante del sitio web.

Los menús verticales pueden usarse como complementos o sub menús, de los horizontales, y siempre cerca de la línea horizontal del menú principal y deben ser visibles en el primer pantallazo, al entrar.

Contenido

Lo más importante y fundamental de una buena página. Lo que mantiene al visitante cautivo e interesado. Si el contenido es malo o poco interesante, abandonará la página en pocos segundos. Para eso, debe estar centralizado y enfocado y a la primera vista. El mejor lugar debe ser para los contenidos. Para Google, el contenido es el rey.

Footer

Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y legales o menús secundarios. Aunque en los últimos años, se usa mucho para incluir información de redes sociales, direcciones, noticias.

Espacio Negativo

Esto es tan importante como el espacio positivo. También llamado espacio blanco, es todo lo que no tiene información de ningún tipo, pero que cumple un rol importantísimo para la web; nos ayuda a tener espacios de respiración, a equilibrar y dar balance a todo el diseño. Si eres novato, o tu cliente es ignorante en la materia, tratará de llenar esos espacios, con la

consiguiente saturación de contenidos, dejando una web ilegible e innavegable.

* Material compilado de The Principles of Beautiful Web Design

10. ¿Qué protocolo se usa para la transmisión de archivos de hipertexto?

Protocolo HTTP

Desde 1990, el protocolo HTTP (Protocolo de transferencia de hipertexto) es el protocolo más utilizado en Internet. La versión 0.9 sólo tenía la finalidad de transferir los datos a través de Internet (en particular páginas Web escritas en HTML). La versión 1.0 del protocolo (la más utilizada) permite la transferencia de mensajes con encabezados que describen el contenido de los mensajes mediante la codificación MIME.

El propósito del protocolo HTTP es permitir la transferencia de archivos (principalmente, en formato HTML). Entre un navegador (el cliente) y un servidor web (denominado, entre otros, httpd en equipos UNIX) localizado mediante una cadena de caracteres denominada direcciónURL.

Comunicación entre el navegador y el servidor

La comunicación entre el navegador y el servidor se lleva a cabo en dos etapas:

El navegador realiza una solicitud HTTP El servidor procesa la solicitud y después envía una respuesta HTTP

En realidad, la comunicación se realiza en más etapas si se considera el procesamiento de la solicitud en el servidor. Dado que sólo nos ocupamos del protocolo HTTP, no se explicará la parte del procesamiento en el servidor en esta sección del artículo. Si este tema les interesa, puede consultar el artículo sobre el tratamiento de CGI.

11. ¿Qué es el hipertexto?

Definimos el hipertexto como aquel texto que contiene enlaces a otros documentos.Es mucho más fácil entenderlo si pensamos en cómo puede surgir la necesidad de crear un documento hipertexto. En la evolución de la lectura informática de documentos, primero se usaba la visualización completa de ficheros, pero cuando estos eran muy largos se complicaban las modificaciones y la búsqueda de información, por lo que se tendió a guardarla en ficheros separados. De esa manera tenía el usuario que saber el nombre de los ficheros para leer un documento u otro. Cuando el número de documentos era muy elevado, se complicaba el recordar en que documentos se guardaban que cosas, por lo que se creaba un documento que hacía las veces de índice.

12. ¿Qué es lenguaje HTML?

HTML significa Hipertexto Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, Mozilla) los interpreta y los muestra.

Los documentos HTML son ficheros de texto plano (también conocidos como ASCII) que pueden ser editados con cualquier editor de texto (como Vim o el "Bloc de notas" de Windows). También podríamos utilizar cualquier programa procesador de textos (como StarWriter o Word), salvando el documento como "solo texto". El nombre de los ficheros escritos en lenguaje HTML suelen tener la extensión HTML o htm.

13. Características del lenguaje HTML

Pero empecemos ya con lo que nos interesa. ¿Cómo se hace una página Web? Cuando los diseñadores del WWW se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:

El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.

El Web tenía que ser hipertexto y debía ser fácil navegar por él.

Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).

Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.

Estas características son las que marcaron el diseño de todos los elementos del WWW incluida la programación de páginas Web. Como respuesta a todos estos requisitos se creó el lenguaje HTML (HiperText Markup Language), cuyas siglas significan "lenguaje hipertexto de marcas".

Este lenguaje será el encargado de convertir un inocente archivo de texto inicial en una página web con diferentes tipos y tamaños de letra, con imágenes impactantes, animaciones sorprendentes, formularios interactivos, etc.

14. ¿Qué necesitas para crear una página HTML?

Una de las características de este lenguaje más importantes para el programador es que no es necesario ningún programa especial para crear una página Web. Gracias a ello se ha conseguido que se puedan crear páginas con cualquier ordenador y sistema operativo. El código HTML, como hemos adelantado en el párrafo anterior, no es más que texto y por tanto lo único necesario para escribirlo es un editor de texto como el que acompañan a todos los sistemas operativos: edit en MS-DOS, block de notas en Windows, vien UNIX, etc. Por supuesto estos no son los únicos editores de texto que pueden ser usados, sino cualquier otro. También se puede usar procesadores de texto, que son editores con capacidades añadidas, compo pueden ser Microsoft Word o WordPerfect pero hay que tener cuidado porque en ocasiones hacen traducciones automáticas del código HTML que no siempre son deseadas. En estos dos últimos casos,

también hay que tener en cuenta que deberemos guardar el archivo en modo texto.

Un editor de texto simple, como el block de notas de Windows, es todo lo necesario para crear una página Web

Una vez hemos escrito el código deberemos guardar el archivo (con formato de texto) con la extensión .html (o .htm en MS-DOS, Windows 3.1 o cualquier otro sistema que sólo acepte tres letras en la extensión. Los siguientes son nombres válidos de archivos que contengan código HTML: index.html, index.htm, principal.html, PRINCIPAL.htm, etc...

NOTA: Si el editor o procesador de textos usado para crear la página obliga a usar la extensión .texto al guardar el archivo en modo texto, deberemos guardarlo con esta extensión, por ejemplo como index.txt, y posteriormente cambiar el nombre del archivo desde fuera del programa a index.html o index.htm . Para ello usaremos el comando rémame en MS-DOS; en Windows 3.1 lo haremos mediante el administrador de archivos y en Windows 95 con el explorador. En otros entornos, como Linux, es más raro que se de esta situación.

ATENCIÓN: El World Wide Web es un sistema que diferencia las mayúsculas de las minúsculas. Es un error común llamar a un archivo index.html y luego referirse a él como Index.html. Aunque en nuestro ordenador puede funcionar al publicarlo seguramente no lo hará. Por esta razón es una norma general usar siempre minúsculas para los nombres de los archivos html.

Últimamente han aparecido nuevas alternativas que facilitan la programación de páginas Web. Son los editores HTML. Podemos dividir estos editores en dos grupos:

Asistentes: ayudan a crear el código HTML e incluyen plantillas de código prefabricadas, por ejemplo HotDog (Win), HomeSite (Win), HTML Editor (Mac), Quanta (Linux, KDE) o Bluefish, (Linux, GNOME).

Conversores: son programas con otra función que la de la programación Web pero que permiten convertir a HTML. Son ejemplos de conversores Microsoft Word, Quark XPress y PageMaker.

Editores WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes): estos editores permiten crear páginas web sin

escribir código HTML como si se tratase de un programa de dibujo por ordenador. Algunos ejemplos de este tipo de editores son Macromedia Dreamweaver, HotMetal o Microsoft Frontpage.

Algunos editores WYSIWYG permiten, además, modificar el código HTML directamente.

15. ¿Qué es una etiqueta HTML?

Las Etiquetas

El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la

definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.

Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >... El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo:

<B> Letra Negrita, del inglés Bold (negrita).<TABLE> Definirá una tabla.

<IMG> Inclusión de una Imagen.

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que esté incluido entre las etiquetas de inicio y fin, ya sea texto plano u otras etiquetas HTML.

<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>

Por ejemplo, con la etiqueta siguiente:

<B>Texto que será en negrita</B>.

Obtendremos:

Texto que será en negrita

Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo <P> párrafo, <BR> salto de línea o <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos.

El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal.

16. Estructura Básica de un documento HTML (ejemplo explicativo)

Todos los documentos Html tienen la estructura que se muestra a continuación, aunque la etiqueta <body> puede ser sustituida por<frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).

<HTML> <HEAD> <TITLE>Título de la página</TITLE> ... </HEAD>

<BODY> Aquí iría el contenido de la página </BODY></HTML>

Vamos a analizar más detenidamente las distintas secciones que componen la página Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por ejemplo:

<meta name="description" content="Información sobre el Centro, las enseñanzas que se pueden cursar, los departamentos didácticos"><meta name="keywords" content="educación, enseñanza, instituto, profesores, alumnos">

En este caso las etiquetas le indican a los buscadores el contenido de nuestras páginas (description) y algunas palabras clave (keywords) para su localización.

La cabecera : es la sección comprendida entre <head> y </head>. En ella se encuentra necesariamente el título (entre las etiquetas <title> y</title>).

El título de la página debe describir su contenido por ejemplo:<TITLE>Colegio Público de Villamañán - Ámbito de Influencia - </TITLE> no valdría en cambio <TITLE>Página de Inicio</TITLE> ya que esto no dice nada por si solo

Dentro de la cabecera también se suele incluir código en JavaScript, que se reconoce porque va comprendido entre las etiquetas

<Script language="JavaScript"><!--Aquí iría el código// --></SCRIPT>

El cuerpo (Body): del documento HTML es normalmente lo más importante. Es aquí donde debemos colocar el contenido de nuestra página: texto, fotos, etc.

El cuerpo está delimitado por las etiquetas <body> y </body> La etiqueta <body> suele contener algunos atributos, a saber:

BGCOLOR: parámetro usado para especificar el color de fondo de la página. El color se define como una terna de números (#rrggbb) en base hexadecimal en el orden rojo, verde, azul (Red, Green, Blue). También se puede usar el nombre en inglés de los colores predefinidos en los navegadores.

Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>

Una buena ayuda para la seleccion de colores con #rrggbb la puedes encontrar en: Paleta de Colores

TEXT , parametro usado para definir el color del texto por omision. Su formato es el mismo que el de BGCOLOR. Si no se pone nada es negro.

LINK, VLINK, ALINK, parámetros usados para especificar el color por omision de: texto con enlace, enlace ya visitado y enlace activo.

Los colores por omision son LINK=blue, VLINK=purple y ALINK=red. El formato es el mismo que BGCOLOR.

BACKGROUND, parámetro usado para específica la ruta y nombre de archivo (URL) de la imagen que será usanda como fondo del documento. Esta se verá como mosaico para cubrir toda la ventana si es pequeña (lo habitual).

Sintaxis: <BODY BACKGROUND="ruta/archivo.gif">

Es conveniente especificar la ruta de modo relativo, esto quiere decir que si cambiamos el directorio completo donde están nuestras páginas,

desde C:\ a C:\webs por ejemplo, la ruta especificada debe seguir siendo válida.

Por ejemplo si la página desde la que hacemos el enlace se encuentra en el directorio Aprendiendo Html y queremos poner como fondo la imagen fondo.gif, que se encuentra en gifs, se debe poner:<BODY BACKGROUND="gifs/fondo.gif">Si la página estuviese en ejemplos se pondría:<BODY BACKGROUND=".../gifs/fondo.gif">

Fíjate en.../ pues es lo que indica al navegador que debe acudir al directorio superior

17. Atributos de una etiqueta HTML

Las etiquetas pueden presentar modificadores que llamaremos atributos que permitirán definir diferentes posibilidades de la instrucción HTML. Estos atributos se definirán en la etiqueta de inicio y consistirán normalmente en el nombre del atributo y el valor que toma separados por un signo de igual. El orden en que se incluyan los atributos es indiferente, no afectando al resultado. Si se incluyen varias veces el mismo atributo con distintos valores el resultado obtenido será imprevisible dependiendo de cómo lo interprete el navegador. Cuando el valor que toma el atributo tiene más de una palabra deberá expresarse entre comillas, en otro caso no será necesario.

Un ejemplo de atributo será:

<A HREF="http://www.uca.es">Pagina principal de la UCA</A>

En este caso la etiqueta A presenta un atributo HREF cuyo valor es http://www.uca.es.

Igualmente una etiqueta podría presentar varios atributos:

<HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>

En este caso la etiqueta HR presenta cuatro atributos. El segundo atributo NOSHADE es un caso especial que no presenta valor. El orden en que se especifiquen los atributos no afectará al resultado final.

18.¿Qué tipo de Navegador se utiliza para visualizar una página Web en HTML?

El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe respetar ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y leyes vigentes en los países donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a través de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la especificación 2.020 ), aunque muchos países tienen especificaciones propias, como es el caso de España con la Norma UNE 139803.