Curso básico de HTML
Profesor: Claudio Gutiérrez Soto
Objetivo del Curso
El objetivo principal de este curso, es que los
alumnos del curso (docentes de la Universidad de
Magallanes) sean capaces de construir una página
personal elemental. En primera instancia el objeto de
dicha página estaría enfocada a ser una herramienta
de ayuda a las labores docentes y científicas que
desarrollan los profesores de la nuestra Universidad.
Contenido del Curso
1.-Introducción
1.1 La importancia de la información en la Web
1.2 El valor del contenido de la información en la Web.
1.3 HTML
2.- Etiquetas de HTML
2.1 Las etiquetas
2.2 Atributos de la etiquetas
3.- Formato de las URL
3.1 Definición
3.2 Uso y formato
4.- Estructura de un documento HTML
4.1 Estructura básica
4.2 Comentarios
5.-Cabecera de un documento HTML
6.- Cuerpo de un documento HTML
6.1 Espacios y saltos de Líneas
6.2 Caracteres latinos y especiales
Contenido del Curso








7.- Cabeceras
8.- Tamaño y color de la fuente
9.- Estilos
10.- Hiperenlaces
11.- Imágenes
12.- Tablas
13.- Frames
14.- Subir y actualizar la página
Motivación

Existe un mercado mundial para
alrededor de cinco computadores”
– Thomas Watson, Fundador de IBM

“Mientras técnicamente la televisión
puede ser factible, comercial y
financieramente considero que no
debemos gastar tiempo soñando en su
desarrollo”
– Lee DeForest, Inventor Americano
Motivación

Respecto del teléfono, puedo visualizar un
futuro en que cada ciudad en América tendrá
uno”
– Alcalde de Dallas, 1890

“Las computadoras en el futuro no pesarán
menos de 1.5 toneladas.”
– Popular Mechanics Magazine, Forecasting the Relentless
march of science, 1949

“No hay una razón por la cual alguien
compraría un computador para su hogar.”
– Atribuido a Ken Olsen, presidente, chairman y fundador de
Digital, 1977
¿Qué es Internet?

Una red de redes TCP/IP
(Visión tecnológica)

Un conjunto de servicios entretenidos
(Visión del usuario final)

Una plataforma de soluciones integrales
para la vida diaria
(Visión estratégica)

La base operacional del futuro ...
Tiempo Real:
Nuevo Paradigma de Negocios
“Las empresas mejor equipadas para
el siglo 21 considerarán a los
sistemas en tiempo real como
esenciales para mantener su ventaja
competitiva y retener a sus
clientes….ellas usarán tecnología de
información y de telecomunicaciones
para responder a circunstancias
cambiantes y, aún más importante,
para responder a lo que esperan los
clientes dentro del menor lapso de
tiempo posible.”
Reducciones

La capacidad de ver las cuentas en línea ha
reducido las llamadas al centro de llamados en un
5%

Cuando los clientes hacen reservaciones mediante
Internet, la compañía ahorra 25%
Oportunidad
El punto es encontrar cual es el factor
crítico de éxito tal que con ayuda de la
tecnología se obtenga un gran impacto
Pregunta
¿Cuál es nuestro negocio?
 ¿cuáles son nuestros clientes?
 ¿Cómo podemos generar un gran
impacto sobre nuestro negocio y
nuestros clientes?

Ejemplos de Páginas Web
Ejemplos de Páginas Web
Ejemplos de Páginas Web
Ejemplos de Páginas Web
Ejemplos de Páginas Web
Actividad
Conforman grupos de 4 personas
 Identificar qué tipo de información
debería contener su Web, para que
ésta sea rica en información.
Punto de vista “Pares”
Punto de vista “Clientes” (Alumnos)

Introducción

El protocolo TCP/IP
Es un conjunto de normas que deben seguir los
elementos que conforman la red (hardware y
software), para garantizar un enlace coherente entre
quien transmite y recibe la información.
Este protocolo está formado por dos partes:
El protocolo TCP y el protocolo IP
Introducción


El protocolo TCP le dice a la computadora qué
datos componen la información que va a ser enviada.
El protocolo IP le dice a la computadora a donde
debe enviar la información
Introducción

Direcciones
Debido a la gran cantidad de usuarios conectados a
la red, ha sido necesario crear un sistema de
direcciones, de modo que cada computadora se
identifique de manera única. Esta identificación única
es conocida como dirección IP.
Una dirección IP se compone de cuatro números
entre 0 y 255, cada uno separado por un punto. Una
dirección IP sería 146.83.141.25.
Introducción

El organismo creado para administrar los números
IP se llama InterNIC.

Dominios
las direcciones IP, pueden ser difíciles de recordar.
Por este motivo, Internet emplea nombre de
dominios para ocultar la complejidad de la dirección
numérica.
Ejemplo: 146.83.141.70
www.umag.cl
Introducción

Servidores de Nombre de Dominio(DNS), traducen
los nombres de dominio a direcciones IP para agilizar
el acceso a Internet.
World Wide Web

Hipertexto
El hipertexto consiste en permitir al usuario navegar
entre diferentes páginas Web. Para conseguirlo
simplemente se pulsa con el mouse sobre una
palabra, icono o grafico, resaltado de manera clara,
obteniendo como respuesta el cambio a una nueva
página.
World Wide Web

Hipertexto
Al pulsar sobre un hiperenlace, el navegador recibe
una dirección. A continuación, el navegador localiza
el servidor que contiene el documento, se recibe una
copia del documento solicitado y se despliega la
información en pantalla.
World Wide Web

Localizador Uniforme de Recursos
(URL)
El URL (Uniform Resource Locator) sirve como
identificador para todos los documentos Web.
También se conoce como dirección de página Web.
Todo sitio y página tiene un URL.
World Wide Web

Dominios de Organizaciones
Dominio
Usuario.
com
Organizaciones comerciales.
edu
Instituciones educativas.
gov
Organizaciones del Gobierno.
int
Organizaciones internacionales.
mil
Instituciones Militares.
net
entidades con categoría de red.
org
Organizaciones sin fines de lucro.
El lenguaje HTML
HTML (Hyper Text Markup Languaje, lenguaje de
composición de páginas hipertexto), es uno de los
lenguajes que se utilizan para escribir las páginas
Web.
El hipertexto es un texto presentado de forma
estructurada y agradable, con enlaces que conducen
a otros documentos o fuentes de información, y con
elementos multimedia insertados en él (gráficos,
sonidos, etc.)
El lenguaje HTML
Los documentos HTML se escriben en texto plano,
también conocido como texto ASCII, y se puede
crear en cualquier procesador de palabras y en
cualquier sistema operativo.
Los orígenes del lenguaje HTML se encuentran en el
lenguaje SGML (Standard Generalized Markup
Language, lenguaje estandarizado y generalizado de
marcado). Este es un conjunto de reglas que
permiten la descripción y el manejo del contenido de
cualquier documento digital. A pesar de su enorme
potencia, SGML no es tan popular, debido, a su alto
grado de complejidad.
Construcción de una página
Web.
En primer lugar, debemos notar que el Lenguaje
HTML consiste en una serie de etiquetas (tags),
encerradas entre los símbolos < y >. Cada etiqueta
realiza una tarea de formato diferente. Por ejemplo,
si queremos que un texto aparezca centrado,
escribiremos la etiqueta <CENTER> seguida por el
texto que deseamos centrar, y cerrando la instrucción
con la etiqueta </CENTER>
Ejemplo:
<CENTER> Mi primera línea en html </CENTER>
Estructura básica de un
documento HTML.
Las etiquetas (tags) más comunes en una página
Web son las siguientes:
Descargar

Ejemplos de Páginas Web