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 Curso1.-Introducción1.1   La importancia de la información en la Web1.2   El valor del contenido de la información en la Web.1.3   HTML 2.- Etiquetas de HTML

2.1 Las etiquetas2.2 Atributos de la etiquetas

3.- Formato de las URL3.1 Definición3.2 Uso y formato

4.- Estructura de un documento HTML4.1 Estructura básica4.2 Comentarios

5.-Cabecera de un documento HTML6.- Cuerpo de un documento HTML

6.1 Espacios y saltos de Líneas6.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 ...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: