Clase 1 HTML

CLASE 1
HTML
Son las siglas de HyperText Markup Language (Lenguaje de Macado de Hipertexto), el
cual significa hipertexto, palabra o frase en especial que "apunta" hacia otra página.
Cuando hace clic en uno de las ligas de una página, su navegador automáticamente lo
lleva a otra página sin preguntar.
Debido a que los vínculos de hipertexto son una característica muy importante del
World Wide Web, las páginas web con frecuencia son conocidas como documentos de
hipertexto. Así que HTML contiene la palabra hipertexto por ser la herramienta que se
usa para crear estos documentos.
Sobre el marcado, HTML tiene unos cuantos códigos simples

para detallar cosas como hacer que el texto aparezca en negritas o cursivas,
crear listas con viñetas, insertar imágenes y, por supuesto vínculos de
hipertexto. Y la palabra lenguaje que es la que más nos provoca miedo cuando
escuchamos de HTML ya que creemos que necesitamos aprender programación
para poder construir nuestra página, más bien HTML es un "lenguaje" en el
sentido de que cuenta con una colección de "tags" para definir estilos, como
negritas y cursivas.
Es el lenguaje en el que se diseñan las páginas que se visualizan a través del navegador. Este lenguaje
se basa en etiquetas (instrucciones que le dicen al navegador como deben mostrarse) y atributos
(parámetros que dan valor a la etiqueta). Una página HTML contiene texto con un cierto formato y
referencias a archivos externos que contienen imágenes, sonidos, animaciones, etc.
Archivo HTML
El lenguaje HTML se utiliza para definir un documento que se visualizará a través del navegador. Este
documento se guarda en un archivo con extensión .htm ó .html. Básicamente los documentos escritos
en HTML constan de texto y etiquetas. Las etiquetas permiten definir el formato del texto, el título que
mostrará en la barra de título del navegador, los elementos multimedia que aparecerán incrustados en
el documento pero que se almacenan en archivos externos, etc. Todo documento HTML tiene la
siguiente estructura: cabecera y cuerpo del documento. Las tres etiquetas que describen su estructura
general son:
 <HTML>: indica que se inicia el documento.

 <HEAD> incluye el título de la página (<title>) que se muestra en la barra de título del
navegador.
 <BODY>: contiene la información visible.
RESPONDER LAS SIGUIENTES PREGUNTAS
1. SIGNIFICADO DE HTML EN ESPAÑOL

2. ESCRIBA EL SIGNIFICADO DE:
<HTML>, <HEAD>, <BODY>:
3. MENCIONE PARA QUE SE UTILIZA EL LENGUAJE HTML
4. MENCIONE EL SIGNIFICADO DE HTML EN ESPAÑOL
Página 1 de 11
CLASE 2
Tipos de estructuras clásicas
Hay cuatro tipos de estructuras clásicas para esquematizar el contenido de un sitio Web.
Jerárquica. - Es la típica estructura de árbol, en el que la raíz (index) contiene
una presentación o introducción y un menú principal. A partir de esta raíz se
puede navegar a las diferentes secciones que contiene el sitio.
La información general se encuentra en los niveles externos y los detalles en los
niveles interiores. La estructura jerárquica permite al visitante saber siempre el
lugar del Sitio en que se encuentra navegando, pudiendo adentrarse en la
estructura para obtener información más específica.
Lineal: Es la estructura más simple de todas, en que se navega de
una página a la siguiente o a la anterior, como si se estuviera
leyendo un libro. Esta estructura es muy útil cuando quieres que
el visitante siga un esquema guiado, fijo y secuencial, evitando
que se distraiga o se pierda con enlaces a otras páginas. Se
recomienda para tutoriales de aprendizaje o tours de visitas
guiadas.
Lineal con jerarquía: Es una mezcla de las dos estructuras anteriores: los temas y subtemas están organizados
de una forma jerárquica, pero puedes leer todo el contenido en orden de forma lineal.
Red. - Es una organización libre sin un orden establecido aparente, Esta estructura tiene el nesgo de perder al
visitante dentro del sitio, o de que no logre ver algún contenido que pretendías mostrarle. Es recomendable
combinar esta estructura con alguna de las anteriores.

1. Escriba el concepto de los siguientes temas
Jerárquica
Red
Lineal
2. Dibuje la simbología de red de los siguientes temas
Jerárquica, Red, Lineal
3. Mencione cuantos tipos de estructura clásicas existen para esquematizar el contenido de la web
4. MENCIONE EL CONCEPTO DE LINEAL CON JERARQUÍA
Página 2 de 11
CLASE 3
Página Web
Página Web Estática
Una página Web estática es una página Web que no requiere de muchas actualizaciones
constantes, está formada sólo por código HTML y un estilo (CSS).
Los sitios Web estáticos son aquellos sitios enfocados principalmente a mostrar una
información permanente, donde el navegante se limita a obtener dicha información, sin que
pueda interactuar con la página Web visitada, las Web estáticas están construidas
principalmente con hipervínculos o enlaces (links) entre las páginas Web que conforman el
sitio, este tipo de Web son incapaces de soportar aplicaciones Web como gestores de bases
de datos, foros, consultas on-line, e-mails inteligentes.
Características de las páginas web estáticas
Ausencia de movimiento y funcionalidades.
 Absoluta opacidad a los deseos o búsquedas del visitante a la página.
 Realizadas en XHTML o HTML.
 Para cambiar los contenidos de la página, es imprescindible acceder
al servidor donde está alojada la página.
 El usuario no tiene ninguna posibilidad de seleccionar, ordenar o
modificar los contenidos o el diseño de la página a su gusto.
 El proceso de actualización es lento, tedioso y esencialmente manual.
 No se pueden utilizar funcionalidades tales como bases de datos,
foros, etc.
Ofrecen:
 Portabilidad, funcionan en cualquier servidor.
 Tiempos de acceso óptimos.
 Máximo desempeño y funcionalidad.
 Facilitan el posicionamiento.
 Diversidad de aplicaciones y componentes existentes.
 Extenso soporte en todo el mundo.
 Costos de hospedaje menores.
 No hay cargos por licenciamiento de un CMS.
 Mínimos requerimientos técnicos para su operación.
 No se requiere ninguna instalación ni configuración de software.
TALLER 3
1. MENCIONE LAS CARACTERICTICAS DE LAS PAGINAS WEB
2. QUE OFRECEN LAS PAGINAS WEB
3. MENCIONE EL CONCEPTO DE PAGINA WEB
4. DE QUE ESTAN CONSTRUIDAS PRINCIPALMENTE LA PAGINAS WEB ESTATICAS
5. MENCIONE DEQUE SON INCAPACACES DE SOPORTAR LA WEB ESTTICAS
Página 3 de 11
CLASE 4
Ventajas de las páginas web estáticas
La principal ventaja de este tipo de páginas es lo económico que resulta
crearlas, con un diseño vistoso e incluyendo las imágenes y el texto con el
cual queremos informar a los navegantes, se puede crear fácilmente sin
necesidad de ningún tipo de programación especial (php, asp) un sitio Web
estático. Destaca por su sencillez, rapidez, comodidad y, sobre todo, por ser
la forma más económica de tener una página Web profesional.
Desventajas de las páginas web estáticas
La gran desventaja de los sitios Web estáticos reside en lo laborioso que
resulta su actualización, así como la pérdida de potentes herramientas
soportadas con bases de datos, como pueden ser la creación de registros
históricos de los clientes, etc.
A quien le interesa este tipo de página Web
 Ideal para empresas que no quieren muchas pretensiones con su sitio Web,
simplemente informar a sus clientes de sus productos y su perfil de empresa.
 Este tipo de página Web es útil para crear imagen de marca y darse a conocer
(empresas nuevas). También puede interesar si no se tiene tiempo para
actualizarla constantemente.
 Entonces se trata de la mejor opción para aquellas empresas que simplemente
ofrecen: Una descripción de su empresa (perfil de empresa).
 Información sobre quiénes somos, donde estamos.
 Servicios y productos.
 Empresas que quieren crear imagen de marca y darse a conocer.
Página Web Dinámica
Se conoce con el nombre de página Web dinámica a aquélla, cuyo contenido se
genera a partir de lo que un usuario introduce en un Web o formulario. El
contenido de la página no está incluido en un archivo HTML como en el caso de las
páginas Web estáticas. Webs dinámicos son aquellos que permiten crear
aplicaciones dentro de la propia Web, otorgando una mayor interactividad con el
navegante. Aplicaciones dinámicas como encuestas y votaciones, foros de
soporte, libros de visita, envío de e-mails inteligentes, reserva de productos,
pedidos on-line, atención a la cliente personalizada. El desarrollo de este tipo de Web es más
complicado, pues requieren conocimientos específicos de lenguajes de programación, así como
creación y gestión de bases de datos, pero la enorme potencia y servicio que otorgan este tipo de
páginas hace que merezca la pena la inversión y esfuerzo invertidos respecto a los resultados
obtenidos.
TALLER 4
Página 4 de 11
1. MENCIONE 1 VENTAJA DE LAS PAGINAS WEB ESTATICAS
2. MENCIONE 1 DESVENTAJA DE LAS PAGINAS WEB ESTATICAS
3. MENCIONE 3 CASOS DE A QUIENES LES PUEDE INTERESAR LAS PAGINAS WEB ESTATICAS
4. MENCIONE UN CONCEPTO DE PAGINA WEB DINAMICAS
CLASE 5
Página Web Dinámica Características:

 Gran número de posibilidades en su diseño y desarrollo.
 El visitante puede alterar el diseño, contenidos o presentación de la página a su gusto.
 En su realización se utilizan diversos lenguajes y técnicas de programación.
 El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor.
 Permite un gran número de funcionalidades tales como bases de datos, foros, contenido
dinámico, etc.
 Pueden realizarse íntegramente con software de libre distribución.
 Existe una amplia comunidad de programadores que brinda apoyo desinteresado.
Ofrecen:
 Autonomía en la administración de contenidos usando un CMS.
 Facilitan tener al día la información.
 Mayor dinamismo en el sitio.
 Diferentes áreas pueden participar en el mantenimiento.
 Contenidos reutilizables.
 Presentación de contenidos en diversos dispositivos y formatos.
 Renovación constante de la imagen del sitio.
 Los autores de contenido no requieren conocimientos técnicos.
 Control total sobre la administración de contenidos.
 Reducción de costos de mantenimiento.
A quien le interesa este tipo de página Web
Es una magnifica solución de página Web para aquellas empresas e Instituciones
que desean estar presentes en internet y así poder captar la atención de millones
de personas que pueden ser clientes potenciales de su empresa, Esta solución se
caracteriza su bajo coste, profesionalidad, sencillez y gran actualidad puesto que
todos los años se mejora sin coste adicional para el cliente.
Es importante no confundir multimedia e interactividad, con páginas dinámicas.
Una página web estática puede ser multimedia (contener varios tipos de medios
vídeo, sonido, imágenes...) e interactiva a través de enlaces e hipervínculos, sin ser
dinámica por ella. En las páginas dinámicas, el contenido suele generarse en el
momento de visualizarse, pudiendo variar por tanto este, mientras que en las
estáticas el contenido suele estar predeterminado, Lo importante de esta
clasificación entre dinámicas y estáticas, es que una página web estática la vamos a
poder almacenar fácilmente, mientras que una dinámica no será así.
TALLER 5
Página 5 de 11
1. MENCIONE 3 CARACTERISTICAS DE LAS PWD
2. MENCIONE 5 COSAS QUE OFRECEN LAS PWD
3. CON QUE NO SE DEBE CONFUNDIR LAS PAGINAS DINAMICAS
4. DIFERENCIA DE GUARDADO ENTRE PWE Y PWD
CLASE 6
El protocolo IP
Internet Protocol o IP (en español Protocolo de Internet) es un protocolo no orientado a
conexión usado tanto por el origen como por el destino para la comunicación de datos a través
de una red de paquetes conmutados.
Las principales características de este protocolo son:
Protocolo orientado a no conexión.
Fragmenta paquetes si es necesario.
Direccionamiento mediante direcciones lógicas IP de 32 bits.
Si un paquete no es recibido, este permanecerá en la red durante un tiempo finito.
Realza el "mejor esfuerzo" para la distribución de paquetes.
Tamaño máximo del paquete de 65635 bytes.
Sólo ser realiza verificación por suma al encabezado del paquete, no a los datos éste que
contiene.
El Protocolo Internet proporciona un servicio de distribución de paquetes de información
orientado a no conexión de manera no fiable. La orientación a no conexión significa que los
paquetes de información, que será emitido a la red, son tratados independientemente,
pudiendo viajar por diferentes trayectorias para llegar a su destino. El término no fiable
significa más que nada que no se garantiza la recepción del paquete. La unidad de
información intercambiada por IP es denominada datagrama. Tomando como analogía los
marcos intercambiados por una red física los datagramas contienen un encabezado y un área
de datos. IP no especifica el contenido del área de datos, ésta será utilizada arbitrariamente
por el protocolo de transporte.
Direcciones IP. - Para que en una red dos computadoras puedan comunicarse entre sí ellas deben estar
identificadas con precisión Este identificador puede estar definido en niveles bajos (identificador físico) o en
niveles altos (identificador lógico) de pendiendo del protocolo utilizado. TCP/IP utiliza un identificador
denominado dirección internet o dirección IP, cuya longitud es de 32 bites. La dirección IP identifica tanto a la
red a la que pertenece una computadora como a ella misma dentro de dicha red.
TALLER 6
Página 6 de 11
1. MENCIONE EL CONCEPTO DE DIRECCIONES IP
2. MENCIONE LAS PRINCIPALES CARACTERISTICAS DE LOS PROTOCOLOS
3. MENCIONE LO QUE PROPORCIONA UN PROTOCOLO DE INTERNET.
4. MENCIONE EL SIGNIFICADO DEL TERMINO NO FIABLE
5. DIBUJE EL EJEMPLO DE DIRECCIONES IP
CLASE 7
Direcciones IP
Tomando tal cual está definida una dirección IP podría surgir la duda de cómo identificar qué parte de la
dirección identifica a la red y qué parte al nodo en dicha red. Lo anterior se resuelve mediante la definición de
las "Clases de Direcciones IP". Las direcciones IP se suelen representar en formato decimal (4 octetos separados
por un punto decimal) en lugar de expresarlas como un número de 32 bits. De esta forma podemos identificar
rápidamente los octetos que pertenecen al identificador de red y los del host. Ejemplos de direcciones:
150.214.53.127 (clase B. NetlD=150.214 y HostiD=53.127),
192.168.13.102 (clase C. NetlD=192.168.13 y HostiD=102),
11.10.200.1 (clase A: NetlD=11 y HostiD=10.2CO.11).
Sin embargo, existen direcciones especiales que no deben ser asignadas a un host, ya que tienen un significado
propio, así:
Dirección de red. - Las redes tienen su dirección, que no es más que el Net Id con el identificador de la red y el
Host ld a cero. Ejemplo. 150.214.0.0 (dirección de red de la Ujaen).
Dirección de broadcast. - Define la dirección de difusión a nivel de IP. Consiste en el Net_ld con el identificador
de la red donde se va a realizar la difusión, y en el Host_ld se coloca todo a "1s". Ejemplo 150.214.255.255
(dirección de difusión de la Ujaen).
Difusión limitada. - Es otro tipo de difusión pero que se extiende solo sobre la red IP donde ha sido generada.
Los dos campos de la dirección IP a “1s". Ejemplo 255.255.255.255.
Dirección de bucle (loopback). - Es una dirección de clase A, 127.x.x.x, que se ha reservado para soportar
comunicaciones entre aplicaciones del mismo host y para comprobar el funcionamiento de aplicaciones de red
sin interferir en ella. Si utilizamos esta dirección para enviar un datagrama, el protocolo IP la reenvía hacia el
protocolo superior, NUNCA la enviará hacia la red Habitualmente se utiliza la dirección de bucle: 127.0.0.1
Página 7 de 11
TALLER 7
1. ESCRIBA LOS EJEMPLOS DE DIRECCIONES.
2. MENCIONE CUALE SON LAS DIRECCIONES ESPECIALES QUE NO SE ASIGNAN A UN HOST
3. CONCEPTO DE DIRECCION DE RED
4. CENCEPTO DE DIFUSION LIMITADA
CLASE 8
LA FAMILIA DE PROTOCOLOS DE INTERNET
Es un conjunto de protocolos de red en los que se basa Internet y que permiten la
transmisión de datos entre redes de computadoras. En ocasiones se le denomina
conjunto de protocolos TCP/IP, en referencia a los dos protocolos más importantes
que la componen:
Protocolo de Control de Transmisión (TCP) y Protocolo de Internet (IP), que fueron
los dos primeros en definirse, y que son los más utilizados de la familia.
FUNCIONAMIENTO
Los datos en una red basada en IP son enviados en bloques conocidos como paquetes
o datagramas (en el protocolo IP estos términos se suelen usar indistintamente). En
particular, en IP no se necesita ninguna configuración antes de que un equipo intente
enviar paquetes a otro con el que no se había comunicado antes.
IP provee un servicio de datagramas no fiable (también llamado del mejor esfuerzo
(best effort), lo hará lo mejor posible, pero garantizando poco). IP no provee ningún
mecanismo para determinar si un paquete alcanza o no su destino y únicamente
proporciona seguridad (mediante checksums o sumas de comprobación) de sus
cabeceras y no de los datos transmitidos. Por ejemplo, al no garantizar nada sobre la
recepción del paquete, éste podría llegar dañado, en otro orden con respecto a otros paquetes,
duplicado o simplemente no llegar. Si se necesita fiabilidad, ésta es proporcionada por los
protocolos de la capa de transporte, como TCP.
Si la información a transmitir ("datagramas") supera el tamaño máximo "negociado" en el tramo de
red por el que va a circular podrá ser dividida en paquetes más pequeños, y reensamblada luego
cuando sea necesario. Estos fragmentos podrán ir cada uno por un camino diferente dependiendo
de cómo estén de congestionadas las rutas en cada momento.
Las cabeceras IP contienen las direcciones de las máquinas de origen y destino (direcciones IP),
direcciones que serán usadas por los conmutadores de paquetes (switches) y los enrutadores
(routers) para decidir el tramo de red por el que reenviarán los paquetes.
TALLER 8
1. MENCIONE EL CONCEPTO DE LA FAMILIA DE PROTOCOLOS DE INTERNET
2. MENCIONE CON NOMBRE SE CONOCE A LA FAMILIA DE PROTOCOLOS DE INTERNET
3. MENCIONE LOS TIPOS DE PROTOCOLES QUE COMPONEN A LA FAMILIA.
4. MENCIONE QUE CONTIENEN LAS CABECERAS IP
5. MENCIONE CON QUE OTRO NOMBRE SE CONOCE A LOS CONMUTADORES DE PAQUETES
6. MENCIONE CON QUE OTRO NOMBRE SE CONOCE A LOS ENRUTADORES
7. MENCIONE QUE PASA SI LA INFORMACION A TRANSMITIR SUPERA EL TAMAÑO MAXIMO
Página 8 de 11
CLASE 9
CLASES DE DIRECCIONES IP
Se dividen de acuerdo a la cantidad de bytes que representan a la red.
CLASE A
En una dirección IP de clase A, el primer byte representa la red. El bit más importante (el primer bit a la
izquierda) está en cero, lo que significa que hay 2 7 embargo, la red 0 (bits con valores 00000000) no existe y el
número 127 está reservado para indicar su equipo.
Las redes disponibles de clase A son, por lo tanto, redes que van desde 1.0.0.0 a 126.0.0.0 (los últimos bytes son
ceros que indican que se trata seguramente de una red y no de equípos).
En binario, una dirección IP de clase A luce así:
0 Xxxxxxx Xxxxxxxx Xxxxxxxx Xxxxxxxx
Red Equipos
Clase B
En una dirección IP de clase B, los primeros dos bytes representan la red.
Los primeros dos bits son 1 y 0; esto significa que existen 214 (10 000000 00000000 redes disponibles de la
clase B son, por lo tanto, redes que van de 128.0.0.0 a 191.255.0.0.
En binario, una dirección IP de clase B luce así:
10 Xxxxxx Xxxxxxxx Xxxxxxxx Xxxxxxxx
Red Ordenadores
Clase C
En una dirección IP de clase C, los primeros tres bytes representan la red. Los primeros tres bits son 1,1 y 0; esto
significa que hay 221 posibilidades de red, es decir, 2.097.152. Las redes disponibles de las clases C son, por Io
tanto, redes que van desde 192.0.0.0 a 223.255.255.0.
En binario, una dirección IP de clase C luce así:
110 Xxxxx Xxxxxxxx Xxxxxxxx Xxxxxxxx
Red Ordenadores
TALLER 9
1. INDIQUE LAS CLASES DE DIRECCIONES IP
2. INDIQUE LA DIRECCION IP INICIAL Y FINAL DE CADA CLASES
3. MENCIONE CUANTOS BYTE REPRESENTAN CADA DIRECCION IP EN CADA CLASE
Página 9 de 11
4. CUANTAS CLASES DE DIRECCIONES IP EXISTEN
CLASE 10
NAVEGADORES
Un navegador web es un programa informático que facilita al usuario el navegar por
la red, esto es, poder visualizar e interactuar las páginas web de cualquier red. Su
nombre viene de su capacidad para poder moverse, desplazarse de una página a otra
mediante utilidades como los hipervínculos, que conectan las páginas situadas en
distintos lugares del mundo entre si con un sólo click, a lo que llamamos
comúnmente navegación
El navegador también llamado explorador o browser (en inglés) permite leer la
información que se encuentra en servidores (remotos o locales, según el tipo de red), y del mismo modo que un
programa de imágenes procesa la información y las muestra, obtener la información necesaria para que las
páginas puedan ser mostradas.
Las páginas web suelen estar codificadas según un lenguaje de programación
(en general HTML), que el navegador debe ser capaz de descodificar para
interpretarlo.
Además, el navegador se encarga de comunicarse con el servidor mediante un
protocolo determinado para evitar pérdidas de datos y problemas. Ese
protocolo suele ser HTTP, si bien algunas páginas usan protocolos propios o de
segundad.
Su nacimiento viene ligado al uso de internet, que hacía necesario un entorno gráfico que permitiese al usuario
de modo sencillo acceder a toda la información que necesitase de un modo práctico y sencillo, toda vez que la
cantidad de información era enorme y ha seguido creciendo en nuestros días. Una herramienta así era pues
poco menos que imprescindible, y por tanto se crearon las primeras versiones ya en la década de los 90.
Entre los primeros que alcanzaron difusión podemos destacar el Netscape (que luego originó el proyecto
Firefox), al que se unió el Internet Explorer años más tarde (actualmente el navegador más
usado en ordenadores) y recientemente otros como el Google Chrome, Safari, Opera, etc.
Actualmente hay muchos y muy variados navegadores, sobre todo debido a la irrupción de
los dispositivos Wi-Fi y los avances de los dispositivos móviles. Sus prestaciones pueden
muy variadas, pero en general ya todos ellos poseen soporte para múltiples protocolos,
visionado de elementos multimedia, seguridad avanzada.
También, aunque algunos son exclusivos para una plataforma o sistema operativo, la
mayor parte intentan ser multiplataforma y ejecutables en casi todos los sistemas, o al
menos tener una versión para cada sistema operativo.
TALLER 10
1. MENCIONE EL CONCEPTO DE NAVEGADORES
2. CON QUE OTRO NOMBRE SE CONOCE AL NAVEGADOR
Página 10 de 11
3. EN QUE ESTAN CODIFICADAS LAS PAGINAS WEB
4. EN QUE ESTA EL LIGADO EL NACIMIENTO DE LAS PAGINAS WEB
5. MENCIONE EL PRIMER NAVEGADOR QUE ALCANZO DIFUSION
6. MENCIONE LOS NAVEGADORES MAS CONOCIDOS
Página 11 de 11

Clase 1 HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Clase 1 HTML

Cargado por

Copyright:

Formatos disponibles

CLASE 1

Sobre el marcado, HTML tiene unos cuantos códigos simples

 <HTML>: indica que se inicia el documento.

RESPONDER LAS SIGUIENTES PREGUNTAS

1. SIGNIFICADO DE HTML EN ESPAÑOL

RESPONDER LAS SIGUIENTES PREGUNTAS

Página Web Dinámica Características:

También podría gustarte