Ao de la diversificacin productiva y del fortalecimiento de la

educacin.

Profesora: Gladis Vergara

Curso: lenguaje de programacin

Tema: cuestionario
Seccin: Mb
Aula: D-6-4
Alumnos: * Baez Alcca Maria Teresa

AO: 2015

CUESTIONARIO N1
Desarrollar el siguiente cuestionario a fin de obtener
conocimientos bsicos, para el desarrollo de Lenguaje de
Programacin web en HMTL.
1. Qu es Internet?
2. Qu es un servicio de Internet?
3. Qu es un Navegador?
4. Tipos de Navegadores
5. Qu es WWW o World Wide Web?
6. Qu es URL?
7. Qu es Link?
8. Qu es una Pgina Web?
9. Tipos de Estructura de Pagina Web
10. Qu protocolo se usa para la transmisin de archivos
de hipertexto?
11. Qu es Hipertexto?
12. Qu es lenguaje HTML?
13. Caractersticas del lenguaje HTML
14. Qu necesitas para crear una pgina HTML?
15. Qu es una etiqueta HTML?
16. Estructura Bsica de un documento HTML (ejemplo
explicativo)
17. Atributos de una etiqueta HTML
18. Qu tipo de Navegador se utiliza para visualizar una
pgina Web en HTML?

1. Qu es Internet?
Podemos definir a Internet como una "red de redes", es decir, una red que
no slo interconecta computadoras, sino que interconecta redes de
computadoras entre s.
Una red de computadoras es un conjunto de mquinas que se comunican a
travs de algn medio (cable coaxial, fibra ptica, radiofrecuencia, lneas
telefnicas, etc.) con el objeto de compartir recursos.
De esta manera, Internet sirve de enlace entre redes ms pequeas y
permite ampliar su cobertura al hacerlas parte de una "red global". Esta red
global tiene la caracterstica de que utiliza un lenguaje comn que garantiza
la intercomunicacin de los diferentes participantes; este lenguaje comn 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 institucin, ya sea de
manera inalmbrica o cableada o bien para proveer de algn 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 pginas web y hacer actividades en ella, como
iniciar sesin, ver contenido multimedia, enlazar de un sitio a otro, visitar
una pgina desde otra, imprimir, y enviar y recibir correo, entre muchas
otras actividades. Los nombres de los navegadores ms 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 ms conocido y utilizado, pero o el mejor.
Windows Internet Explorer: Anteriormente Microsoft Internet Explorer,
conocido comnmente 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 mltiples tareas como navegar
por sitios web, gestionar correo electrnico, contactos, fuentes web, charlar
va IRC y funcionar como cliente BitTorrent.
Safari: Es un navegador web de cdigo 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 navegacin por pestaas,
corrector ortogrfico, bsqueda progresiva, vista del historial en
CoverFlow, administrador de descargas y un sistema de bsqueda
integrado.
Google Chrome :Es un navegador web desarrollado por Google y
compilado con base en componentes de cdigo abierto como el motor de

renderizado Web Kit y su estructura de desarrollo de aplicaciones

(framework), disponible gratuitamente bajo condiciones de servicio
especficas
Chromium: Es el proyecto de software libre con el que se ha desarrollado
Google Chrome y es de participacin comunitaria (bajo el mbito de
Google Code) para fundamentar las bases del diseo y desarrollo del
navegador Chrome
Arora:Es un navegador de cdigo abierto basado en Qt 4 y WebKit como
motor de renderizado, el cual tambin es el corazn de los navegadores
Google Chrome y Safari
Avant Browser: Fue desarrollado y mantenido por la empresa Avant Force,
con base en las Islas Vrgenes britnicas. Avant Browser es una aplicacin
de tipo freeware, es decir, es cdigo cerrado pero es de uso gratuito.
Netscape Navigator: Fue un navegador web y el primer producto comercial
de la compaa 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 grfico 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 informtica mundial
Es un sistema de distribucin de documentos de hipertexto o hipermedios
interconectados y accesibles va Internet. Con un navegador web, un
usuario visualiza sitios web compuestos de pginas web que pueden
contener texto, imgenes, vdeos u otros contenidos multimedia, y navega a
travs de esas pginas usando hiperenlaces.

6. Qu es url?
Un localizador de recursos uniforme o URL siglas en ingls de uniform
resource locator es un identificador de recursos uniforme (URI) cuyos
recursos referidos pueden cambiar, esto es, la direccin puede apuntar a
recursos variables en el tiempo.1 Estn formados por una secuencia de
caracteres, de acuerdo a un formato modlico y estndar, que designa
recursos en una red, como Internet.

7. Qu es link?
Un enlace o link es texto o imgenes en un sitio web que un usuario puede
pinchar para tener acceso o conectar con otro documento. Los enlaces son
como la tecnologa que conecta dos sitios web o dos pginas web. En el
navegador se ven como palabras subrayadas (como Ir al ndice de FAQ's al
final de sta pgina). Una vez que pinchas en un enlace, puede poner en
accin varios acontecimientos:

8. Qu es una pgina web?

Una pgina web se define como un documento electrnico el cual contiene
informacin textual, visual y/o sonora que se encuentra alojado en un
servidor y puede ser accesible mediante el uso de navegadores. Una pgina
web forma parte de una coleccin de otras pginas 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 pgina web y su constitucin Lo que define el diseo de una pgina
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.
Bsicamente, los sitios web se componen y estructuran de la siguiente
manera:
Contenedor
Esto es lo que definimos en la regla Body o en algn div de nuestra
estructura. Dentro de este contenedor estarn todos los elementos del sitio;
mdulos, contenidos, imgenes, 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 dnde 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 acompaara la navegacin por todo el sitio ayudando al
reconocimiento de la marca.
Navegacin
Que importante es la navegacin y el men que la contiene. La forma ms
aceptada y fcil, es el men horizontal, que siempre tiene a mano lo ms
importante del sitio web.
Los mens verticales pueden usarse como complementos o sub mens, de
los horizontales, y siempre cerca de la lnea horizontal del men principal y
deben ser visibles en el primer pantallazo, al entrar.
Contenido
Lo ms importante y fundamental de una buena pgina. Lo que mantiene al
visitante cautivo e interesado. Si el contenido es malo o poco interesante,
abandonar la pgina 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 informacin
de Copyright y legales o mens secundarios. Aunque en los ltimos aos,
se usa mucho para incluir informacin de redes sociales, direcciones,
noticias.
Espacio Negativo
Esto es tan importante como el espacio positivo. Tambin llamado espacio
blanco, es todo lo que no tiene informacin de ningn tipo, pero que
cumple un rol importantsimo para la web; nos ayuda a tener espacios de
respiracin, a equilibrar y dar balance a todo el diseo. Si eres novato, o tu
cliente es ignorante en la materia, tratar de llenar esos espacios, con la
consiguiente saturacin de contenidos, dejando una web ilegible e
innavegable.

* Material compilado de The Principles of Beautiful Web Design

10. Qu protocolo se usa para la transmisin de archivos de

hipertexto?
Protocolo HTTP
Desde 1990, el protocolo HTTP (Protocolo de transferencia de hipertexto)
es el protocolo ms utilizado en Internet. La versin 0.9 slo tena la
finalidad de transferir los datos a travs de Internet (en particular pginas
Web escritas en HTML). La versin 1.0 del protocolo (la ms utilizada)
permite la transferencia de mensajes con encabezados que describen el
contenido de los mensajes mediante la codificacin MIME.
El propsito 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 direccinURL.
Comunicacin entre el navegador y el servidor
La comunicacin 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 despus enva una respuesta

HTTP
En realidad, la comunicacin se realiza en ms etapas si se considera el
procesamiento de la solicitud en el servidor. Dado que slo nos ocupamos

del protocolo HTTP, no se explicar la parte del procesamiento en el

servidor en esta seccin del artculo. Si este tema les interesa, puede
consultar el artculo sobre el tratamiento de CGI.

11. Qu es el hipertexto?
Definimos el hipertexto como aquel texto que contiene enlaces a otros
documentos.Es mucho ms fcil entenderlo si pensamos en cmo puede
surgir la necesidad de crear un documento hipertexto. En la evolucin de la
lectura informtica de documentos, primero se usaba la visualizacin
completa de ficheros, pero cuando estos eran muy largos se complicaban
las modificaciones y la bsqueda de informacin, por lo que se tendi a
guardarla en ficheros separados. De esa manera tena el usuario que saber
el nombre de los ficheros para leer un documento u otro. Cuando el nmero
de documentos era muy elevado, se complicaba el recordar en que
documentos se guardaban que cosas, por lo que se creaba un documento
que haca 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 (tambin conocidos
como ASCII) que pueden ser editados con cualquier editor de texto (como
Vim o el "Bloc de notas" de Windows). Tambin podramos 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 extensin HTML o htm.

13. Caractersticas del lenguaje HTML

Pero empecemos ya con lo que nos interesa. Cmo se hace una pgina
Web? Cuando los diseadores del WWW se hicieron esta pregunta
decidieron que se deban cumplir, entre otras, las siguientes caractersticas:
El Web tena que ser distribuido: La informacin repartida en
pginas no muy grandes enlazadas entre s.

 El Web tena que ser hipertexto y deba ser fcil navegar por l.
Tena 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,...).
Deba ser dinmico: el proceso de cambiar y actualizar la
informacin deba ser gil y rpido.
Estas caractersticas son las que marcaron el diseo de todos los elementos
del WWW incluida la programacin de pginas 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 pgina web con diferentes tipos y tamaos de letra, con
imgenes
impactantes,
animaciones
sorprendentes,
formularios
interactivos, etc.

14. Qu necesitas para crear una pgina HTML?

Una de las caractersticas de este lenguaje ms importantes para el
programador es que no es necesario ningn programa especial para crear
una pgina Web. Gracias a ello se ha conseguido que se puedan crear
pginas con cualquier ordenador y sistema operativo. El cdigo HTML,
como hemos adelantado en el prrafo anterior, no es ms que texto y por
tanto lo nico necesario para escribirlo es un editor de texto como el que
acompaan 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. Tambin se
puede usar procesadores de texto, que son editores con capacidades
aadidas, compo pueden ser Microsoft Word o WordPerfect pero hay que
tener cuidado porque en ocasiones hacen traducciones automticas del
cdigo HTML que no siempre son deseadas. En estos dos ltimos casos,
tambin 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 pgina Web
Una vez hemos escrito el cdigo deberemos guardar el archivo (con
formato de texto) con la extensin .html (o .htm en MS-DOS, Windows 3.1
o cualquier otro sistema que slo acepte tres letras en la extensin. Los
siguientes son nombres vlidos de archivos que contengan cdigo
HTML: index.html, index.htm, principal.html, PRINCIPAL.htm, etc...
NOTA: Si el editor o procesador de textos usado para crear la pgina obliga
a usar la extensin .texto al guardar el archivo en modo texto, deberemos
guardarlo con esta extensin, 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 rmame en MSDOS; en Windows 3.1 lo haremos mediante el administrador de archivos y
en Windows 95 con el explorador. En otros entornos, como Linux, es ms
raro que se de esta situacin.
ATENCIN: El World Wide Web es un sistema que diferencia las
maysculas de las minsculas. Es un error comn 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 razn es una norma general usar siempre minsculas para los
nombres de los archivos html.
ltimamente han aparecido nuevas alternativas que facilitan la
programacin de pginas Web. Son los editores HTML. Podemos dividir
estos editores en dos grupos:

 Asistentes: ayudan a crear el cdigo HTML e incluyen plantillas de

cdigo prefabricadas, por ejemplo HotDog (Win), HomeSite (Win),
HTML Editor (Mac), Quanta (Linux, KDE) o Bluefish, (Linux,
GNOME).
Conversores: son programas con otra funcin que la de la
programacin 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 pginas web sin
escribir cdigo 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, adems, modificar el cdigo

HTML directamente.

15. Qu es una etiqueta HTML?

Las Etiquetas
El lenguaje HTML es un lenguaje de marcas, estas marcas sern
fragmentos de texto destacado de una forma especial que permiten la
definicin 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 sern la base principal del lenguaje
HTML. En documento HTML ser un fichero texto con etiquetas que
variarn la forma de su presentacin.

Una etiqueta ser un texto incluido entre los smbolos menor

que < y mayor que >... El texto incluido dentro de los smbolos ser
explicativo de la utilidad de la etiqueta. Por ejemplo:

<B>
<TABLE>
<IMG>

Letra Negrita, del ingls Bold (negrita).

Definir una tabla.
Inclusin de una Imagen.

Existe normalmente una etiqueta de inicio y otra de fin, la de fin

contendr el mismo texto que la de inicio aadindole 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 necesitarn la de fin, sern aquellas en las que el
final este implcito, por ejemplo <P> prrafo, <BR> salto de lnea
o <IMG> inclusin de una imagen. Definen un efecto que se producir en
un punto determinado sin afectar a otros elementos.
El uso de maysculas o minsculas en las etiquetas es indiferente, se
interpretarn del mismo modo en ambos casos, pero lo normal es
expresarlas en maysculas para que destaquen con ms nitidez del texto
normal.

16. Estructura Bsica de un documento HTML (ejemplo

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

<HTML>
<HEAD>
<TITLE>Ttulo de la pgina</TITLE>
...
</HEAD>
<BODY>
Aqu ira el contenido de la pgina
</BODY>
</HTML>
Vamos a analizar ms detenidamente las distintas secciones que componen
la pgina Entre las etiquetas <html> y <head> se suelen colocar otras
opcionales, como por ejemplo:
<meta name="description" content="Informacin sobre el Centro, las
enseanzas que se pueden cursar, los departamentos didcticos">
<meta name="keywords" content="educacin, enseanza, instituto,
profesores, alumnos">

En este caso las etiquetas le indican a los buscadores el contenido de

nuestras pginas (description) y algunas palabras clave (keywords) para su
localizacin.
La cabecera: es la seccin comprendida entre <head> y </head>. En ella
se encuentra necesariamente el ttulo (entre las etiquetas <title> y</title>).
El ttulo de la pgina debe describir su contenido por ejemplo:
<TITLE>Colegio Pblico de Villaman - mbito de Influencia </TITLE>
no valdra en cambio
<TITLE>Pgina de Inicio</TITLE> ya que esto no dice nada por si solo
Dentro de la cabecera tambin se suele incluir cdigo en JavaScript, que se
reconoce porque va comprendido entre las etiquetas
<Script language="JavaScript">
<!--Aqu ira el cdigo// -->
</SCRIPT>

El cuerpo (Body): del documento HTML es normalmente lo ms

importante. Es aqu donde debemos colocar el contenido de nuestra pgina:
texto, fotos, etc.
El cuerpo est delimitado por las etiquetas <body> y </body> La etiqueta
<body> suele contener algunos atributos, a saber:
BGCOLOR: parmetro usado para especificar el color de fondo de la
pgina. El color se define como una terna de nmeros (#rrggbb) en base
hexadecimal en el orden rojo, verde, azul (Red, Green, Blue). Tambin se
puede usar el nombre en ingls 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, parmetros 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, parmetro usado para especfica 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 pequea (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 estn nuestras pginas,
desde C:\ a C:\webs por ejemplo, la ruta especificada debe seguir siendo
vlida.

Por ejemplo si la pgina 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 pgina estuviese en ejemplos se pondra:
<BODY BACKGROUND=".../gifs/fondo.gif">
Fjate 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 permitirn definir diferentes posibilidades de la instruccin HTML.
Estos atributos se definirn en la etiqueta de inicio y consistirn
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

cmo lo interprete el navegador. Cuando el valor que toma el atributo tiene
ms 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 podra 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

pgina Web en HTML?
El diseo 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 pases donde se regule
dicho concepto. Se encuentra disponible y desarrollado por el W3C a travs
de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas
recientemente con la especificacin 2.020 ), aunque muchos pases tienen
especificaciones propias, como es el caso de Espaa con la Norma UNE
139803.